@charset "UTF-8";
/* 
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
Title: Legend Estate in Actons
Author: InterDevil.com - Creating Accessible and Beautiful Websites
Website: www.INTERDEVIL.com
Description: CreekBank Developments General Styles Sheet
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 
*/

/* ===[ GENERAL STYLES ]=== */
body {margin:0;padding:0;background:url(../images/bg.gif) repeat-x top #F2DCA3;}
img {border:none;vertical-align:middle;}
a {outline:none;}
.clear {clear:both;}
div#body-wrap {width:958px;margin:25px auto;padding:0;}
div.wrapper {width:958px;margin:0;padding:0;background:url(../images/body_bg.png) repeat-y center;overflow:hidden;}

/* ===[ HEADER STYLES ]=== */
div#header {width:100%;margin:0;padding:0;}
   
   /* NAVIGATION */
   #header #navigation {width:100%;margin:15px 0;padding:0;overflow:hidden;display:block;}
   #header #navigation ul {margin:0;padding:0;list-style-type:none;}
   #header #navigation ul li {margin:0;padding:0 0 0 39px;float:left;}
   #header #navigation ul li a {font-family:Georgia, "Times New Roman", Times, serif;font-size:18px;font-weight:bold;font-style:italic;color:#B59265;text-decoration:none;}
   #header #navigation ul li a.active {color:#FAFAFA;text-decoration:underline;}
   #header #navigation ul li a:hover {color:#FDFDFD;text-decoration:none;}
   
   /* MIDDLE BANNER */
   #header #middle-banner {width:917px;height:312px;margin:0 auto;padding:0;background:url(../images/middle_banner_top.gif) no-repeat center;}
   #header #middle-banner p {margin:0;padding:190px 0 0 0;font-family:Georgia, "Times New Roman", Times, serif;color:#FFF;font-size:18px;font-weight:bold;font-style:italic;text-align:center;line-height:25px;}
   
   /* MIDDLE BANNER -> BUILDER STORY */
   #header #middle-banner2 {width:917px;height:312px;margin:0 auto;padding:0;background:url(../images/middle_banner_top2.gif) no-repeat center;}

   /* MIDDLE BANNER -> LUXURY FINISHES */
   #header #middle-banner3 {width:917px;height:312px;margin:0 auto;padding:0;background:url(../images/middle_banner_top3.gif) no-repeat center;}
   
   /* MIDDLE BANNER -> GEOTHERMAL */
   #header #middle-banner4 {width:917px;height:312px;margin:0 auto;padding:0;background:url(../images/middle_banner_top4.gif) no-repeat center;}
   
   /* MIDDLE BANNER -> LOCATION MAP */
   #header #middle-banner5 {width:917px;height:130px;margin:0 auto;padding:0;background:url(../images/middle_banner_top5.gif) no-repeat center;}
   
   /* MIDDLE BANNER -> CONTACT US */
   #header #middle-banner6 {width:917px;height:312px;margin:0 auto;padding:0;background:url(../images/middle_banner_top6.gif) no-repeat center;}
   
   /* MIDDLE BANNER -> ELEVATIONS OVERVIEW */
   #header #middle-banner7 {width:917px;height:130px;margin:0 auto;padding:0;background:url(../images/middle_banner_top7.gif) no-repeat center;}
   
   /* LOGO -> CENTERED */
   #header #logo {width:338px;height:111px;margin:0 auto;margin-top:-66px;padding:0;background:url(../images/logo.gif) no-repeat center;}
   
/* ===[ CONTENT -> MAIN PAGE STYLES ]=== */
div#content.main {width:897px;margin:0 auto;padding:0 10px;}
   #content.main p {font-family:Georgia, "Times New Roman", Times, serif;font-size:16px;font-weight:normal;color:#CED9F2;line-height:20px;}
   #content.main #cLeft {width:428px;margin:0;padding:0;float:left;}
   #content.main #cLeft p {text-align:left;}
   #content.main #cRight {width:400px;margin:0;padding:0;float:right;}
   #content.main #cRight p {text-align:right;}
   
/* ===[ CONTENT -> SUB PAGE STYLES ]=== */
div#content.sub {width:897px;margin:0 auto;padding:0 10px;}
   #content.sub h1 {margin:0;padding:0;}
   #content.sub h1.builderstory {width:215px;height:30px;margin:0 0 -20px 0;padding:30px 0 0 0;background:url(../images/title_builderstory.gif) no-repeat left;}
   #content.sub h1.luxuryfinishes {width:257px;height:30px;margin:0 0 -20px 0;padding:30px 0 0 0;background:url(../images/title_luxuryfinishes.gif) no-repeat left;}
   #content.sub h1.geothermal {width:194px;height:30px;margin:0 0 -20px 0;padding:30px 0 0 0;background:url(../images/title_geothermal.gif) no-repeat left;}
   #content.sub h1.contactus {width:170px;height:30px;margin:0 0 -20px 0;padding:30px 0 0 0;background:url(../images/title_contactus.gif) no-repeat left;}
   #content.sub h1.locations {width:154px;height:30px;margin:0 0 0 0;padding:30px 0 0 0;background:url(../images/title_locations.gif) no-repeat left;}
   #content.sub h1.thankyou {width:180px;height:30px;margin:0 0 0 0;padding:30px 0 0 0;background:url(../images/title_thankyou.gif) no-repeat left;}
   #content.sub h2 {margin:0 0 15px 0;padding:15px 0 5px 0;font-family:Georgia, "Times New Roman", Times, serif;font-size:18px;font-weight:normal;color:#B39265;border-bottom:1px solid #B39265;text-align:left;}
   
   
   #content.sub p {font-family:Georgia, "Times New Roman", Times, serif;font-size:16px;font-weight:normal;color:#CED9F2;line-height:20px;}
   #content.sub img.pic {margin:0 10px 0 0;border:5px solid #B39265;float:left;}
   #content.sub ul li {font-family:Georgia, "Times New Roman", Times, serif;font-size:16px;font-weight:normal;color:#CED9F2;line-height:20px;}
   
/* ===[ CONTENT -> ELEVATIONS STYLE ]=== */
   #content.sub .elevation_box {width:430px;margin:0 0 45px 0;padding:0;float:left;overflow:hidden;display:block;}
   #content.sub .elevation_box2 {width:430px;margin:0 0 45px 0;padding:0;float:right;overflow:hidden;display:block;}
   #content.sub .elevation_box .infobox {width:420px;height:25px;margin:0;padding:5px;clear:both;background:#B59265;}
   #content.sub .elevation_box2 .infobox {width:420px;height:25px;margin:0;padding:5px;clear:both;background:#B59265;}
   
   #content.sub .elevation_box .size {float:left;}
   #content.sub .elevation_box2 .size {float:left;}
   
   #content.sub .elevation_box .pdf, #content.sub .elevation_box2 .pdf {margin:0;padding:0 10px 5px 10px;font-family:Georgia, "Times New Roman", Times, serif;font-size:12px;font-weight:normal;color:#000;text-align:right;background:#B59265;}
   #content.sub .elevation_box .pdf a, #content.sub .elevation_box2 .pdf a {font-weight:bold;color:#000;text-decoration:underline;}
   #content.sub .elevation_box .pdf a:hover, #content.sub .elevation_box2 .pdf a:hover {font-weight:bold;color:#FFF;text-decoration:underline;}
   
   #content.sub .elevation_box .button_floorplans, #content.sub .elevation_box .button_zoomin {float:right;display:inline;}
   #content.sub .elevation_box .button_floorplans a {width:139px;height:21px;background:url(../images/floorplans_button_norm.gif) no-repeat;display:block;float:right;}
   #content.sub .elevation_box .button_floorplans a:hover {background:url(../images/floorplans_button_hover.gif) no-repeat;}
   #content.sub .elevation_box .button_zoomin a {width:110px;height:22px;margin-left:10px;background:url(../images/zoomin_button_norm.gif) no-repeat;display:block;float:right;}
   #content.sub .elevation_box .button_zoomin a:hover {background:url(../images/zoomin_button_hover.gif) no-repeat;}
   
   #content.sub .elevation_box2 .button_floorplans, #content.sub .elevation_box2 .button_zoomin {float:right;display:inline;}
   #content.sub .elevation_box2 .button_floorplans a {width:139px;height:21px;background:url(../images/floorplans_button_norm.gif) no-repeat;display:block;float:right;}
   #content.sub .elevation_box2 .button_floorplans a:hover {background:url(../images/floorplans_button_hover.gif) no-repeat;}
   #content.sub .elevation_box2 .button_zoomin a {width:110px;height:22px;margin-left:10px;background:url(../images/zoomin_button_norm.gif) no-repeat;display:block;float:right;}
   #content.sub .elevation_box2 .button_zoomin a:hover {background:url(../images/zoomin_button_hover.gif) no-repeat;}
   
/* ===[ CONTENT -> LOCATION MAP PAGE ]=== */
   #content.sub img#actonlocation {margin:0 -5px 0 0;padding:0;float:right;}
   #content.sub img#actonsitemap {margin:0 0 0 -5px;padding:0;float:left;}
   
   /* BOTTOM SUB AREA */
   #subarea {width:952px;height:205px;margin:0 auto;padding:0;background:url(../images/bottomsub-area_bg.png) no-repeat bottom center;}
   #subarea.sub {height:90px;padding:100px 0 0 0;}
   
   /* BUTTOM SUB AREA -> MAIN BUTTONS (ELEVATIONS AND SITE PLANS) */
   #subarea #button {width:897px;margin:0 auto;}
   #subarea #button #elevations {margin:-20px 0 20px 0;padding:0;float:left;display:block;}
   #subarea #button #elevations a {width:428px;height:120px;background:url(../images/elevations-overview_button.png) no-repeat left;display:block;}
   #subarea #button #elevations a:hover {background:url(../images/elevations-overview_button_roll.png) no-repeat left;}
   
   #subarea #button #geothermal {margin:-20px 0 20px 0;padding:0;float:right;display:block;}
   #subarea #button #geothermal a {width:427px;height:120px;background:url(../images/geothermal_button.png) no-repeat right;display:block;}
   #subarea #button #geothermal a:hover {background:url(../images/geothermal_button_roll.png) no-repeat right;}
   
   /* BROKER IMAGE */
   #subarea img#broker, #subarea img#broker2 {margin:8px 0 0 25px;padding:0;float:left;}
   
   /* BOTTOM SUB AREA -> CLEAN ENERGY DEVELOPMENTS LOGO */
   #subarea img#cleanenergydevelopments, #subarea img#cleanenergydevelopments2 {margin:8px 28px 0 0;padding:0;float:right;}
   
   /* BOTTOM SUB AREA -> LEGEND LOGO */
   #subarea img#legend-logo, #subarea img#legend-logo2 {margin:8px 10px 0 0;padding:0;float:right;}
   
/* ===[ CONTENT -> SUB PAGE -> CONTACT US STYLES ]=== */
   #content #contact-form {width:60%;margin:0 0 0 10px;padding:0;float:left;}
   #content #contact-form iframe#form {width:100%;height:770px;margin:-40px 0 0 -30px;padding:0;border:none;}
   
   #content #contact-addons {width:31%;margin:0;padding:0;float:right;}
   #content #contact-addons h2 {margin:0;padding:0;font-family:Georgia, "Times New Roman", Times, serif;font-size:16px;font-weight:bold;color:#F2DCA3;text-align:left;}
   #content #contact-addons img.map {margin-bottom:50px;}
   
/* ===[ FOOTER STYLES ]=== */
div#footer {margin:0;padding:15px;display:block;overflow:hidden;}
   #footer p {margin:0;padding:0;font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:normal;color:#663300;}
   #footer p#copyright {width:50%;float:left;text-align:left;}
   #footer p#designby {width:50%;float:right;text-align:right;}
   #footer p a {color:#663300;text-decoration:none;}
   #footer p a:hover {color:#663300;text-decoration:underline;}