html {
	overflow: -moz-scrollbars-vertical;
}

body{
background-color:#5a4e45;
color:#303030;
font-size:12px;
}


#top, #homeContent, #homeFooter{
width:960px;
margin:0px auto;
z-index:999;
}


#topContainer{
height:100px;
background-color: #fff;
}

#topContentContainer{
position:absolute;
top:0;
left:0;
z-index:700;
width:100%;
}

#homeContentContainer{
background-color: #fff;
}

#homeTopWrapper{
position: absolute;
top:0px;
left:0px;
z-index:800;
}


#logo{
padding:15px 0px 0px 0px;
}

#logo a{
display:block;
width:113px;
height:71px;
background: url(/assets/images/logos/predatorridge_logo.gif) no-repeat;
}

#topNav{
color:#cb8f29;
text-transform: uppercase;
text-align: right;
font-size:11px;
padding:34px 0px 0px 0px;

}

#topNav ul{
-width:400px;

}


#topNav li{
display: inline;
float:left;
padding:5px 15px 0px 0px;

}

#topNav a, #subMainNav a, #homeFooter a{
color:#808080;
text-transform: uppercase;
text-decoration: none;
font-size:11px;
}

#subMainNav a{
font-weight: bold;
}

#topNav a:hover, #subMainNav a:hover, #homeFooter a:hover{
color:#cb8f29;
}

#topNav li.last{
padding-right:0px;
}

#subMainNav ul{
height:25px;
background:url(/assets/images/backgrounds/submainnav_bg.gif) no-repeat left;
margin:10px 0px;
padding:8px 0px 9px 25px;
*width:315px;
*margin:10px 0px 10px 23px;

}

#subMainNav{
width:355px;
padding:0px;
}

#subMainNav li{
display: inline;
float:left;
padding:5px 15px 0px 0px;
}

#subMainNav li.last{
padding-right:0px!important;
*width:55px;

}


#navContainer{
height:62px;
z-index:1000;
background: url(/assets/images/backgrounds/nav_bg.gif) repeat-x;

}


#nav{
width:972px;
margin:0px auto;
padding:0px 13px 0px 0px;

}


#mainNav{
width:603px;
margin:0px;
padding:0px;
}


.homeFeaturedActivitiesContainer{
width:960px;
margin:0 auto;

}

.homeFeaturedActivities{
width:278px;
display: block;
height:200px;
position: relative;
left:688px;
top:160px;
*top:135px;
z-index: 1000;
margin:45px 0px 0px 0px;

}

.homeFeaturedActivities .content{
width:240px;
}

.homeFeaturedActivities .content img.title{
padding:0px 0px 10px 0px;
}

.homeHeaderContainer{
display: block;
width:100%;
height:350px;
position:absolute;
top:162px;
left:0px;
z-index: 8;

}

.homeHeaderBackground{
height:350px;
width:100%;
z-index: 9;
}

#homeContentContainer{
background-color: #fff;
padding:30px 0px;
}


#bottomHomeContentContainer{
position:absolute;
top:511px;
left:0px;
width:100%;
}

#homeReservations{
width:275px;
}

#homeAds{
width:305px;
padding:0px 50px;
}

.headerContent{
width:960px;
margin:0px auto;
color:#fff;
font-size:14px;
padding:250px 0px 40px 0px;
}



#homeNews .icon{
width:15px;
padding:3px 10px 0px 0px;
}

#homeNews .newsItem{
width:230px;
}

#homeNews .newsItem a{
color:#9a9a9a;
text-decoration: none;
font-size:10px;
font-weight: bold;
text-transform: uppercase;
}

#homeNews ul{
padding:0px 0px 15px 0px;
}

#homeFooter{
color:#808080;
padding:35px 0px 0px 0px;
}

#homeFooterNav{
width:530px;
}

#homeFooterNav ul{
width:150px;
}

#homeAbout{
width:385px;
}

 #footerContainer{
background: url(/assets/images/backgrounds/footer_bg.gif) repeat-x;
}




#reservationCallout{
border:1px solid #ccc;
padding:10px 20px 20px 20px;
margin:0px;
width:215px;
}

.checkAvailability{
background-color: #808080;
border:1px solid #ccc;
color:#fff;
text-transform: uppercase;
padding:3px;
font-size:9px;
margin:10px 0px 0px 0px;
}


#reservationCallout .fields{
padding:10px 0px 0px 0px;
}

#reservationCallout .iePaddingNights{
-padding:2px 5px 0px 0px!important;
}

#reservationCallout .iePaddingAdults{
-padding:2px 5px 0px 0px!important;
}

#reservationCallout .iePaddingChildren{
-padding:2px 5px 0px 0px!important;
}

#reservationCallout .labelTitle{
width: 50px;
	float: left;
	margin: 0px 20px 0px 0px;
	display: block;
padding:2px 0px 0px 0px;
}

