/* CSS Document */ /* CLEAR DEFAULTS & SET PAGE ---------------------------------------------------*/ h1, h2, h3, h4, h5, h6, li, ol, ul, form, fieldset, input, p, blockquote, img, label {margin:0px; padding:0px; list-style:none;} img {border:none} table, tr, td, th {/*padding: 0px; margin: 0px;*/ vertical-align:top; border-collapse:collapse}/* sets declarations for all tables throughout the site */ table th {text-align: left; speak-header:always} th {speak-header: once} /*when rendered aurally, each row of data is to be spoken as a "Header1, Data1, Data1 ..." as opposed to "Header1, Data1, Header1, Data2"*/ a:link, a:visited {text-decoration:underline; color:#FFF;} a:hover, a:active {text-decoration:none; color:#FFF;} input, select {font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#333333;} label {cursor:pointer} /* Set html & body --------------------------------------------------*/ html {width:100%;} body {position:relative; width:100%; min-width:750px; margin:0 auto; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; color:#FFF; background:url(../images/bkg_interior.gif) repeat-x top #3d3d3d;} #container {position:relative; width:750px; min-height:300px; left:0px; right:0px; margin:0 auto; padding:0px; z-index:1;} /* BRANDING / NAVIGATION ---------------------------------------------------*/ #branding {position:relative; width:750px; height:140px; margin:0px; padding:0px;} #branding h1 {position:absolute; left:-9996px;} #logo {position:relative; top:44px; left:0px; width:302px;} #branding #contact_info {position:absolute; top:102px; left:0px; width:305px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#ba7e00;} #branding #contact_info a:link, #branding #contact_info a:visited {text-decoration:none; color:#ba7e00;} #branding #contact_info a:hover, #branding #contact_info a:active {text-decoration:none; color:#eeb94a;} /*Main Navigation*/ #nav {position:absolute; top:67px; left:350px; width:400px; height:16px; margin:0px; padding:0px; z-index:5} #nav h2 {position:absolute; left:-8995px;} #nav ul {margin:0px; padding:0px;} #nav ul li {display:block; float:left;} #nav ul li a {display:block;} #nav ul a:hover {text-decoration:underline 3px solid #eeb94a;} * html a:hover {visibility:visible} #branding li a:hover img {visibility:hidden} #nav_home {width:51px; height:16px; background:url(../images/nav/nav_home_o.gif) no-repeat;} #nav_about {width:76px; height:16px; background:url(../images/nav/nav_about_o.gif) no-repeat;} #nav_portfolio {width:73px; height:16px; background:url(../images/nav/nav_portfolio_o.gif) no-repeat;} #nav_video {width:54px; height:16px; background:url(../images/nav/nav_video_o.gif) no-repeat;} #nav_ourteam {width:81px; height:16px; background:url(../images/nav/nav_ourteam_o.gif) no-repeat;} #nav_contact {width:65px; height:16px; background:url(../images/nav/nav_contact_o.gif) no-repeat;} #pg_home #nav_home img, #pg_about #nav_about img, #pg_portfolio #nav_portfolio img, #pg_video #nav_video img, #pg_ourteam #nav_ourteam img, #pg_contact #nav_contact img {visibility:hidden;} /* CONTENT & FORMATTING ---------------------------------------------------*/ #content {position:relative; top:70px; width:750px; margin:0px 0px 70px 0px; padding:0px; background:url(../images/bkg_logo.gif) no-repeat bottom right;} #content .pgtitle {position:absolute; margin:-40px 0px 15px 0px;} #content #text_top {border-bottom:1px solid #565656; padding:0px 0px 0px 0px;} #colLeft {position:relative; width:225px; top:0px; left:-350px; margin-right:-350px; float:left; padding:15px 40px 0px 35px; background-color:#eeb94a;} #colLeft blockquote {font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; line-height:18px; font-style:italic; font-weight:bold; color:#694700;} #colLeft blockquote span {font-style:italic; font-weight:bold; text-align:right; font-size:11px; color:#000;} #colLeft blockquote .quoteleft {position:absolute; top:20; left:5px;} #colLeft blockquote .quoteright {position:absolute; top:20; left:268px;} #col_logo {position:relative; width:270px; top:225px; left:-350px; margin-right:-350px; float:left; padding:15px 15px 15px 15px; color:#000; background-color:#fff; text-align:center;} #col_logo img {padding-right:16px;} #col_logo .last {padding-right:0px;} #colRt {position:relative; width:380px; height:auto; float:right; display:block; border-left:1px solid #1b1b1b; padding:0px 20px 20px 20px; margin-bottom:30px;} #btm {position:relative; padding:20px 80px; border-top:1px solid #1b1b1b;} #btm blockquote {width: 450px; font-family:Georgia, "Times New Roman", Times, serif; font-size:13px; line-height:20px; font-style:italic; color:#FFF; text-align:justify;} #btm blockquote span {font-style:italic; font-weight:bold; text-align:right; font-size:11px; color:#eeb94a;} #btm blockquote .quoteleft {position:absolute; top:20px; left:45px;} * html #btm blockquote .quoteleft {position:absolute; top:20px; left:-35px;} #btm blockquote .quoteright {position:absolute; top:20px; left:540px;} * html #btm blockquote .quoteright {position:absolute; top:20px; left:460px;} #btm div .logo {position:absolute; top:20px; left:625px;} * html #btm div .logo {position:absolute; top:20px; left:545px;} #btm div .logo_text {position:absolute; width:150px; top:105px; left:580px; text-align:center; font-weight:bold;} * html #btm div .logo_text {position:absolute; width:150px; top:105px; left:500px; text-align:center; font-weight:bold;} p {margin:0px 0px 10px 0px;} ul {margin:0px 0px 10px 15px;} li {list-style:square;} b, strong {color: #000} h1 {position:absolute; left:-9999px; z-index:9} h2 {font-family:Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold; color:#ffe6b1; margin:0px 0px 6px 0px;} h3 {font-family:Georgia, "Times New Roman", Times, serif; font-size:9px; font-weight:bold; color:#694700; display:block; height:21px; background:url(../images/bkg_palm.gif) no-repeat #eeb94a; padding:4px 0px 0px 11px;} h4 {font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#FFF;} h5 {font-size:11px;} h6 {font-size:10px;} .nobr {white-space: nowrap;} .left {float:left;} .right {float:right;} .clear {clear:both;} /* HOME CONTENT ---------------------------------------------------*/ #pg_home {position:relative; width:100%; min-width:750px; margin:0 auto; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; color:#FFF; background:url(../images/bkg_home.gif) repeat-x top #3d3d3d;} #pg_home #content {position:relative; top:0px; width:750px; margin:0px 0px 0px 0px; width:750px; background:none;} #pg_home #home_info {background:url(../images/bkg_photocollage.jpg) no-repeat top right; height:188px;} #pg_home #home_info p {font-family:Georgia, "Times New Roman", Times, serif; font-size:11px; font-weight:bold; color:#694700; line-height:18px; padding-top:22px;} #pg_home #content ul {margin:16px 0px; height:200px;} *html #pg_home #content ul {margin:16px 0px 0px 0px; height:170px;} #pg_home #content li {float:left; list-style:none;} #pg_home #content ul li img {margin:0px 0px 3px 0px;} #pg_home #personalized {width:209px; height:195px; border-right:#565656 1px solid; padding:15px 19px 0px 0px;} #pg_home #complete {width:246px; height:195px; border-left:#1b1b1b 1px solid; border-right:#565656 1px solid; padding:15px 19px 0px 25px;} *html #pg_home #complete {width:246px; height:195px; border-left:#1b1b1b 1px solid; border-right:#565656 1px solid; padding:15px 19px 0px 20px;} #pg_home #competitive {width:203px; height:195px; border-left:#1b1b1b 1px solid; padding:15px 0px 0px 25px;} #pg_home #consultation {position:relative; top:15px; left:0px; width:368px; height:80px; background:url(../images/img_clipboard.gif) top left no-repeat #eeb94a; padding:24px 0px 0px 75px; float:left;} #pg_home #consultation p {font-weight:bold; color:#694700; font-size:12;} #pg_home #consultation img {margin:0px 0px 2px 0px;} #pg_home #consultation a:link, #pg_home #consultation a:visited {text-decoration:underline; color:#694700;} #pg_home #consultation a:hover, #pg_home #consultation a:active {text-decoration:none; color:#694700;} #pg_home #logos {position:relative; top:15px; left:0px; width:258px; height:80px; background-color:#fff; padding:12px 0px 12px 30px; float:left;} #pg_home #logos img {padding-right:30px;} #pg_home #logos .last {padding-right:0px;} #pg_home #site_info #organizations {width:750px; margin:0px auto;} #pg_home #site_info #organizations img {border:3px solid #eeb94a; text-align:right;} /* PORTFOLIO / PRODUCT DESCRIPTIONS ---------------------------------------------------*/ #pg_about #content #colRt #colLeft #community {width:300px; margin:0px -30px 0px -35px; padding:0px 0px 10px 0px; background-color:#3d3d3d;} #pg_about #content #colRt #colLeft #community h2 {padding:10px;} #pg_about #content #colRt #colLeft #community p {padding:0px 10px 0px 20px;} #pg_about #content #colRt #colLeft #community .quote {padding:0px 10px 0px 10px; font-size:11px; color: #eeb94a;} #pg_about #content .pgtitle2 {position:absolute; margin:-40px 0px 15px 350px;} #pg_about #colLeft {position:relative; width:225px; top:0px; left:-350px; margin-right:-350px; float:left; padding:0px 40px 110px 35px; background:none;} #pg_about #colLeft blockquote {font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; line-height:18px; font-style:italic; font-weight:bold; color:#694700;} #pg_about #colLeft blockquote span {font-style:italic; font-weight:bold; text-align:right; font-size:11px; color:#000;} #pg_about #colLeft blockquote .quoteleft {position:absolute; top:20; left:5px;} #pg_about #colLeft blockquote .quoteright {position:absolute; top:20; left:268px;} #pg_about #quote {position:relative; width:225px; top:0px; float:left; padding:15px 40px 0px 35px; background-color:#eeb94a;} #pg_about #quote blockquote {font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; line-height:18px; font-style:italic; font-weight:bold; color:#694700;} #pg_about #quote blockquote span {font-style:italic; font-weight:bold; text-align:right; font-size:11px; color:#000;} #pg_about #quote blockquote .quoteleft {position:absolute; top:20; left:5px;} #pg_about #quote blockquote .quoteright {position:absolute; top:20; left:268px;} #pg_about #col_logo {top:1015px;} #pg_portfolio .pgtitle {margin:-30px 0px 0px 0px;} #pg_portfolio ul li {list-style:none;} #pg_portfolio #port_nav {position:relative; padding:19px 0px 25px 80px; margin:0px; border-bottom:1px solid #565656; height:216px;} #pg_portfolio #port_nav li {float:left; padding:0px; margin:0px 12px 0px 0px; width:189px; height:219px; background:#eeb94a url(../images/bkg_palm.gif) no-repeat bottom left; display:block; position:relative;} #pg_portfolio #port_nav span {position:absolute; top:198px; clear:both; font-family:Georgia, "Times New Roman", Times, serif; height:25px; margin:0px 5px 0px 5px; color:#694700; font-size:14px; font-weight:bold;} #pg_portfolio #port_nav a {text-decoration:none;} #pg_portfolio #port_nav img {margin:0px 0px 5px 0px;} #port_nav li a:hover cite img {visibility:hidden} #nav_portfolio_custom {width:189px; height:193px; background:url(../images/img_customhomes_o.jpg) no-repeat; display:block;} #nav_portfolio_remodels {width:189px; height:193px; background:url(../images/img_remodels_o.jpg) no-repeat; display:block;} #nav_portfolio_commercial {width:189px; height:193px; background:url(../images/img_commercial_o.jpg) no-repeat; display:block;} /**/ #pg_portfolio #subnav_portfolio {postion:absolute; top:73px; margin-bottom:22px; padding:17px 20px 0px 0px; height:483px; width:170px; border-right:1px solid #565656;} #pg_portfolio #subnav_portfolio div {float:left; padding:0px; margin:0px 0px 15px 0px; width:170px; background:#eeb94a; display:block; position:relative;} #pg_portfolio #subnav_portfolio span{font-family:Georgia, "Times New Roman", Times, serif; height:14px; background:url(../images/bkg_palm.gif) no-repeat; padding:4px 5px 0px 5px; color:#694700; font-size:11px; font-weight:bold;} #pg_portfolio #subnav_portfolio a {text-decoration:none;} #pg_portfolio #subnav_portfolio img {float:left; position:relative; z-index:10; margin:0px 0px 3px 0px;} #subnav_portfolio div a:hover cite img{visibility:hidden} #nav_portfolio_custom_sub {width:170px; height:68px; background:url(../images/subnav_sm_custom_o.jpg) no-repeat; display:block;} #nav_portfolio_remodels_sub {width:170px; height:68px; background:url(../images/subnav_sm_remodels_o.jpg) no-repeat; display:block;} #nav_portfolio_commercial_sub {width:170px; height:68px; background:url(../images/subnav_sm_commercial_o.jpg) no-repeat; display:block;} #pg_portfolio #customhomes #nav_portfolio_custom_sub img, #pg_portfolio #remodels #nav_portfolio_remodels_sub img, #pg_portfolio #commercial #nav_portfolio_commercial_sub img {visibility:hidden;} #pg_portfolio #portcontainer {position:absolute; top:0px; left:191px; margin-bottom:22px; padding:17px 0px 0px 20px; height:483px; width:538px; border-left:1px solid #1b1b1b;} #pg_portfolio #portcontainer h3 {font-size:15px;} #pg_portfolio #portphotos {position:relative; top:20px; float:left; width:285px; margin-right:20px;} #pg_portfolio #portphotos .note {position:absolute; width:195px; top:228px; left:45px; color:#7e7e7e; font-size:10px;} #pg_portfolio #thumbs {position:absolute; top:248px; left:0px; width:285px; z-index:100; clear:both;} #pg_portfolio #thumbs a {display: block; width:57px; height:57px; margin:0px; float:left; overflow:hidden} #pg_portfolio #thumbs a:hover {background-color:#000} #pg_portfolio #thumbs a span img {position: absolute; left: -9999px; z-index: 9999} #pg_portfolio #thumbs a:hover span {position: absolute; top: -248px; left:0px; z-index:998; width:285px; height:224px; background-color: #000} #pg_portfolio #thumbs a:hover span img {position: relative; top: 0px; left:0px; width: auto; height: auto; z-index: 999} * html #pg_portfolio #thumbs {position: static; margin-top: 20px; width:285px; z-index: 100; clear:both} * html #pg_portfolio #thumbs a:hover span {position: absolute; top: 0px; left: 0px; z-index: 998; width:285px; height:224px; background-color: #000} #pg_portfolio #col_logo {position:absolute; width:100px; top:285px; left:585px; margin-right:0px; float:left; padding:15px; color:#000; background-color:#fff; text-align:center;} #pg_portfolio #col_logo img {padding-bottom:15px; padding-right:0px;} #pg_portfolio #col_logo .last {padding-bottom:0px;} #pg_ourteam #col_logo {top:320px;} #pg_video #col_logo {top:180px;} #portdesc {position:absolute; top:0px; left:305px; width:216px; font-size:11px; line-height:16px;} #portdesc p {margin-bottom:8px} #portdesc b {color:#eeb94a} #details div {float:left; width:129px; margin:15px 7px 10px 0px; height:122px; background:#694700;} #details .last {margin:15px 0px 10px 0px;} #details img {margin:0px 0px 2px 0px;} #details span {padding:0px 6px;} #details span a {font-family:Georgia, "Times New Roman", Times, serif; font-size:11px; font-weight:bold; color:#eeb94a; text-decoration:none;} /*Contact Form ---------------------------------------------------*/ #content form {padding:0px; margin:0px; position:relative;} #content form ol li {clear:both; margin:5px 0px; padding:5px 0px; list-style:none;} #content form ol li label{float:left; width:90px; margin:0px 10px 0px 0px; font-weight:bold;} #content form ol li label cite{color:#FF0000; font-style:normal; width:15px; font-weight:normal;} #content form ol li label span{font-size:10px; font-weight:normal;} #content span{font-size:10px; font-weight:normal;} #content form ol li input, #content form ol li select{width:170px; font-size:11px; font-family:Arial, Helvetica, sans-serif;} #content form ol li textarea{width:250px; font-size:11px; font-family:Arial, Helvetica, sans-serif;} #content form ol li div{position:relative; left:100px;} #content form ol li div input{width:auto;} #content form ol h2 {margin:10px 0px 0px 0px 0px;} #content form #checkbox {float:right; margin:-15px 0px 0px 0px;} #missing_pg #content {position:relative; left:5px; top:150px; width:776px; padding:10px 20px 10px 20px; margin:0px auto; clear:both;} #missing_pg #content b {color:#FFF;} /* SITE INFO (footer) ---------------------------------------------------*/ #publication {position:relative; top:0px; width:100%; height:97px; background-color:#2c2c2c; padding-top:16px;} #pg_home #publication {position:relative; top:22px; left:0px; width:675px; height:127px; background:url(../images/img_notepad.gif) top left no-repeat; padding:15px 0px 0px 75px;} #publication blockquote {width:750px; margin:0px auto;} #publication #emailaddress {width:200px; margin:5px 5px 0px 0px; padding:0px; float:left} #publication form div {margin:5px 0px 0px 0px;} #publication span {font-weight:bold; font-size:12px; clear:both; color:#eeb94a;} #pg_home #publication span {clear:none; float:left; padding:5px 5px 0px 0px;} #pg_home #publication form {position:relative;} #pg_home #publication form div {float:left;} #pg_home #publication img {margin:0px 0px 2px 0px;} #publication #notepad {float:left; padding-right:18px;} #publication .left {float:left; width:449px; height:81px; border-right:1px solid #565656; font-size:11px;} #publication .right {float:right; width:277px; height:63px; border-left:1px solid #1b1b1b; padding:18px 0px 0px 22px;} #publication .right p {color:#eeb94a; font-weight:bold;} #site_info {position:relative; top:0px; width:100%; height:100px; z-index:9999; background-color:#212121; font-size:10px; color:#bebebe; margin:0px auto; padding:10px 0px 0px 0px;} #site_info blockquote {width:750px; margin:0px auto;} #site_info cite {font-style:normal;} #site_info a:link, #site_info a:visited {color:#bebebe; text-decoration:none;} #site_info a:hover, #site_info a:active {color:#eeb94a; text-decoration:none;}