@charset "utf-8";
/* CSS Document */

/* NOTES:

Some of the background properties in this document are not written in shorthand because IE6 and IE7 were not displaying them properly. */

* { margin:0px; padding:0px; font-family: "Lucida Sans", "Lucida Grande", Arial, Helvetica, sans-serif; font-size:11px; line-height:16px; }

.offLeft { display:block; width:650px; position:absolute; left:-699px; padding-right:50px; text-align:left; }

.clearFloat { clear:both; height:0px; font-size:1px; line-height:0px; }

body { background-color:#ffffff; background-image:url(/site/images/woodgrainbkgd.gif); background-repeat:no-repeat; background-position:left 488px; }

#pageWrap { background:transparent url(/site/images/bodybkgd.gif) repeat-x left top; }

#Main { background:transparent url(/site/images/basket.gif) no-repeat 978px 6px; padding-bottom:20px; }

#Header { background:transparent url(/site/images/headerinteriorbkgd.jpg) no-repeat left top; height:132px; width:1003px; }

#Header a { display:block; float:left; }

div.header { width:367px; height:97px; background:transparent url(/site/images/headerhome.gif) no-repeat left top; margin:0px 139px 0px 244px; float:left; }
div.header.default { background-image:url(/site/images/headerhome.gif); }
div.header.overview { background-image:url(/site/images/headeroverview.gif); }
div.header.cottages { background-image:url(/site/images/headercottages.gif); }
div.header.condos { background-image:url(/site/images/headercondos.gif); }
div.header.amenities { background-image:url(/site/images/headeramenities.gif); }
div.header.covenants { background-image:url(/site/images/headercovenants.gif); }
div.header.contact { background-image:url(/site/images/headercontact.gif); }
div.header.gallery { background-image:url(/site/images/headergallery.gif); }
div.header.webcam { background-image:url(/site/images/headerwebcam.gif); }
div.header.buildinglots { background-image:url(/site/images/headerbuildinglots.gif); }
div.header.whatsnew { background-image:url(/site/images/whatsnew.gif); }

#MainNav { clear:both; background:transparent url(/site/images/interiornavbkgd.jpg) no-repeat left top; height:58px; padding-left:145px; position:relative; z-index:89; }

#MainNav ul { list-style-type:none; padding-top:39px; }

#MainNav ul li { float:left; text-transform:uppercase; position:relative; margin-right:15px;}
#MainNav ul li span { color:#ffffff; text-decoration:none; display:block; height:19px; font-size:10px; font-weight:bold; cursor:pointer; }
#MainNav ul li a { color:#ffffff; text-decoration:none; display:block; height:19px; font-size:10px; font-weight:bold; cursor:pointer; }
#MainNav ul li a:hover span, #MainNav ul li a.current span, 
#MainNav ul li a.section span, #MainNav ul li span.section, 
#MainNav ul li span.current, #MainNav ul li span:hover { color:#44a3a1; }

#MainNav ul li div.submenu { position:absolute; left:-10px; top:19px; display:none;}
#MainNav ul li div.submenu ul { padding:4px 10px 34px 10px; width:171px; background:transparent url(/site/images/subnavbkgd.jpg) no-repeat left bottom; }
#MainNav ul li div.submenu ul li { float:none; line-height:19px; }
#MainNav ul li div.submenu ul li a { text-transform:none; width:161px; }
#MainNav ul li div.submenu ul li a:hover span { color:#44a3a1; }

#ContentContainer{ clear:both; background-color:transparent; background-image:url(/site/images/interiorcontentcontainerbluebkgd.gif); background-position:left top; background-repeat:repeat-y; }

#Content { background-color:transparent; background-image:url(/site/images/interiorcontentbkgd.jpg); background-position:bottom left; background-repeat:no-repeat; }

#Content:after { content:".";  display:block;  height:0; clear:both; visibility:hidden; } /* This forces the div to surround elements that it contains that are floating, without having to put an element on the page that clears the float. See IE stylesheets for the method that works for that browser, since it doesn't support pseudo-selectors. */

#firstCol { width:611px; float:left; margin-left:107px; min-height:560px; background-color:transparent; background-image:url(/site/images/interiorfirstcolbluebkgd.gif); background-repeat:repeat-y; background-position:left top; }

#pageBody { width:547px; padding:32px; min-height:500px; color:#000000; background-color:transparent; background-image:url(/site/images/woodgrainedge.gif); background-repeat:no-repeat; background-position:left top; }
#pageBody h1 { font-size:17px; margin-bottom:10px; }
#pageBody h2 { font-size:15px; margin-bottom:8px; }
#pageBody h3 { font-size:13px; margin-bottom:8px; }
#pageBody h4 { font-size:10px; margin-bottom:8px; }
#pageBody p { margin-bottom:10px; }
#pageBody ul { margin-bottom:10px; margin-left:17px; }
#pageBody ul li { }
#pageBody ol { margin-bottom:10px; margin-left:17px; }
#pageBody ol.footnotes li { font-size:9px; font-style:italic; }
#pageBody ol li { }
#pageBody a { color:#6e3d12; }
#pageBody a img { border:#6e3d12 2px solid; }

table { border-left:#000000 1px solid; border-top:#000000 1px solid; margin-bottom:15px; }
#pageBody table caption h3, #pageBody table caption p { margin-bottom:0px; }
caption { text-align:left; padding-bottom:10px; }
tr { }
th { border-right:#000000 1px solid; border-bottom:#000000 1px solid; padding:2px; background-color:#5c8ace; color:#ffffff; }
td { border-right:#000000 1px solid; border-bottom:#000000 1px solid; padding:2px; text-align:right; }

#secondCol { width:283px; float:left; }

#contentWrap { width:1003px; }

#slideshow { position:relative; width:718px; float:left; }

#slideshowframe { position:absolute; left:0px; top:0px; width:117px; height:300px; background:transparent url(/site/images/chairimage.jpg) no-repeat left top; }

#Footer { clear:both; padding:4px; margin-left:118px; }

#Footer p, #Footer a { color:#ffffff; }


#residenceGallery  { padding-top:25px; margin:8px 0px 0px 32px; }
#residenceGallery ul li { list-style-type:none; float:left; border-top:#54300f 3px solid; margin:0px 8px 7px 0px; background-color:#54300f; background-image:url(/site/images/residencegalleryimagebkgd.gif); background-position:center top; background-repeat:repeat-y; padding:0px 3px; }
#residenceGallery ul li.col2 { margin:0px 0px 7px 0px; }
#residenceGallery ul li p { text-align:center; color:#ffffff; text-transform:lowercase; font-family:"Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif; font-size:11px; padding:1px 0px 6px 0px; }