* { margin: 0; padding: 0; }
html,body { height: 100%; }
body { font-family: Arial, Helvetica, sans-serif; font-size: 10px; background: #FEFCF5; }

ul.tabs { float: left; width: 603px; list-style: none;}
ul.tabs li { float: left; width: 100px; height: 15px; padding-top: 4px; color: #CCC; text-align: center; border: 1px solid #CCCCCC; border-bottom: none; display: block; background: #936a4a; }
ul.tabs li.rov { background: #5f432d; color: #FFF; }
div.content div { display: none; }

#wrapper { margin: 0 auto; width: 840px; padding-top: 20px}

#header { float: left; width: 800px; height: 310px; padding: 20px; margin-bottom: 5px; _margin-bottom: -15px; background: url(/images/headerBox.jpg) no-repeat; }
#header ul { float: left; list-style: none; border-top: 1px solid #B0F0FF; border-bottom: 1px solid #00A1CC; }
#header ul li { float: left; }
#header ul li a { float: left; width: 198px; height: 30px; padding-top: 18px; color: #fff; font-size: 14px; font-weight: bold; text-align: center; background: url(/images/navBg.jpg) repeat-x; border-left: 1px solid #7ddae9; border-right: 1px solid #a4e4ee; text-decoration: none; }
#header ul li a:hover { background-position: 0px -50px; }
#header img { float: left; _margin-top: -20px; }

#leftColumn { float: left; width: 200px; margin: 0 15px 0 10px; _margin-left: 5px; }
#leftColumn .box { float: left; width: 100%; margin-bottom: 15px; border: 1px solid #CCCCCC; }
#leftColumn .box .label { float: left; width: 176px; height: 14px; padding: 8px 12px; font-size: 11px; color: #4D4D4D; background: url(/images/columnHeaderBg.jpg) repeat-x; }
#leftColumn .box .body { float: left; width: 176px; padding: 8px 12px; background: url(/images/columnBodyBg.jpg) #f0f0f0 repeat-x; }
#leftColumn .box a { float: right; color: #57C93F; font-size: 11px; text-decoration: none; cursor: pointer; }
#leftColumn .box .weatherIcon { float: left; width: 176px; text-align: center; }
#leftColumn .box .weatherLabel { float: left; width: 176px; padding-top: 5px; text-align: center; font-size: 12px; color: #666666; }
#leftColumn .box .weatherTemp { float: left; width: 176px; padding-top: 10px; text-align: center; font-size: 32px; color: #4D4D4D; }
#leftColumn .box #language ul { float: left; width: 176px; margin-top: 15px; list-style: none; display: none; }
#leftColumn .box #language li { float: left; width: 176px; margin-bottom: 3px; background: #fff; border: 1px solid #CCC; }
#leftColumn .box #language .curLang { float: left; width: 176px; display: block; background: none; border: none; }
#leftColumn .box #language .rov { color: #fff; background: #b2b2b2; border: 1px solid #333; }
#leftColumn .box #language img { float: left; margin-left: 4px; }
#leftColumn .box #language label { float: left; padding: 8px 0 0 10px; font-size: 14px; color: #333333; }

#rightColumn { float: left; margin-bottom: 10px; width: 605px; }
#rightColumn #headerImageCopy { display: none; }

#footer { float: left; width: 820px; height: 125px; margin: 15px 10px 0 10px; _margin-left: 5px; border: 1px solid #CCCCCC; border-bottom: none; background: url(/images/columnBodyBg.jpg) #f0f0f0 repeat-x; text-align: center; }
#footer .nav { float: left; width: 100%; padding: 30px 0; color: #00C9FF;  }
#footer .nav a {  margin: 0 15px; color: #00C9FF; text-decoration: none; }
#footer .nav a:hover { text-decoration: underline; }
#footer p { width: 100%; font-size: 11px; color: #B2B2B2; }
#footer p a { color: #00C9FF; }


.home #info { float: left; width: 563px; padding: 10px 20px; border: 1px solid #CCCCCC; background: url(/images/homeInfoBg.jpg) #f3feff repeat-x; }
.home #info #slideshow { float: left; width: 240px; height: 160px; padding: 5px; margin-right: 20px; background: #FFF; border: 1px solid #CCCCCC; }
.home #info h1 { float: left; width: 290px; font-size: 22px; color: #0A6373; }
.home #info h2 { float: left; width: 290px; padding-bottom: 5px; margin: -3px 0 10px 0; font-size: 12px; color: #3A828F; border-bottom: 1px solid #B2B2B2; }
.home #info p { float: left; width: 290px; font-size: 11px; color: #666666; line-height: 18px; text-align: justify; }
.home #icons { float: left; width: 575px; text-align: center; padding: 15px; }
.home #icons a { float: left; width: 80px; margin: 0 25px; _margin: 0 20px; padding: 5px; color: #333333; font-size: 14px; font-weight: bold; letter-spacing: -.07em; text-decoration: none; display: block; border: 1px solid #fefcf5; }
.home #icons a:hover { border: 1px solid #333; }

.house .body { float: left; width: 563px; padding: 10px 20px; border: 1px solid #CCCCCC; background: url(/images/homeInfoBg.jpg) #f3feff repeat-x; font-size: 11px; line-height: 18px; }
.house .body h1 { font-size: 14px; margin-bottom: 5px; }
.house .body p { margin-bottom: 15px; }
.house .body li { list-style: inside; }
.house #floorplanPic { float: left; }
.house #areaImg { float: left; margin-left: 30px; _margin-left: 25px; width: 320px; }
.house .beachStyles { font-size: 12px; color: #666; line-height: 24px; }
.house .beachStyles img { margin-bottom: 15px; }

.rental .body { float: left; width: 563px; padding: 10px 20px; border: 1px solid #CCCCCC; background: url(/images/homeInfoBg.jpg) #f3feff repeat-x; font-size: 11px; line-height: 18px; }
.rental .body h1 { font-size: 16px; margin-bottom: 5px; }
.rental .body p { margin-bottom: 15px; }
.rental .body li { list-style: inside; }
.rental > ul { float: left; width: 603px; list-style: none;}
.rental > ul > li { float: left; width: 100px; height: 15px; padding-top: 4px; color: #CCC; text-align: center; border: 1px solid #CCCCCC; border-bottom: none; display: block; background: #936a4a; }
.rental > ul .rov { background: #5f432d; color: #FFF; }
.rental > .content > div { display: none; }

.island h1 { font-size: 14px; }

.directions .body { float: left; width: 563px; padding: 10px 20px; border: 1px solid #CCCCCC; background: url(/images/homeInfoBg.jpg) #f3feff repeat-x; font-size: 11px; line-height: 18px; }