body {margin: 0; padding: 0; text-align: center; background: #FDFDFB url(http://www.royalkailani.com/wp-content/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: #0c5873;}
/*div.kitchen #header {height: 503px;}*/
#logo {position: absolute; top: 120px; width: 200px; height: 140px; margin-left: 17px; text-indent: -9000px;}
#nav {width: 200px; height: 571px; 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(http://www.royalkailani.com/wp-content/images/water_background.gif) 17px 159px no-repeat;}
#copy {/*margin: 0 40px 20px 257px;*/ padding: 40px 40px 20px 257px;}
#col2 {margin-left: 230px;}
#footer {clear: both; font-size: 9px; color: #195D75; padding-left: 17px;}
a {text-decoration: none; color: #4a9ebc;}


/* Page Specific Items */
div.home #header {background: url(http://www.royalkailani.com/wp-content/images/header_home.jpg) no-repeat;}
div.home #col1 {width: 200px; float: left;}

div.floorplans #header {background: url(http://www.royalkailani.com/wp-content/images/header_floorplans.jpg) no-repeat;}
#buildingHolder {display: inline; width: 320px; height: 280px; float: right; margin: -40px -40px 0 0;}
#buildingPiece {width: 320px; height: 220px; background: #fff url(http://www.royalkailani.com/wp-content/images/building_bottom.jpg) no-repeat;}
#instructions {width: 170px; height: 32px; background: #FFF url(http://www.royalkailani.com/wp-content/images/instructions.gif) no-repeat; margin-left: 70px;}
div.floorplans h2 {width: 150px;}
div.floorplans #col1 {/*width:150px;*/ float: none;}
div.floorplans #col2 {margin-left: 0;}

div.features #header {background: url(http://www.royalkailani.com/wp-content/images/header_features.jpg) no-repeat;}
div.features #col1 {width: 285px; float: left;}
div.features #col2 {margin-left: 310px;}

div.kitchen #header {background: url(http://www.royalkailani.com/wp-content/images/header_kitchen.jpg) no-repeat;}
div.kitchen #col1 {width: 285px; float: left;}
div.kitchen #col2 {margin-left: 310px;}

div.interior #header {background: url(http://www.royalkailani.com/wp-content/images/header_interior.jpg) no-repeat;}
div.interior #col1 {width: 285px; float: left;}
div.interior #col2 {margin-left: 310px;}

div.security #header {background: url(http://www.royalkailani.com/wp-content/images/header_security.jpg) no-repeat;}
div.security #col1 {width: 285px; float: left;}
div.security #col2 {margin-left: 310px;}

div.building #header {background: url(http://www.royalkailani.com/wp-content/images/header_building.jpg) no-repeat;}
div.building #col1 {width: 285px; float: left;}
div.building #col2 {margin-left: 310px;}

div.guest #header {background: url(http://www.royalkailani.com/wp-content/images/header_guestbath2.jpg) no-repeat;}
div.guest #col1 {width: 285px; float: left;}
div.guest #col2 {margin-left: 310px;}

div.master #header {background: url(http://www.royalkailani.com/wp-content/images/header_masterview.jpg) no-repeat;}
div.master #col1 {width: 285px; float: left;}
div.master #col2 {margin-left: 310px;}

div.ammenities #header {background: url(http://www.royalkailani.com/wp-content/images/header_amenities.jpg) no-repeat;}
div.ammenities #col1 {width: 285px; float: left;}
div.ammenities #col2 {margin-left: 310px;}

div.options #header {background: url(http://www.royalkailani.com/wp-content/images/header_options.jpg) no-repeat;}
div.options #col1 {width: 285px; float: left;}
div.options #col2 {margin-left: 310px;}

div.neighbourhood #header {background: url(http://www.royalkailani.com/wp-content/images/header_neighbourhood.jpg) no-repeat;}
div.neighbourhood #col1 {width: 200px; float: left;}

div.views #header {background: url(http://www.royalkailani.com/wp-content/images/header_views.jpg) no-repeat;}

div.designer #header {background: url(http://www.royalkailani.com/wp-content/images/header_designer.jpg) no-repeat;}
div.designer #col1 {width: 200px; float: left;}

div.contact #header {background: url(http://www.royalkailani.com/wp-content/images/header_contact.jpg) no-repeat;}
div.contact #col1 {width: 200px; float: left;}


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: 15px 0 0 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(http://www.royalkailani.com/wp-content/images/bullet.gif) 0 7px no-repeat;}
ul.hollow li {background: url(http://www.royalkailani.com/wp-content/images/hollow_bullet.gif) 0 8px no-repeat; margin-left: 10px;}

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(http://www.royalkailani.com/wp-content/images/form_highlight.gif) repeat-x;}
.required {color: #EEB820; font-weight: bold;}


#remark {
	font-size: 10px;
	font-style:italic;
}
#remark a {
	font-size: 10px;
	font-style:italic;
	text-decoration: none; 
	color: #4a9ebc;
}


/* Navigation */
#nav ul {list-style: none; margin: 10px 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.home {background: url(http://www.royalkailani.com/wp-content/images/nav_grid.gif) 0 0 no-repeat;}
a:hover.home {background: url(http://www.royalkailani.com/wp-content/images/nav_grid.gif) -120px 0 no-repeat;}
div.home a.home {background: url(http://www.royalkailani.com/wp-content/images/nav_grid.gif) -240px 0 no-repeat;}
a.floorplans {background: url(http://www.royalkailani.com/wp-content/images/nav_grid.gif) 0 -24px no-repeat;}
a:hover.floorplans {background: url(http://www.royalkailani.com/wp-content/images/nav_grid.gif) -120px -24px no-repeat;}
div.floorplans a.floorplans {background: url(http://www.royalkailani.com/wp-content/images/nav_grid.gif) -240px -24px no-repeat;}
a.features {background: url(http://www.royalkailani.com/wp-content/images/nav_grid.gif) 0 -48px no-repeat;}
a:hover.features {background: url(http://www.royalkailani.com/wp-content/images/nav_grid.gif) -120px -48px no-repeat;}
/*body#features a:hover.features {background: url(http://www.royalkailani.com/wp-content/images/nav_grid.gif) -240px -48px no-repeat;}*/
div.features a.features {background: url(http://www.royalkailani.com/wp-content/images/nav_grid.gif) -240px -48px no-repeat;}
a.neighbourhood {background: url(http://www.royalkailani.com/wp-content/images/nav_grid.gif) 0 -72px no-repeat;}
a:hover.neighbourhood {background: url(http://www.royalkailani.com/wp-content/images/nav_grid.gif) -120px -72px no-repeat;}
div.neighbourhood a.neighbourhood {background: url(http://www.royalkailani.com/wp-content/images/nav_grid.gif) -240px -72px no-repeat;}
a.views {background: url(http://www.royalkailani.com/wp-content/images/nav_grid.gif) 0 -96px no-repeat;}
a:hover.views {background: url(http://www.royalkailani.com/wp-content/images/nav_grid.gif) -120px -96px no-repeat;}
div.views a.views {background: url(http://www.royalkailani.com/wp-content/images/nav_grid.gif) -240px -96px no-repeat;}
a.designer {background: url(http://www.royalkailani.com/wp-content/images/nav_grid.gif) 0 -120px no-repeat;}
a:hover.designer {background: url(http://www.royalkailani.com/wp-content/images/nav_grid.gif) -120px -120px no-repeat;}
div.designer a.designer {background: url(http://www.royalkailani.com/wp-content/images/nav_grid.gif) -240px -120px no-repeat;}
a.contact {background: url(http://www.royalkailani.com/wp-content/images/nav_grid.gif) 0 -144px no-repeat;}
a:hover.contact {background: url(http://www.royalkailani.com/wp-content/images/nav_grid.gif) -120px -144px no-repeat;}
div.contact a.contact {background: url(http://www.royalkailani.com/wp-content/images/nav_grid.gif) -240px -144px 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(http://www.royalkailani.com/wp-content/images/subnav_grid.gif) 0 0 no-repeat;}
a:hover.building {background: url(http://www.royalkailani.com/wp-content/images/subnav_grid.gif) -130px 0 no-repeat;}
div.building a.building {background: url(http://www.royalkailani.com/wp-content/images/subnav_grid.gif) -260px 0 no-repeat;}
a.security {background: url(http://www.royalkailani.com/wp-content/images/subnav_grid.gif) 0 -16px no-repeat;}
a:hover.security {background: url(http://www.royalkailani.com/wp-content/images/subnav_grid.gif) -130px -16px no-repeat;}
div.security a.security {background: url(http://www.royalkailani.com/wp-content/images/subnav_grid.gif) -260px -16px no-repeat;}
a.kitchen {background: url(http://www.royalkailani.com/wp-content/images/subnav_grid.gif) 0 -32px no-repeat;}
a:hover.kitchen {background: url(http://www.royalkailani.com/wp-content/images/subnav_grid.gif) -130px -32px no-repeat;}
div.kitchen a.kitchen {background: url(http://www.royalkailani.com/wp-content/images/subnav_grid.gif) -260px -32px no-repeat;}
a.master {background: url(http://www.royalkailani.com/wp-content/images/subnav_grid.gif) 0 -48px no-repeat;}
a:hover.master {background: url(http://www.royalkailani.com/wp-content/images/subnav_grid.gif) -130px -48px no-repeat;}
div.master a.master {background: url(http://www.royalkailani.com/wp-content/images/subnav_grid.gif) -260px -48px no-repeat;}
a.guest {background: url(http://www.royalkailani.com/wp-content/images/subnav_grid.gif) 0 -64px no-repeat;}
a:hover.guest {background: url(http://www.royalkailani.com/wp-content/images/subnav_grid.gif) -130px -64px no-repeat;}
div.guest a.guest {background: url(http://www.royalkailani.com/wp-content/images/subnav_grid.gif) -260px -64px no-repeat;}
a.interior {background: url(http://www.royalkailani.com/wp-content/images/subnav_grid.gif) 0 -80px no-repeat;}
a:hover.interior {background: url(http://www.royalkailani.com/wp-content/images/subnav_grid.gif) -130px -80px no-repeat;}
div.interior a.interior {background: url(http://www.royalkailani.com/wp-content/images/subnav_grid.gif) -260px -80px no-repeat;}
a.ammenities {background: url(http://www.royalkailani.com/wp-content/images/subnav_grid.gif) 0 -96px no-repeat;}
a:hover.ammenities {background: url(http://www.royalkailani.com/wp-content/images/subnav_grid.gif) -130px -96px no-repeat;}
div.ammenities a.ammenities {background: url(http://www.royalkailani.com/wp-content/images/subnav_grid.gif) -260px -96px no-repeat;}
a.options {background: url(http://www.royalkailani.com/wp-content/images/subnav_grid.gif) 0 -112px no-repeat;}
a:hover.options {background: url(http://www.royalkailani.com/wp-content/images/subnav_grid.gif) -130px -112px no-repeat;}
div.options a.options {background: url(http://www.royalkailani.com/wp-content/images/subnav_grid.gif) -260px -112px no-repeat;}



div.home h2 { height: 67px; text-indent: -9000px; background: url(http://www.royalkailani.com/wp-content/images/headline_home.gif) no-repeat; }
div.floorplans h2 { height: 79px; text-indent: -9000px; background: url(http://www.royalkailani.com/wp-content/images/headline_floorplans.gif) no-repeat; }
div.features h2 { height: 72px; text-indent: -9000px; background: url(http://www.royalkailani.com/wp-content/images/headline_features.gif) no-repeat; }
div.building h2 { height: 45px; text-indent: -9000px; background: url(http://www.royalkailani.com/wp-content/images/headline_building_details.gif) no-repeat; }
div.security h2 { height: 45px; text-indent: -9000px; background: url(http://www.royalkailani.com/wp-content/images/headline_security.gif) no-repeat; }
div.kitchen h2 { height: 44px; text-indent: -9000px; background: url(http://www.royalkailani.com/wp-content/images/headline_kitchens.gif) no-repeat; }
div.master h2 { height: 45px; text-indent: -9000px; background: url(http://www.royalkailani.com/wp-content/images/headline_master.gif) no-repeat; }
div.guest h2 { height: 45px; text-indent: -9000px; background: url(http://www.royalkailani.com/wp-content/images/headline_guest.gif) no-repeat; }
div.interior h2 { height: 45px; text-indent: -9000px; background: url(http://www.royalkailani.com/wp-content/images/headline_interior.gif) no-repeat; }
div.ammenities h2 { height: 45px; text-indent: -9000px; background: url(http://www.royalkailani.com/wp-content/images/headline_amenities.gif) no-repeat; }
div.options h2 { height: 45px; text-indent: -9000px; background: url(http://www.royalkailani.com/wp-content/images/headline_options.gif) no-repeat; }
div.neighbourhood h2 { height: 72px; text-indent: -9000px; background: url(http://www.royalkailani.com/wp-content/images/headline_neiborhood.gif) no-repeat; }
div.views h2 { height: 22px; text-indent: -9000px; background: url(http://www.royalkailani.com/wp-content/images/headline_views.gif) no-repeat; }
div.designer h2 { height: 24px; text-indent: -9000px; background: url(http://www.royalkailani.com/wp-content/images/headline_designer.gif) no-repeat; }
div.contact h2 { height: 45px; text-indent: -9000px; background: url(http://www.royalkailani.com/wp-content/images/headline_contact.gif) no-repeat; }
div.contact h2.mahalo { height: 22px; text-indent: -9000px; background: url(http://www.royalkailani.com/wp-content/images/headline_mahalo.gif) no-repeat; }