@charset "UTF-8";

/********************************************************/
/* base tags                                            */
/********************************************************/

body { font-family: Arial, Verdana, Helvetica, Sans-Serif; font-size: 11px; color: #666666; margin: 0px; padding: 0px; background: #66aecd url(../images/sub-bg.jpg) repeat-x top center;}
h1, h2, h3, h4, h5, h6 { font-weight: normal; color: #44bc99; font-family: Verdana, Arial, Helvetica, Sans-Serif; }
h1 { font-size: 28px; margin-top: 0px; color: #518ccb; }
h2 { font-size: 20px; margin-bottom: 5px; color: #518ccb; }
h3 { font-size: 16px; font-weight: bold; }
h4 { font-size: 15px; }
h5 { font-size: 14px; }
h6 { font-size: 13px; font-weight: bold; }
p { }
img { border: none; }

/********************************************************/
/* global styles                                        */
/********************************************************/

.hide { display: none; }
.clearFloats { clear: both; }
.top { vertical-align: top; }

.size0 { width: 50px; }
.size1 { width: 100px; }
.size2 { width: 200px; }
.size3 { width: 350px; }

/********************************************************/
/* main layout                                          */
/********************************************************/

#header { margin: 0 auto; width: 902px; }
#header #contactInfo { color: #ffffff; position: absolute; z-index: 1000; margin-left: 600px; margin-top: 12px; font-size: 11px; }
#footer { margin: 0 auto; background: url(../images/footer-stripe.gif) repeat-x top left; }

/********************************************************/
/* home
/********************************************************/

body.home {  background: #66aecd url(../images/home-bg.jpg) repeat-x top center; }

#header #homeHead { width: 900px; height: 337px; margin: 0 auto; }
#header #homeHead #logo { position: absolute; margin-left: -8px; }
#header #homeHead #homeHero { position: absolute; margin-left: 222px; margin-top: 43px; z-index: 1; }
#header #homeHead #nav { position: absolute; margin-top: 134px; margin-left: 6px; }

#contentHome { background-color: #ffffff; }
#contentHome #contentBody { margin: 0 auto; width: 902px; padding-bottom: 0px; }

#contentHome #contentBody #leftContent { float: left; width: 224px; }
#contentHome #contentBody #rightContent { float: right; width: 648px; padding: 15px; line-height: 20px; }

#contentHome h1 span { display: none; }
#contentHome h1.homeWelcome { border-bottom: solid 1px #8eb4dd; background: url(../images/headings/home-welcome.gif) no-repeat left top; height: 26px; }

/********************************************************/
/* sub-content
/********************************************************/

#header #head { width: 900px; height: 127px; margin: 0 auto; }
#header #head #logo { position: absolute; margin-left: -8px; }
#header #head #hero { position: absolute; margin-left: 222px; margin-top: 44px; }
#header #head #nav {}

#content { background: #ffffff url(../images/sub-contentbg.jpg) no-repeat center top; }
#content #contentBody { margin: 0 auto; width: 902px; padding-bottom: 0px; background-color: #ffffff; }

#content #contentBody #leftContent { float: left; width: 210px; padding: 7px; }
#content #contentBody #rightContent { float: right; width: 648px; padding: 15px; line-height: 20px; }

#content #contentBody #rightContent table.contentTable { border: none !important; width: 100%; }
#content #contentBody #rightContent table.contentTable th, #content #contentBody #rightContent table.contentTable thead td { border: none !important; background-color: #f6f6f6; padding: 5px; font-weight: bold; text-align: right; }
#content #contentBody #rightContent table.contentTable td { border: none !important; background-color: #f6f6f6; padding: 5px; }

/********************************************************/
/* nav
/********************************************************/

body.home #nav { height: 168px; }
#nav { width: 195px; background: url(../images/nav-bg.jpg) repeat-y top left; padding: 7px; }
#nav ul { margin: 0px; padding: 0px; width: 194px; list-style: none; }
#nav ul li { display: block; width: 194px; height: 27px; margin: 0px; padding: 0px; border-top: solid 1px #ebe8e3; }
#nav ul li.first { border-top: none; }
#nav ul li:hover, #nav ul li.selected { background: url(../images/nav-selected.jpg) repeat-y top left; }
#nav ul li a, #nav ul li.selected ul li a, #nav ul li:hover ul li a { display: block; width: 171px; height: 21px; font-size: 12px; font-weight: bold; text-decoration: none; color: #44494d; padding-top: 6px; padding-left: 23px; background: url(../images/nav-arw.gif) no-repeat 9px center; }
#nav ul li:hover a, #nav ul li:hover ul li:hover a, #nav ul li.selected a, #nav ul li.selected ul li:hover a { background-image: url(../images/nav-arw-selected.gif); }

#nav ul ul { display: none; background: url(../images/nav-bg.jpg) repeat-y top left; }
#nav ul li:hover ul { display: block; position: absolute; z-index: 70000; margin-left: 194px; margin-top: -30px; background-color: #cbc4b4; }

/********************************************************/
/* footer
/********************************************************/

#footer #footerBody { margin: 0 auto; width: 934px; height: 156px; background: url(../images/footer-bg.jpg) no-repeat top left; }
#footer #footerBody #copyright { float: left; color: #ffffff; font-size: 11px; margin-top: 35px; margin-left: 45px; }
#footer #footerBody #footerNav { float: right; color: #ffffff;  font-size: 11px; margin-top: 35px; margin-right: 45px; }
#footer #footerBody #footerNav a { color: #ffffff; text-decoration: none; }

/********************************************************/
/* headings
/********************************************************/

#head h1 { display: block; width: 671px; height: 83px; background: url(../images/sections/default.jpg) no-repeat left top; position: absolute; margin-left: 222px; margin-top: 44px; }
#head h1 span { display: none; }
#head h1.location { display: block; width: 671px; height: 83px; background: url(../images/sections/location.jpg) no-repeat left top; position: absolute; margin-left: 222px; margin-top: 44px; }
#head h1.apartments { display: block; width: 671px; height: 83px; background: url(../images/sections/apartments.jpg) no-repeat left top; position: absolute; margin-left: 222px; margin-top: 44px; }
#head h1.offers { display: block; width: 671px; height: 83px; background: url(../images/sections/offers.jpg) no-repeat left top; position: absolute; margin-left: 222px; margin-top: 44px; }
#head h1.bookings { display: block; width: 671px; height: 83px; background: url(../images/sections/bookings.jpg) no-repeat left top; position: absolute; margin-left: 222px; margin-top: 44px; }

/********************************************************/
/* location
/********************************************************/

#locationMap { border: solid 1px #979797; float: right; margin-left: 15px; margin-bottom: 15px; text-align: center; }