BODY {margin:0; text-align:center; background : url(../images/bg-page.jpg) fixed;}
html { min-height: 100%; margin-bottom: 1px; }
* {margin:0; padding:0; font-family :  Arial, Helvetica, Verdana, sans-serif;}
img {border:0; }
form option {padding:0 3px 0 3px;}
p, td, div {font-size:12px; color:#666; }
textarea {font-size:12px;}
.errorText {color:red;}
p {margin-bottom:15px;}
p.intro {font-size:15px;}
td.label {font-weight:bold; text-align:right;}
a {color:#c60;}
address {font-style:normal;}
.disclaimer {font-size:11px; }

table.rateTable {margin-top:10px; width:570px;}
table.rateTable td, table.rateTable th {padding:3px;}
table.rateTable td.disclaimer {background:none; font-size:10px; font-style:italic; padding-top:10px;}
table.rateTable th {background-color:#c60; color:#fff;}
table.rateTable td {background-color:#ececec;}
h1 {/*add appropriate styling information here*/}
h2 {/*add appropriate styling information here*/}
h3 {padding-top:10px; font-size:13px;}
h4 {/*add appropriate styling information here*/}
h5 {/*add appropriate styling information here*/}



.container {width:925px; 
			background : url(../images/bg-container.png) repeat-y top left; 
			padding:0 10px 0 10px;
			margin: 0 auto; 
			text-align:left; 
			}



/*header styles, including logo and utility navigation*/
.header {float:left; width:925px; background : url(../images/bg-header.jpg) no-repeat;}
.header .logo {float:left; width:218px;}
.header .primaryNav {float:left; width:696px; padding:89px 0 0 0;}
.header .primaryNav a {color:#000; display:block;}

.primaryNav ul {list-style-type: none;}
.primaryNav li { float: left;}
.primaryNav a {
		float:left;
		display:block;
		height:46px;
		overflow:hidden;
		}

.primaryNav li span {display:none;}
.primaryNav a:hover {background-image:none!important;}

.primaryNav ul li.home {background: url("../images/nav-home-mix.gif") -58px 0 no-repeat;}
.primaryNav ul li.home a {background: url("../images/nav-home-mix.gif") 0 0 no-repeat; width:58px;}
.primaryNav ul li.propertyInfo {background: url("../images/nav-propertyinfo-mix.gif") -137px 0 no-repeat;}
.primaryNav ul li.propertyInfo a {background: url("../images/nav-propertyinfo-mix.gif") 0 0 no-repeat; width:137px;}
.primaryNav ul li.gallery {background: url("../images/nav-gallery-mix.gif") -93px 0 no-repeat; width:93px;}
.primaryNav ul li.gallery a {background: url("../images/nav-gallery-mix.gif") 0 0 no-repeat; width:93px;}
.primaryNav ul li.ratesPolicies {background: url("../images/nav-ratespolicies-mix.gif") -110px 0 no-repeat; width:110px;}
.primaryNav ul li.ratesPolicies a {background: url("../images/nav-ratespolicies-mix.gif") 0 0 no-repeat; width:110px;}
.primaryNav ul li.reservations {background: url("../images/nav-reservations-mix.gif") -93px 0 no-repeat; width:93px;}
.primaryNav ul li.reservations a {background: url("../images/nav-reservations-mix.gif") 0 0 no-repeat; width:93px;}
.primaryNav ul li.resources {background: url("../images/nav-resources-mix.gif") -116px 0 no-repeat; width:116px;}
.primaryNav ul li.resources a {background: url("../images/nav-resources-mix.gif") 0 0 no-repeat; width:116px;}
.primaryNav ul li.contact {background: url("../images/nav-contact-mix.gif") -89px 0 no-repeat; width:89px;}
.primaryNav ul li.contact a {background: url("../images/nav-contact-mix.gif") 0 0 no-repeat; width:89px;}
 
/*turning primary nav items on when we're in that section*/ 

body.propertyInfo .primaryNav ul li.propertyInfo a {background : url(../images/nav-propertyinfo-on.gif) no-repeat;}
body.gallery .primaryNav ul li.gallery a {background : url(../images/nav-gallery-on.gif) no-repeat; }
body.ratesPolicies .primaryNav ul li.ratesPolicies a {background : url(../images/nav-ratespolicies-on.gif) no-repeat;}
body.reservations .primaryNav ul li.reservations a {background : url(../images/nav-reservations-on.gif) no-repeat;}
body.resources .primaryNav ul li.resources a {background : url(../images/nav-resources-on.gif) no-repeat;}
body.contact .primaryNav ul li.contact a {background : url(../images/nav-contact-on.gif) no-repeat;}

 
.subNav h3 {display:inline; float:left; font-size:14px; padding-top:0;}
.subNav {float:left; width:890px; background : url(../images/bg-subnav.gif) repeat-x; padding:16px 10px 10px 25px; height:18px;}
.subNav ul {list-style-type: none;}
.subNav li { float: left;}
.subNav li a {color:#099; border-right: 1px solid #8c8c8c; text-decoration:none; font-size:14px; padding:0 10px;}
.subNav li a:hover {color:#c60;}
body.gallery .subNav li.tour a, body .subNav li.activities a {border-right: none;} 
 
/*turning subnav items on when we're on that page*/ 
body.gallery.house .subNav li.house a,
body.gallery.grounds .subNav li.grounds a,
body.gallery.views .subNav li.views a,
body.gallery.beaches .subNav li.beaches a,
body.gallery.island .subNav li.island a,
body.gallery.water .subNav li.water a,
body.gallery.tour .subNav li.tour a,
body.resources.stJohn .subNav li.stJohn a,
body.resources.beaches .subNav li.beaches a,
body.resources.dining .subNav li.dining a,
body.resources.shopping .subNav li.shopping a,
body.resources.water .subNav li.water a,
body.resources.activities .subNav li.activities a {color:#c60;}
 
 
#main {float:left; width:925px; background-color:#fff;}
.galleryChunks {clear:both;}
.galleryChunks .chunk { padding:10px 25px 10px 25px; background : url(../images/gallery-divider.gif) repeat-x bottom; }
.galleryChunks .chunk img {padding:0 10px 15px 0;}
.galleryChunks .chunk h1 img {padding:0;}

#main.reservations #content  {padding:20px 40px 40px 40px;}
#main.propertyInfo .column#content {float:left; width:627px; background : url(../images/bg-property-info.jpg) no-repeat top left; padding-top:310px;}
#main.propertyInfo .column#content .padded {padding:10px 40px 40px 40px;}
#main.propertyInfo .column#expandoMatic {float:left; width:298px;}

#main.rates .column#content {float:left; width:627px; background : url(../images/bg-rates-policies.jpg) no-repeat top left; padding-top:310px;}
#main.rates .column#content .padded {padding:10px 40px 40px 40px;}
#main.rates .column#right {float:left; width:298px;}
#main.rates .column#right img {display:block;}

#main.contact .column#content {float:left; width:845px; background : url(../images/contact-main-image.jpg) no-repeat top left; padding:310px 40px 0 40px;}

#main.reservations .column#content {float:left; width:845px; background : url(../images/reservations-main-image.jpg) no-repeat top left; padding:310px 40px 200px 40px;}

#main.resources .chunk {float:left; width:925px; background : url(../images/bg-resources-chunk.gif) repeat-x bottom left #fff; padding-bottom:15px; margin-bottom:10px;}
#main.resources .chunk .left {float:left; width:574px; padding:10px 20px 0 36px;}
#main.resources .chunk .left.fullSpan {float:left; width:800px; padding:10px 20px 0 36px;}
#main.resources .chunk .right {float:right; width:295px; text-align:center; padding-top:43px;}

body#home .mainImage {border-bottom: 1px solid #fff;} 
body#home .modules {float:left; background : url(../images/bg-home-modules.gif) no-repeat top left;}
body#home .modules .left {float:left; width:255px; padding:30px 14px 0 14px; }
body#home .modules .left .cta {text-align:center; padding-top:20px;}
body#home .modules .right {float:left; width:598px; padding:20px 22px 15px 22px;}
body#home .modules .right p {color:#616265; font-size:13px; padding:5px 10px; line-height:19px; margin-bottom:0;}
body#home .modules .right p a {color:#c60;} 
body#home .modules .right .cta {padding-top:15px;}
/*footer styles*/
.footer { width:905px; background-color:#8c8c8c; border-top:1px solid #666; float:left; padding:6px 10px 6px 10px; text-align:center;}
.footer .copyright {color:#fff; font-size:10px;}
.footer .copyright a {color:#ccebeb;}

.clearfloats {clear:both; padding-top:.05px; }

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

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}