/*
    anythingSlider v1.2
    
    By Chris Coyier: http://css-tricks.com
    with major improvements by Doug Neiner: http://pixelgraphics.us/
    based on work by Remy Sharp: http://jqueryfordesigners.com/
*/
.anythingSlider                         { width: 950px; height: 320px; position: relative; margin: 0; }
.anythingSlider .wrapper                { width: 950px; overflow: auto; height: 320px; margin:0; position: absolute; top: 0; left: 0; }

                                        /* Width below is max for Opera */
.anythingSlider .wrapper ul             { width: 32700px; list-style: none; position: absolute; top: 0; left: 0; border-top: 0px solid #FFF; border-bottom: 0px solid #FFF; margin: 0; }
.anythingSlider .wrapper ul li          { display: block; float: left; padding: 0; height: 320px; width: 950px; margin: 0; }

.anythingSlider .wrapper ul li a        {  }

.anythingFader .arrow                  { display: none; height: color:#FFFFFF; }
.anythingFader .forward                { display: none; height: color:#FFFFFF; }
.anythingFader .back                   { display: none; height: color:#FFFFFF; }
.anythingFader .forward:hover          { display: none; height: color:#FFFFFF; }
.anythingFader .back:hover             { display: none; height: color:#FFFFFF; }

/*
  Prevents
*/
.anythingSlider .wrapper ul ul          { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
.anythingSlider .wrapper ul ul li       { float: none; height: auto; width: auto; background: none; }

/* HEADER */

#slider li.clarencedock {
text-align:left;
height:320px;
background:url(../img/bg-slider-clarence-dock.jpg) no-repeat top;
}

#slider li.altontowers {
text-align:left;
height:320px;
background:url(../img/bg-slider-alton-towers.jpg) no-repeat top;
}

#slider li.chillfactore {
text-align:left;
height:320px;
background:url(../img/bg-slider-chill-factore4.jpg) no-repeat top;
}

#slider li.thelowry {
text-align:left;
height:320px;
background:url(../img/bg-slider-the-lowry.jpg) no-repeat top;
}

#slider li.engergysolutions {
text-align:left;
height:320px;
background:url(../img/bg-slider-energy-solutions.jpg) no-repeat top;
}

/* 
#slider li.seashell-trust {
text-align:left;
height:320px;
background:url(../img/bg-slider-05.jpg) no-repeat top;
}
*/

#slider li.commercial-buildings {
text-align:left;
height:320px;
background:url(../img/bg-slider-06.jpg) no-repeat top;
}

.headline {
position:relative;
top:30px;
left:0x;
background:url(../img/bg.png) repeat;
width:500px;
height:120px;
}

.headline p.problem {
position:relative;
top:22px;
left:25px;
font-size:160%;
font-weight:bold;
color:#FFFFFF;
margin-bottom:5px;
}

.headline p.question {
position:relative;
top:18px;
left:25px;
font-size:125%;
line-height:135%;
font-weight:normal;
color:#EE6924;
}

.call-to-action {
position:relative;
top:30px;
left:180px;
}

.call-to-action p {
font-size:95%;
font-weight:normal;
color:#FFFFFF;
}

.call-to-action a {
display:block;
background:#EE6924 url(../img/arrows-white.gif) no-repeat 290px 10px;
width:300px;
height:26px;
padding:9px 0 0 20px;
color:#FFFFFF;
text-decoration:none;
}

.call-to-action a:hover {
color:#3C3C3C;
text-decoration:none;
background:#EE6924 url(../img/arrows-black.gif) no-repeat 290px 10px;
}