/*
    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: 650px;
height: 375px;
position: relative;
margin: 0;
}

.anythingSlider .wrapper {
width: 630px;
overflow: auto;
height: 330px;
margin: 0;
padding:0;
position: absolute;
top: 0;
left: 0;
border:10px solid #FFFFFF;
}

/* Width below is max for Opera */
.anythingSlider .wrapper ul {
width: 8000px;
list-style: none;
position: absolute;
top: 0;
left: 0;
padding:0;
background-color: #FFF;
margin: 0;
}

.anythingSlider ul li {
display: block;
float: left;
padding: 0;
height: 350px;
width: 650px;
margin: 0;
}

.anythingSlider .arrow {
height: 0;
width: 0;
position: absolute;
top: 0;
left:0;
visibility:hidden;
}

.anythingSlider .forward {
right: 20px;
}

.anythingSlider .back {
left:0;
}

#thumbNav {
position: relative;
top: 345px;
text-align:right;
}

#thumbNav a {
display: inline-block;
height: 30px;
width:25px;
line-height:35px;
margin: 0 10px 0 0;
background: url(../images/slider_number_boxes.png);
background-repeat:no-repeat;
background-position:0 -60px;
text-align: center;
font-family: 'MuseoSlab500Regular', sans-serif;
color:#5D2067;
font-size:15px;
}

#thumbNav a:hover {
background: url(../images/slider_number_boxes.png);
background-repeat:no-repeat;
background-position:0 -30px;
color:#FFF;
}

#thumbNav a.cur {
background: url(../images/slider_number_boxes.png);
background-repeat:no-repeat;
color:#FFFFFF;
}

#start-stop {
width: 50px;
height:50px;
position: absolute;
right: 20px;
top: 150px;
background-repeat:no-repeat;
background-image:url(../images/slider_start_stop.png);
}

#start-stop.playing {
background-image:url(../images/slider_start_stop.png);
background-repeat:no-repeat;
background-position:0 -50px;
}

#start-stop.playing:hover {
background-image:url(../images/slider_start_stop.png);
background-repeat:no-repeat;
background-position:0 -150px;
}

#start-stop:hover {
background-image:url(../images/slider_start_stop.png);
background-repeat:no-repeat;
background-position:0 -100px;
}

/*
  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;
margin:0;
}

#front_of_house_container, #back_of_house_container, #special_container, #hotel_container, #special_container2 {
width:630px;
height:330px;
position:relative;
}

#front_of_house_text, #back_of_house_text, #special_text, #hotel_text, #special_text2 {
margin:15px 25px 15px 15px;
width:214px;
height:300px;
position:relative;
float:left;
}

#front_of_house_image, #back_of_house_image, #special_image, #hotel_image, #special_image2 {
width:376px;
height:330px;
float:right;
}

.slider_learn_more_button a {
position:absolute;
left:0;
bottom:0;
width:214px;
height:25px;
line-height:25px;
text-indent:10px;
background-image:url(../images/slider_learn_more_button.png);
background-repeat:no-repeat;
font-family: 'MuseoSlab500Regular', sans-serif;
color:#5D2067;
display:block;
}

.slider_learn_more_button a:hover {
position:absolute;
left:0;
bottom:0;
width:214px;
height:25px;
line-height:25px;
text-indent:10px;
background-image:url(../images/slider_learn_more_button.png);
background-repeat:no-repeat;
background-position:0 -25px;
font-family: 'MuseoSlab500Regular', sans-serif;
color:#FFF;
display:block;
}