@charset "utf-8";
/* html */
body { font-family: arial; background: #000000 url('../images/background.jpg') top center no-repeat; font-family: georgia; font-size:11px; line-height: 14px; }
div { margin: 0 auto; text-align: center; }
form,h1,h2,h3,p,ul,ol,li,dl,dt,dd,blockquote { margin: 0px; padding: 0px; text-align: left;}
img { border: none; }
a, a:focus, a:active, a:visited { outline: 0; border: 0; text-decoration: none;}
.clear { clear: both; margin: 0; padding: 0; font-size: 0; }
.invalid { border-color: #ff0000; }
label.invalid { color: #ff0000; }

/*site container*/
#siteWrapper { width: 887px; height: 597px; margin-top: 119px; position: relative; }

/*nav container*/
#navWrapper { width: 681px; height: 74px; position: relative; background: url('../images/navBackground.jpg') top left no-repeat; }
#homeButton { width: 42px; height: 55px; float: left; padding: 5px 13px 0px 12px; }
#navLogo { width: 238px; height: 23px; float: left; padding-top: 5px; }
#navMenu { width: 600px; float: left; padding-top: 15px; }
#navWrapper ul { list-style-type: none; }
#navWrapper ul li { display: inline; float: left; font-size: 0px; text-decoration: none; padding: 0px 8px;}
#navWrapper ul li a { height: 15px; display: block; }
#navWrapper ul li a span{ display: none!important; height: 15px; display: block; }

/*Menus*/
.item1 { display: none!important; }
.aboutMenu { width: 50px; background: url('../images/about.png') top left no-repeat; }
.lifestyleMenu { width: 79px; background: url('../images/lifestyle.png') top left no-repeat; }
.siteMenu { width: 74px; background: url('../images/site-plan.png') top left no-repeat; }
.amenitiesMenu { width: 79px; background: url('../images/amenities.png') top left no-repeat; }
.locationMenu { width: 76px; background: url('../images/location.png') top left no-repeat; }
.photosMenu { width: 56px; background: url('../images/photos.png') top left no-repeat; }
.contactMenu { width: 71px; background: url('../images/contact.png') top left no-repeat; }

/*content container*/
#contentWrapper { width: 681px; height: 420px; background: url('../images/contentBackground.jpg') top left no-repeat; padding-top: 18px;}

/*frame'd content*/
.frameTop { width: 630px; height: 22px; background: url('../images/frameTop.png') top left no-repeat; margin: auto; }
.frameMiddle { position: relative; width: 630px; height: 330px; background: url('../images/frameMiddle.jpg') top left repeat-y;  margin: auto;}
.frameBottom { width: 630px; height: 22px; background: url('../images/frameBottom.png') top left no-repeat;  margin: auto; }
.frameSlides {  width: 586px; height: 120px;  margin: auto; }
.frameSlide { width: 586px; height: 120px; top: 0; left: 0; }
.slideContent { clear:both; background: #FFFFFF; width: 588px; height: 121px; text-align: left; z-index: 15; }
.frameContentPadder { padding: 0px 23px 0px 21px; }
.frameLeftImg { float:left; padding-bottom: 4px;}
.frameRightImg { float:right; padding-bottom: 4px;}

#frameContent { clear:both; background: #FFFFFF; width: 588px; height: 330px; text-align: left; z-index: 15; }
#frameContentSmall { clear:both; background: #FFFFFF; width: 588px; height: 228px; text-align: left; z-index: 15; }
.frameHeader { padding: 15px 19px 5px 19px; text-align: left; }
.framePaging { clear:both; text-align:left; font-size: 10px; padding-right: 10px; position: absolute; top: 285px; left: 500px; color: #005288; font-weight: bold; width:80px; height:40px; z-index: 20; }
.framePaging img { display: block; float: left; padding: 0px 5px 0px 10px; z-index: 20; }
.framePagingText { clear: both; }
.gallerySlides {  width: 586px; height: 280px;  margin: auto; }
.gallerySlide { width: 586px; height: 280px; top: 0; left: 0; }
.galleryContent { clear:both; background: #FFFFFF; width: 586px; height: 281px; text-align: left; z-index: 15; }
.gallery { list-style: none; padding-left: 20px; }
.gallery li { height: 98px; width: 131px; float: left; padding: 0px 9px 13px 0px; }
#pager { list-style: none;}
#pager li { display: inline; }
#pager li a { color: #76491a; padding: 0px 7px; }
.prev, .next { cursor: pointer; z-index: 20; }

.frameMiddle h2 { color: #005288; font-family: arial; font-size:12px; padding: 16px 0px 11px 20px; }
.frameMiddle h3 { color: #005288; font-family: arial; font-size:12px; padding: 0px 0px 8px 20px; }
.frameMiddle p { padding: 0px 20px 12px;}

/*rope container*/
#ropeOverlayTop { width: 163px; height: 160px; background: url('../images/rope-top.png') top left no-repeat; position: absolute; top: 347px; left: -32px; z-index: 10;  }
#ropeOverlayBottom { width: 130px; height: 169px; background: url('../images/rope-bottom.png') top left no-repeat; position: absolute; top: 418px; left: 131px; z-index: 10;  }

/*tees container*/
#teesOverlay { width: 181px; height: 107px; background: url('../images/tees.png') top left no-repeat; position: absolute; top: 415px; right: 25px; z-index: 1; }

/* This is striclty to fix png files in IE */
img, div, a, td { behavior: url('templates/sandpiper/images/iepngfix.htc'); }