/*******************************/ /* BODY/PAGE TAGS */ /*******************************/ * {margin:0; padding:0} html {height:100%; margin-bottom:1px;} body {font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; text-align:center; background:#d1c5b5 url(/images/background.jpg) repeat; font-size:12px; color:#555;} #container {margin:auto; width:983px; text-align:left; position:relative; background:#f6f2e7 url(/images/texture_bg.jpg) 0 0 repeat-y;} /*******************************/ /* COMMON TAGS */ /*******************************/ a, a:link, a:visited {color:#872434; text-decoration:underline;} a:hover, a:active {color:#a91111;} a i {visibility:hidden;} a img {border:0;} p {margin:0; padding:0; padding-bottom:10px;} h1 {color:#872434; font-size:140%; font-weight:bold; margin-bottom:12px;} h2 {color:#872434; font-size:120%; text-transform:uppercase; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; text-align:left; padding-bottom:5px;} h2.dark {color:#333; font-size:110%; font-family:sans-serif; font-weight:bold;} h3 {color:#872434; font-size:100%; font-weight:bold; padding-bottom:5px;} h4 {color:#333; font-size:100%; font-weight:bold; padding-bottom:5px;} tr, th {vertical-align:top;} /*******************************/ /* RIGHT SIDE COMMON ELEMENTS */ /*******************************/ #right_side {width:763px; float:right;} #banner {width:763px; height:400px; margin-bottom:10px;} #banner_gallery {width:763px; height:580px; margin-bottom:20px;} #height_ensure {width:1px; height:430px; float:left;} #content {width:703px; float:left; padding:0 30px 20px 29px;} #content_left {width:345px; float:left;} #content_right {width:340px; float:right;} #content_full {width: 702px; float:left;} .left, .top_left {float:left; padding:10px 15px; padding-left:0;} .right, .top_right {float:right; padding: 10px 15px; padding-right:0;} .top_left, .top_right {padding-top:0;} #content_right .image_h2 {margin-bottom:10px;} .content_block {margin-bottom:12px;} .extra_pad {padding-bottom:10px;} .more {text-align:right; margin-bottom:8px; margin-top:3px;} a.bullet, a.bullet:visited {font-size:90%; display:block; /* width:150px; */ color:#555; font-weight:bold; padding:0 10px 5px 12px; background:url(/images/arrow_bullet.gif) 0 4px no-repeat;} a.bullet:hover {color:#872434;} table.image_rows td, table.image_rows th {padding-right:6px;} .caption {text-align:center; font-size:80%;} .caption a, .caption a:visited {color:#872434; text-decoration:none;} tr.selected h3 {background:#e1cbcc;} #content_left .content_block ul li {padding-bottom:10px; margin-left:15px;} #content_right .content_block ul li {padding-bottom:4px; margin-left:15px;} #content_left .content_block ul.links li {padding-bottom:4px; margin-left:30px; font-weight:bold;} #content_right .content_block ul.links li {margin-left:25px; font-weight:bold;} #search_criteria th, #search_criteria td {padding-bottom:5px; vertical-align:top;} #search_criteria th {font-weight:normal; text-align:right; padding-right:6px;} #content ul {padding-bottom: 10px;} #content li {margin-left: 30px; padding:4px;} /*******************************/ /* LEFT_NAV */ /*******************************/ #left_nav {width:220px; background:#631c29 url(/images/nav/blank_nav.jpg) 0 598px no-repeat; float:left;} /************************/ /* DROP DOWNS */ /************************/ ul#nav {list-style:none; width:220px;} ul#nav li {position:relative;} ul#nav li ul.menu-down {list-style:none; position:absolute; left:219px; top:0; display:none;} ul#nav li ul.menu-up {list-style:none; position:absolute; left:219px; bottom:0; display:none;} ul#nav li a {display:block; text-decoration:none; color:#fff; background-color:#280b0f; background-position:0 0; background-repeat:no-repeat;} ul#nav li ul li a {display:block; height:22px; width:208px; padding:6px; padding-bottom:0; background-color:#23090d;} ul#nav li ul li a:hover {background:url(/images/sub_nav_on.jpg) repeat-x;} ul#nav li:hover ul, ul#nav li.over ul { display: block; text-decoration:none; } ul#nav li ul li.top_sub_nav {padding-top:10px; background:url(/images/rounded_top.gif) top right no-repeat;} ul#nav li ul li.bottom_sub_nav {padding-bottom:10px; background:url(/images/rounded_bottom.gif) bottom right no-repeat;} /* Fix IE. Hide from IE Mac \*/ * html ul#nav li, * html ul#nav li ul li { float: left; } * html ul li a, * html ul li ul li a { height: 1%; } /* End */ a#logo_nav {height:140px; width:220px; background-image:url(/images/nav/logo_nav.jpg);} a#home_nav {height:41px; width:220px; background-image:url(/images/nav/home_nav_off.jpg);} a#resume_nav {height:44px; width:220px; background-image:url(/images/nav/resume_nav_off.jpg);} a#gallery_nav {height:40px; width:220px; background-image:url(/images/nav/gallery_nav_off.jpg);} a#experience_nav {height:44px; width:220px; background-image:url(/images/nav/experience_nav_off.jpg);} a#designs_nav {height:41px; width:220px; background-image:url(/images/nav/designs_nav_off.jpg);} a#available_nav {height:44px; width:220px; background-image:url(/images/nav/available_nav_off.jpg);} a#community_nav {height:41px; width:220px; background-image:url(/images/nav/community_nav_off.jpg);} a#contact_nav {height:43px; width:220px; background-image:url(/images/nav/contact_nav_off.jpg);} a#services_nav {height:64px; width:220px; background-image:url(/images/nav/services_nav_off.jpg);} a#home_nav:hover {background-image:url(/images/nav/home_nav_on.jpg);} a#resume_nav:hover {background-image:url(/images/nav/resume_nav_on.jpg);} a#gallery_nav:hover {background-image:url(/images/nav/gallery_nav_on.jpg);} a#experience_nav:hover {background-image:url(/images/nav/experience_nav_on.jpg);} a#designs_nav:hover {background-image:url(/images/nav/designs_nav_on.jpg);} a#available_nav:hover {background-image:url(/images/nav/available_nav_on.jpg);} a#community_nav:hover {background-image:url(/images/nav/community_nav_on.jpg);} a#contact_nav:hover {background-image:url(/images/nav/contact_nav_on.jpg);} a#services_nav:hover {background-image:url(/images/nav/services_nav_on.jpg);} #nav_icons{width:220px; background-color:#48131d; } #blank_nav{width:220px; height:350px; background:url(/images/nav/blank_nav.jpg) 0 0 no-repeat;} /* Client Nav */ a#client_home_nav {height:40px; width:220px; background-image:url(/images/nav/client_home_nav_off.jpg);} a#cookbook_nav {height:44px; width:220px; background-image:url(/images/nav/cookbook_nav_off.jpg);} a#construction_nav {height:44px; width:220px; background-image:url(/images/nav/construction_nav_off.jpg);} a#allowances_nav {height:42px; width:220px; background-image:url(/images/nav/allowances_nav_off.jpg);} a#change_orders_nav {height:42px; width:220px; background-image:url(/images/nav/change_orders_nav_off.jpg);} a#schedules_nav {height:42px; width:220px; background-image:url(/images/nav/schedules_nav_off.jpg);} a#warranties_nav {height:44px; width:220px; background-image:url(/images/nav/warranties_nav_off.jpg);} a#logout_nav {height:50px; width:220px; background-image:url(/images/nav/logout_nav_off.jpg);} a#client_home_nav:hover {background-image:url(/images/nav/client_home_nav_on.jpg);} a#cookbook_nav:hover {background-image:url(/images/nav/cookbook_nav_on.jpg);} a#construction_nav:hover {background-image:url(/images/nav/construction_nav_on.jpg);} a#allowances_nav:hover {background-image:url(/images/nav/allowances_nav_on.jpg);} a#change_orders_nav:hover {background-image:url(/images/nav/change_orders_nav_on.jpg);} a#schedules_nav:hover {background-image:url(/images/nav/schedules_nav_on.jpg);} a#warranties_nav:hover {background-image:url(/images/nav/warranties_nav_on.jpg);} a#logout_nav:hover {background-image:url(/images/nav/logout_nav_on.jpg);} #client_blank_nav{width:220px; height:460px; background:url(/images/nav/client_blank_nav.jpg) 0 0 no-repeat;} /*******************************/ /* CLIENT SECTION */ /*******************************/ #client_header {width:703px; height:150px; float:left; padding:0 30px 0 30px; background:url(/images/client/client_header_bk.gif) 0 0 no-repeat;} /*******************************/ /* OTHER */ /*******************************/ .contact_form td, .contact_form th {padding:2px 4px;} .contact_form th {text-align:right;} .contact_form em, #email_form em {font-weight:normal; color:#872434;} .fieldWithErrors {color:#872434; display:inline;} .errorExplanation {margin: 0 40px 10px 40px; border:2px solid #872434; background-color:#e1cbcc; padding:8px 12px 0 12px; font-weight:bold;} .errorExplanation p {color:#872434;} #building_process_map {width:470px; padding:0; padding-left:41px; margin:0 0 30px 0; height:590px; float:left; background: transparent url(/images/building_process/building_process_bk.gif) 0 0 no-repeat;} #building_process_map .building_process_row {float:left; width:470px; margin:0 !important; padding:0 !important;} #building_process_map .spacer_row {height:21px; width:470px; float:left;} #building_process_map .building_process_row a, #building_process_map .building_process_row a:visited {display:block; width:80px; height:80px; background-position:top left; text-decoration:none; float:left;} #building_process_map .building_process_row .slice {float:left; height:80px; width:35px;} #building_process_map .building_process_row a:hover {background-position:bottom left;} #property_content_block {margin-bottom:12px; float:left; clear:both;} #property_thumbs {padding:5px 0; clear:both;} #property_thumbs img {padding-right:10px; padding-bottom:10px;} /*******************************/ /* FOOTER */ /*******************************/ #back-top {clear:both; width:220px; color:#aaa; font-size:12px; margin-right:763px; text-align:center;} #back-top a {color:#ccc; letter-spacing:1px; font-weight:bold; text-decoration:none;} #back-top a:hover {color:#fff;} #footer {clear:both; width:743px; background-color:#290b0f; color:#aaa; font-size:10px; padding:12px 10px 0 10px; margin-left:220px; overflow:hidden;} #copyright {width:210px; float:left;} #footer #copyright a, #footer #copyright a:visited {margin:0} #bottom_nav {width:533px; float:right; text-align:right;} #footer a, #footer a:visited {color:#ccc; margin:0 5px; text-decoration:none;} #footer a:hover {text-decoration:underline;} #bottom_slice{height:1px; width:983px; clear:both; background:green; overflow:hidden;}