#reservationCallout .labelTitleLarge{
width: 80px;
padding:4px 0px 0px 0px;
	float: left;
}

#reservationCallout #checkInContainer{
width:130px;
float:right;
}

#reservationCallout .inputBox{
float:left;
width:40px;
border:1px solid #ccc;
}

#reservationCallout .checkIn{
width:75px;
border:1px solid #ccc;
padding:3px;
}

#reservationCallout .calendarIcon{
padding:3px 3px 0px 10px;
-padding:3px 3px 0px 5px;
}

#reservationCallout .dropdownFields{
padding:5px 0px;
}

 #homeFooterContainer{
background: url(/assets/images/backgrounds/footer_bg.gif) repeat-x;
padding:0px 0px 35px 0px;
}

.homeImageCallout .whiteBorder{
padding:20px 25px;
}

.spaCallout{
background:url(/assets/images/backgrounds/homeimagecallout_bg_spa.jpg) no-repeat;
height:100px;
}

.ownCallout{
background:url(/assets/images/backgrounds/homeimagecallout_bg.jpg) no-repeat;
height:100px;
}

.homeImageCallout{
margin:0px 0px 5px 0px;
}

.homeImageCallout .uppercaseText{
color:#fff;
text-transform:uppercase;
}

.homeImageCallout .largeText{
color:#fff;
font-size:33px;
}

.homeTextCallout{
background: url(/assets/images/backgrounds/hometextcallout_bg.gif) bottom repeat-x;
border:1px solid #ccc;
padding:15px;
margin:5px 0px;
}

.homeTextCallout .image{
width:50px;
}

.homeTextCallout .content{
padding:0px 0px 0px 5px;
width:205px;
}

.homeTextCallout .title{
color:#9eab59;
font-size:18px;
}

.homeTextCallout a{
text-transform: uppercase;
color:#808080;
text-decoration: none;
font-size:10px;
}

.homeTextCallout a:hover{
text-decoration: underline;
}

h1{
  color:#cb8f29;
  font-size:18px;
text-transform: uppercase;
padding:0px 0px 15px 0px;
}

h2{
text-transform: uppercase;
font-size:35px;
}

h3{
text-transform: uppercase;
color:#fff;
font-size:14px;
padding:0px 0px 5px 0px;
}


h4{
font-weight: bold;
padding:0px 0px 2px 0px;
}

#homeNews .newsItem h4 a{
font-weight: bold;
padding:0px 0px 2px 0px;
font-size:12px!important;
color:#333333!important;
}



.footerCopyright, .footerCopyright a{
font-size:10px;
color:#9f8f84!important;
}

.footerCopyright a{
text-transform: lowercase!important;
font-size:10px!important;
}

.footerCopyright a:hover{
text-decoration: underline;
}

.footerCopyright{
margin:40px 0px 0px 0px;
}

.mainNavTagline{
letter-spacing: 0.5px;
}


/*FLOATS*/

.floatRight{
float: right;
}

.floatLeft{
float:left;
}





/*  
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/

* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;}

#main {padding-bottom: 150px;}  /* must be same height as the footer */

#footer {position: relative;
	margin-top: -150px; /* negative value of footer height */
	height: 150px;
	clear:both;} 




/* Clear fix */

.clear:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clear{
	display: inline-block;
}

/* Hides from IE-mac \*/

* html .clear{
	height: 1%;
}

.clear {
	display: block;
}

/* End hide from IE-mac */




MAIN NAV ACTIVE STATES


div#navitem {
	text-indent: -9999px;
	display: block;
}

#Stay div#navitem {
	width: 64px;
	height: 15px;
	background: url(../images/titles/stay_navtitle.png) no-repeat;
	text-indent: -9999px;
}

body.Stay #Stay div#navitem:hover,
body.Stay #Stay div#navitem {
	width: 64px;
	height: 15px;
	background: url(../images/titles/stay_navtitle_active.png) no-repeat;
	text-indent: -9999px;
}

#Play div#navitem {
	width: 65px;
	height: 15px;
	background: url(../images/titles/play_navtitle.png) no-repeat;
	text-indent: -9999px;
}

body.Play #Play div#navitem:hover,
body.Play #Play div#navitem {
	width: 65px;
	height: 15px;
	background: url(../images/titles/play_navtitle_active.png) no-repeat;
	text-indent: -9999px;
}

#Own div#navitem {
	width: 55px;
	height: 15px;
	background: url(../images/titles/own_navtitle.png) no-repeat;
	text-indent: -9999px;
}

body.Own #Own div#navitem:hover,
body.Own #Own div#navitem {
	width: 55px;
	height: 15px;
	background: url(../images/titles/own_navtitle_active.png) no-repeat;
	text-indent: -9999px;
}

#reservationCallout p.calendarIcon a img {
	padding-left: 5px;
	padding-top: 0px;
}