/* CSS Document */ a img{ border: none;} /* Frame --------------------------------------------- */ * { padding: 0; margin: 0; } html { text-align: center; } body {position: relative; background: #15130f; font: 11px Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #ffffff; text-align: center;} #container {text-align: left; margin: 0 auto; width: 717px; padding: 30px 0 0 0;} #header {position: relative; display: inline; width: 717px; height: 269px; margin: 0px 0px 0px 0px; } #flashmovie {float: left; display: block; width: 270px;} #address { float: left; display: block; width: 270px; margin-left: 20px; } #copy {float: left; width: 381px; overflow: visible; margin: 0 0 0 60px;} /* Navigation --------------------------------------------- */ #masthead {position: relative; float: left; padding: 0; display: inline; height: 24px; width: 717px; margin: 0px 0px 7px 0px; } #masthead ul {display: inline; list-style: none; margin: 0; } #masthead li {display: inline; float: left; margin: 0 0 0 0px;} #masthead li a {display: inline; float: left; height: 22px;} #masthead li span {display: none;} #nav01 a {background: url(images/buttons/home_norm.gif) top right no-repeat; width: 70px; height: 24px;} #nav01 a:hover {background: url(images/buttons/home_over.gif) top right no-repeat;} #nav01on {background: url(images/buttons/home_over.gif) top right no-repeat; width: 70px; height: 24px;} #nav02 a {background: url(images/buttons/who_norm.gif) top right no-repeat; width: 107px; height: 24px;} #nav02 a:hover {background: url(images/buttons/who_over.gif) top right no-repeat;} #nav02on {background: url(images/buttons/who_over.gif) top right no-repeat; width: 107px; height: 24px;} #nav03 a {background: url(images/buttons/our_norm.gif) top right no-repeat; width: 104px; height: 24px;} #nav03 a:hover {background: url(images/buttons/our_over.gif) top right no-repeat;} #nav03on {background: url(images/buttons/our_over.gif) top right no-repeat; width: 104px; height: 24px;} #nav04 a {background: url(images/buttons/approach_norm.gif) top right no-repeat; width: 124px; height: 24px;} #nav04 a:hover {background: url(images/buttons/approach_over.gif) top right no-repeat;} #nav04on {background: url(images/buttons/approach_over.gif) top right no-repeat; width: 124px; height: 24px;} #nav06 a {background: url(images/buttons/build_norm.gif) top right no-repeat; width: 119px; height: 24px;} #nav06 a:hover {background: url(images/buttons/build_over.gif) top right no-repeat;} #nav06on {background: url(images/buttons/build_over.gif) top right no-repeat; width: 119px; height: 24px;} #nav05 a {background: url(images/buttons/contact_norm.gif) top right no-repeat; width: 100px; height: 24px;} #nav05 a:hover {background: url(images/buttons/contact_over.gif) top right no-repeat;} #nav05on {background: url(images/buttons/contact_over.gif) top right no-repeat; width: 100px; height: 24px;} #headerNavBar { position: absolute; top: 0px; width: 625px; left: 0px; height: 22px; margin: 0px 0 0 42px; z-index: 1;} /* Bottom Nav --------------------------------------------- */ a:link { text-decoration: none; color: #666666; font-size: 12px;} a:visited { text-decoration: none; color: #666666; font-size: 12px;} a:hover { text-decoration: none; color: #FFFFFF; font-size: 12px;} .subnavunderline {float: left; display: block; width: 100%; height: 5px; background: url(images/line.gif) center left repeat-x; margin: 10px 0 10px 1px; padding: 0 0 1px 0;} #copyright { float: left; display: block; width: 717px; font: 90% Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #666666; text-align: center; margin: 10px 0 20px 0px;} /* Main --------------------------------------------- */ #introcopy {float: left; width: 381px; overflow: visible; margin: 0 0 0 20px;} .box {float: left; display: block; width: 200px; padding: 0px 0px 0 1px; margin: 20px 0 0px 0;} #box2 {float: left; display: block; width: 381px; padding: 0px 0px 0 1px; margin: 5px 0 0px 3px; line-height: 1.5;} #box2 p {float: left; display: block; width: 350px; padding: 8px 0px 0 15px; margin: 8px 0 0px 15px; line-height: 1.5;} h1.intro { font-size: 9px; margin-top: 10px; width: 419px; margin-right: 0pt; margin-bottom: 0px; margin-left: 0px; height:30px; background-image:url(images/intro_header.gif); background-repeat:no-repeat; height: 30px; text-indent:-9999px; border-bottom: 1px solid #444444; } .title {font: 0.9em Arial, Helvetica, sans-serif; color: #45433c; letter-spacing: 0px; margin: 0;} .sentinceIntro {font-size: 11px;} /* Who --------------------------------------------- */ a.mail:link { text-decoration: none; color: #666666; font-size: 10px;} a.mail:visited { text-decoration: none; color: #666666; font-size: 10px;} a.mail:hover { text-decoration: none; color: #CCCCCC; font-size: 10px; } h1.whoweare { font-size: 9px; margin-top: 20px; margin-right: 0pt; margin-bottom: 0px; margin-left: 0px; height:35px; background-image:url(images/whoweare_header.gif); border-top: 0px solid #444444; border-bottom: 1px solid #444444; background-repeat:no-repeat; height: 30px; text-indent:-9999px; } h2.whoweare { font-size: 9px; margin-top: 20px; margin-right: 0pt; margin-bottom: 0px; margin-left: 0px; height:35px; background-image:url(images/ourteam_header.gif); border-top: 0px solid #444444; border-bottom: 1px solid #444444; background-repeat:no-repeat; height: 30px; text-indent:-9999px; } .whointrobox {display: block; width: 620px; padding: 0px 0px 0 0px; margin: 15px 0 0px 45px;} #whobullets {display: block; width: 520px; padding: 0px 0px 0 0px; margin: 15px 0 0px 25px; line-height:1.4; color: #ffffff;} #whobullets ul {line-height:1.4; color: #ffffff;} #whobullets li { color: #ffffff;} .whointrobox p { font: 11px Arial, Helvetica, sans-serif; color: #CCCCCC; letter-spacing: 0px; margin: 15px 0 0 0; line-height: 1.5em;} h1, h2 {font: 2.35em "Arial Narrow", Arial, Helvetica, sans-serif; text-transform: uppercase; color: #1daee7; letter-spacing: -1px; margin: -2px 0 0 0;} .title {font: 0.9em Arial, Helvetica, sans-serif; color: #45433c; letter-spacing: 0px; margin: 0;} #bios {float: left; display: block; width: 717px; padding: 0px 0px 0 1px; margin: 10px 0 0px 0px;} #biosrow { display: block; width: 600px; padding: 0px 0px 0 0px; margin: 20px 0 0px 45px; } #biosrow p { font: 11px Arial, Helvetica, sans-serif; color: #CCCCCC; letter-spacing: 0px; margin: 7px 0 0 0; line-height: 1.5;} #biosimage { float: left; display: block; width: 120px; padding: 0px 0px 0 1px; margin: 10px 5px 20px 0px; } .sentinceIntro {font-size: 12px} /* Our Homes --------------------------------------------- */ h1.homes { font-size: 9px; margin-top: 20px; margin-right: 0pt; margin-bottom: 0px; margin-left: 0px; height:35px; background-image:url(images/ourhomes_header.gif); border-top: 0px solid #444444; border-bottom: 1px solid #444444; background-repeat:no-repeat; height: 30px; text-indent:-9999px; } h2.homes { font-size: 9px; margin-top: 20px; margin-right: 0pt; margin-bottom: 0px; margin-left: 0px; height:35px; background-image:url(images/portfolio_header.gif); border-top: 0px solid #444444; border-bottom: 1px solid #444444; background-repeat:no-repeat; height: 30px; text-indent:-9999px; } h3.eagle { font-size: 9px; margin-top: 20px; margin-right: 0pt; margin-bottom: 0px; margin-left: 0px; background-image:url(images/EagleCrest_title.gif); background-repeat:no-repeat; height: 27px; text-indent:-9999px; } h3.hood { font-size: 9px; margin-top: 20px; margin-right: 0pt; margin-bottom: 0px; margin-left: 0px; background-image:url(images/hoodriver_title.gif); background-repeat:no-repeat; height: 30px; text-indent:-9999px; } #homesintrobox { display: block; width: 600px; padding: 0px 0px 0 1px; margin: 15px 0 0px 45px;} #homesintrobox p { font: 11px Arial, Helvetica, sans-serif; color: #CCCCCC; letter-spacing: 0px; margin: 1px 0 0 0; line-height: 1.5;} h1, h2 {font: 2.35em "Arial Narrow", Arial, Helvetica, sans-serif; text-transform: uppercase; color: #1daee7; letter-spacing: -1px; margin: -2px 0 0 0;} #portfolioholder {float: left; display: block; width: 717px; padding: 0px 0px 0 0px; margin: 15px 0 0px 0px;} #portfoliorow2 {display: block; height:61px; width: 600px; padding: 0px 0px 0 1px; margin: 0px 0 20px 45px;} #portfoliorow3 {display: block; height:61px; width: 600px; padding: 0px 0px 0 1px; margin: 0px 0 20px 45px;} #portfoliorow4 {display: block; height:61px; width: 600px; padding: 0px 0px 0 1px; margin: 0px 0 20px 45px;} #portfoliorow p { font: 11px Arial, Helvetica, sans-serif; color: #CCCCCC; letter-spacing: 0px; margin: 7px 0 0 0; line-height: 1.5em;} .portimages { width: 510px; margin: 0 0 10px 0; float:left;} #portimagesholder { width: 510px; margin: 0 0 0 110px;} #portfolioimageleft {float: left; display: block; width: 90px; padding: 0px 0px 0 1px; margin: 0px 10px 0px 0px;} #portfolioimageright {float: left; display: block; width: 90px; padding: 0px 0px 0 1px; margin: 0px 10px 0px 0px;} strong.portfolio { font-size: 12px; font-weight: bold; border-bottom: 1px solid #444444; padding-bottom: 2px; } /* Our Approach --------------------------------------------- */ h1.approach { font-size: 9px; margin-top: 20px; margin-right: 0pt; margin-bottom: 0px; margin-left: 0px; background-image:url(images/ourapproach_header.gif); border-top: 0px solid #444444; padding-bottom: 4px; border-bottom: 1px solid #444444; background-repeat:no-repeat; height: 30px; text-indent:-9999px; } #approachintrobox { display: block; width: 620px; padding: 0px 0px 0 1px; margin: 15px 0 5px 45px;} #approachintrobox p { font: 11px Arial, Helvetica, sans-serif; color: #CCCCCC; letter-spacing: 0px; margin: 15px 0 0 0; line-height: 1.5em;} h1, h2 {font: 2.35em "Arial Narrow", Arial, Helvetica, sans-serif; text-transform: uppercase; color: #1daee7; letter-spacing: -1px; margin: -2px 0 0 0;} /* We Build --------------------------------------------- */ strong.build { font-size: 14px; font-weight: bold; padding-bottom: 2px; color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; } h1.build { font-size: 9px; margin-top: 20px; margin-right: 0pt; margin-bottom: 0px; margin-left: 0px; height:35px; background-image:url(images/howwebuild_header.gif); border-top: 0px solid #444444; border-bottom: 1px solid #444444; background-repeat:no-repeat; height: 30px; text-indent:-9999px; } #buildintrobox { display: block; width: 620px; padding: 0px 0px 0 1px; margin: 0px 0 0px 45px;} #buildintrobox p { font: 11px Arial, Helvetica, sans-serif; color: #CCCCCC; letter-spacing: 0px; margin: 25px 0 0 0; line-height: 1.5em;} h1, h2 {font: 2.35em "Arial Narrow", Arial, Helvetica, sans-serif; text-transform: uppercase; color: #1daee7; letter-spacing: -1px; margin: -2px 0 0 0;} /* Footer --------------------------------------------- */ .underline {float: left; display: block; width: 100%; background: url(../images/layout/underline.gif) bottom left repeat-x; margin: 0 0 18px 0; padding: 0 0 13px 0;} #footer {width: 717px; color: #666666; position: relative; float: left; display: block; margin: 30px 0 0 0; padding: 0; border-top: 1px solid #444444; text-align: center;} a.cira:hover { font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #00CCFF; text-decoration: none; } a.cira:link { font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #999999; text-decoration: none; } a.cira:visited { font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #666666; text-decoration: none; } /* Jump Buttons --------------------------------------------- */ #prompt ul {display: inline; list-style: none; margin: 0; } #prompt li {display: inline; float: left; margin: 0 0 0 0px;} #prompt li a {display: inline; float: left; height: 39px;} #prompt li span {display: none;} .learnmore {float: right; display: block; width: 118px; height: 39px; padding: 0px 0px 0 1px; margin: 0px 0 0px 0px;} #Jumpnav01 a {background: url(images/learn_norm.jpg) top right no-repeat; width: 118px; height: 39px; margin: 20px 0 0px 270px;} #Jumpnav01 a:hover {background: url(images/learn_over.jpg) top right no-repeat; margin: 20px 0 0px 270px;} #Jumpnav01on {background: url(images/learn_over.jpg) top right no-repeat; width: 118px; height: 39px; margin: 20px 0 0px 270px;} /* Contact Form --------------------------------------------- */ strong.sent { font-size: 12px; color: #0099FF; margin-top: 10px; margin-right: 0pt; margin-bottom: 0px; margin-left: 0px; } strong.sent2 { font-size: 10px; color: #CCCCCC; margin-top: 10px; margin-right: 0pt; margin-bottom: 0px; margin-left: 0px; font-weight: normal; } strong.header { font-size: 10px; color: #CCCCCC; margin-top: 10px; margin-right: 0pt; margin-bottom: 0px; margin-left: 0px; font-weight: normal; } h1.contact { font-size: 9px; margin-top: 20px; margin-right: 0pt; margin-bottom: 0px; margin-left: 0px; height:35px; background-image:url(images/contact_header.gif); border-top: 0px solid #444444; border-bottom: 1px solid #444444; background-repeat:no-repeat; height: 30px; text-indent:-9999px; } #maincontent { width: 300px; margin: 20px 0 15px 90px; padding: 0; position: relative; float: left; display: inline; } #maincontent p { display: block; font-size: 12px; color: #FFFFFF; margin:0px 0px 8px 0px; } #maincontent p.warning { font-size: 10px; color: #FF0000; margin-top: 0pt; margin-right: 0pt; margin-bottom: 0px; margin-left: 0pt; } #maincontent span { font-size: 10px; color: #FF0000; margin-top: 0pt; margin-right: 0pt; margin-bottom: 0px; margin-left: 0pt; } fieldset { border:0;margin:0;padding:0; } input.submit { padding:2px 5px;font:bold 12px/12px verdana,arial,sans-serif; } .formButton { border: 1px solid #CCFF00; background-color: #444444; width: 100px; padding: 5px 0 5px 0; font-size: 12px; color: #CCFF00;} .addressbox {float: left; display: block; width: 200px; padding: 0px 0px 40px 20px; margin: 50px 0 0px 0;} .addressbox p {display: block; font-size: 12px; color: #cccccc; margin:0px 0px 4px 50px;} .addressbox p2 {display: block; font-size: 14px; color: #cccccc; margin:0px 0px 4px 0px;} .inputfields { font: 10px "arial", verdana, sans-serif; padding: 0.5em; background-color: #4D4738; border-width: 0px; margin-top: 5px; width: 200px; } .lables { padding: 0.2em; width: 375px; } input,.options { font: 10px "lucida sans", verdana, sans-serif; padding: 0.2em; } input.button { font: 12px "lucida sans", verdana, sans-serif; padding: 0.2em;} textarea { font: 10px "lucida sans", verdana, sans-serif; padding: 0.2em; background-color: #4D4738; border-width: 0px; margin-top: 5px; color:#FFFFFF;} /* CLEARFIX ----------------------------------------------*/ .clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; } .clearfix label{ font:12px/12px 'arial'; color:#8b7e61;} .clearfix {display: inline-block;} /* Hide from IE Mac \*/ .clearfix {display:block;} /* End hide from IE Mac */ * html .clearfix{ height: 1px; } span.error{ color:red; display:none; } #loadBar{ display: none; color: #ffffff; padding: 0px; width: 300px; } #emailSuccess{ display: none; color: #ff6600; background-image: url(file:///Macintosh%20HD/Applications/MAMP/img/check.gif); background-repeat: no-repeat; background-position: 5px 50%; padding: 5px 0px 5px 0px; width: 375px; } #contactRead{ display: none; }