body {margin: 0; padding: 0; text-align: center; background: #FDFDFB url("../images/background.gif") 50% 0 repeat-y; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 18px; color: #195D75;}
#container {margin: 0 auto; text-align: left; width: 740px;}
#header {height: 260px; background: #eee;}
#logo {position: absolute; top: 120px; width: 200px; height: 140px; margin-left: 17px; text-indent: -9000px;}
#nav {width: 200px; height: 412px; margin-left: 17px; float: left; font-family:'Trebuchet MS',Arial, Helvetica, sans-serif; font-size: 14px; display: inline;} /* display: inlin is to stop the doubled floa- margin bug in IE */
#content {background: url("../images/water_background.gif") 17px 0 no-repeat;}
#copy {/*margin: 0 40px 20px 257px;*/ padding: 40px 40px 20px 257px;}
#col1 {width: 200px; float: left;}
#col2 {margin-left: 230px;}
#footer {clear: both; font-size: 10px; color: #C5E4EF; padding-left: 17px;}


/* Page Specific Items */
body#home #header {background: url(../images/header_home.jpg) no-repeat;}

body#floorplans #header {background: url(../images/header_floorplans.jpg) no-repeat;}
body#floorplans #copy {background: url(../images/building_bottom.jpg) top right no-repeat;}
body#floorplans h2 {width: 190px;}
body#floorplans #col1 {width:190px; float: none;}
body#floorplans #col2 {margin-left: 0;}

body#features #header {background: url(../images/header_night.jpg) no-repeat;}
body.features #col1 {width: 285px; float: left;}
body.features #col2 {margin-left: 310px;}

body#kitchens #header {background: url(../images/header_night.jpg) no-repeat;}

body#interior #header {background: url(../images/header_night.jpg) no-repeat;}

body#security #header {background: url(../images/header_security.jpg) no-repeat;}

body#building #header {background: url(../images/header_features.jpg) no-repeat;}

body#guest #header {background: url(../images/header_guestbath.jpg) no-repeat;}

body#master #header {background: url(../images/header_master.jpg) no-repeat;}

body#neighbourhood #header {background: url(../images/header_neighbourhood.jpg) no-repeat;}

body#views #header {background: url(../images/header_views.jpg) no-repeat;}

body#contact #header {background: url(../images/header_contact.jpg) no-repeat;}


p {margin-top: 0; padding-top: 0;}
h1 {font-family:'Trebuchet MS',Arial, Helvetica, sans-serif; font-size: 20px; font-weight: normal; text-transform: uppercase; margin-top: 0; padding-top: 0;}
h2 {font-family:'Trebuchet MS',Arial, Helvetica, sans-serif; font-size: 18px; font-weight: normal; text-transform: uppercase; letter-spacing: 1px; color: #EEB820; margin-top: 0; padding-top: 0;}
h3 {font-family:'Trebuchet MS',Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; text-transform: uppercase; letter-spacing: 1px; margin-top: 0; padding-top: 0;}
ul {margin: 0 0 15px 0; padding: 0; list-style: none;}
li {margin: 0 0 9px 0; padding: 0 0 0 10px;}
ul.bulleted li {background: url(../images/bullet.gif) 0 7px no-repeat;}

form {font-size: 10px;}
label {display: block; margin-top: 10px;}
input {display: block;}
input.radio {display: inline}
input.button {margin-top: 20px; border: 0; background: #4B9FBC; color: #fff; font-size: 10px; padding: 3px 20px 3px 20px; cursor: pointer;}
textarea {height: 120px; width: 400px;}
.highlight {background: #fff url(../images/form_highlight.gif) repeat-x;}
.required {color: #EEB820; font-weight: bold;}

/* Navigation */
#nav ul {list-style: none; margin: 20px 0 0 16px; padding: 0;}
#nav li {list-style: none; display: block; margin: 0; padding: 0;}
#nav a {color: #97E3FF; text-decoration: none; display: block; width: 120px; height: 24px; text-indent: -9000px;}
a.floorplans {background: url(../images/nav_grid.gif) 0 0 no-repeat;}
a:hover.floorplans {background: url(../images/nav_grid.gif) -120px 0 no-repeat;}
body#floorplans a.floorplans {background: url(../images/nav_grid.gif) -240px 0 no-repeat;}
a.features {background: url(../images/nav_grid.gif) 0 -24px no-repeat;}
a:hover.features {background: url(../images/nav_grid.gif) -120px -24px no-repeat;}
/*body#features a:hover.features {background: url(../images/nav_grid.gif) -240px -24px no-repeat;}*/
body#features a.features {background: url(../images/nav_grid.gif) -240px -24px no-repeat;}
a.neighbourhood {background: url(../images/nav_grid.gif) 0 -48px no-repeat;}
a:hover.neighbourhood {background: url(../images/nav_grid.gif) -120px -48px no-repeat;}
body#neighbourhood a.neighbourhood {background: url(../images/nav_grid.gif) -240px -48px no-repeat;}
a.views {background: url(../images/nav_grid.gif) 0 -72px no-repeat;}
a:hover.views {background: url(../images/nav_grid.gif) -120px -72px no-repeat;}
body#views a.views {background: url(../images/nav_grid.gif) -240px -72px no-repeat;}
a.contact {background: url(../images/nav_grid.gif) 0 -96px no-repeat;}
a:hover.contact {background: url(../images/nav_grid.gif) -120px -96px no-repeat;}
body#contact a.contact {background: url(../images/nav_grid.gif) -240px -96px no-repeat;}


/* Sub-Navigation */
#subnav ul {list-style: none; margin: 0; padding: 0;}
#subnav li {list-style: none; display: block; margin: 0; padding: 0;}
#subnav a {color: #97E3FF; text-decoration: none; display: block; width: 130px; height: 16px; text-indent: -9000px;}
a.building {background: url(../images/subnav_grid.gif) 0 0 no-repeat;}
a:hover.building {background: url(../images/subnav_grid.gif) -130px 0 no-repeat;}
a.security {background: url(../images/subnav_grid.gif) 0 -16px no-repeat;}
a:hover.security {background: url(../images/subnav_grid.gif) -130px -16px no-repeat;}
a.kitchen {background: url(../images/subnav_grid.gif) 0 -32px no-repeat;}
a:hover.kitchen {background: url(../images/subnav_grid.gif) -130px -32px no-repeat;}
a.master {background: url(../images/subnav_grid.gif) 0 -48px no-repeat;}
a:hover.master {background: url(../images/subnav_grid.gif) -130px -48px no-repeat;}
a.guest {background: url(../images/subnav_grid.gif) 0 -64px no-repeat;}
a:hover.guest {background: url(../images/subnav_grid.gif) -130px -64px no-repeat;}
a.interior {background: url(../images/subnav_grid.gif) 0 -80px no-repeat;}
a:hover.interior {background: url(../images/subnav_grid.gif) -130px -80px no-repeat;}
a.ammenities {background: url(../images/subnav_grid.gif) 0 -96px no-repeat;}
a:hover.ammenities {background: url(../images/subnav_grid.gif) -130px -96px no-repeat;}
a.options {background: url(../images/subnav_grid.gif) 0 -112px no-repeat;}
a:hover.options {background: url(../images/subnav_grid.gif) -130px -112px no-repeat;}


#buildingPiece {width: 320px; height: 220px; background: #fff url(../images/building_bottom.jpg); float: right; margin: -40px -40px 0 0;}


body#home h2 { height: 67px; text-indent: -9000px; background: url(../images/headline_home.gif) no-repeat; }
body#floorplans h2 { height: 79px; text-indent: -9000px; background: url(../images/headline_floorplans.gif) no-repeat; }
body#features h2 { height: 44px; text-indent: -9000px; background: url(../images/headline_features.gif) no-repeat; }
body#building h2 { height: 45px; text-indent: -9000px; background: url(../images/headline_building_details.gif) no-repeat; }
body#security h2 { height: 45px; text-indent: -9000px; background: url(../images/headline_security.gif) no-repeat; }
body#kitchens h2 { height: 44px; text-indent: -9000px; background: url(../images/headline_kitchens.gif) no-repeat; }
body#master h2 { height: 45px; text-indent: -9000px; background: url(../images/headline_master.gif) no-repeat; }
body#guest h2 { height: 45px; text-indent: -9000px; background: url(../images/headline_guest.gif) no-repeat; }
body#interior h2 { height: 45px; text-indent: -9000px; background: url(../images/headline_interior.gif) no-repeat; }
body#neighbourhood h2 { height: 45px; text-indent: -9000px; background: url(../images/headline_neighbourhood.gif) no-repeat; }
body#views h2 { height: 45px; text-indent: -9000px; background: url(../images/headline_views.gif) no-repeat; }
body#contact h2.contact { height: 45px; text-indent: -9000px; background: url(../images/headline_contact.gif) no-repeat; }
body#contact h2.mahalo { height: 22px; text-indent: -9000px; background: url(../images/headline_mahalo.gif) no-repeat; }