/* Author : Sonora DesignWorks Website : SonoraDesignWorks.com */ @import url("reset.css"); /* GENERAL ----------------------------------------------------------------------------- -----------------------------------------------------------------------------*/ body { font-family:Georgia, "Times New Roman", Times, serif; background: url(../images/page-back.jpg) repeat-x top #cacaca; text-align: center; color: #333; } .b-u {font-weight:bold; text-decoration:underline} /* LINKS -----------------------------------------------------------------------------*/ a:link, a:visited {text-decoration:none;} a:link {color:#339} a:visited {color:#339} a:hover {color:#339; text-decoration:underline} a:active {color:#339; text-decoration:underline} /* CONTAINER ----------------------------------------------------------------------------- -----------------------------------------------------------------------------*/ #container { width: 960px; background: #FFF; margin: 0 auto; text-align: left; } /* HEADER ----------------------------------------------------------------------------- -----------------------------------------------------------------------------*/ #header { height:357px; width:960px; background:url(../images/headers/home.jpg) top no-repeat; } #header h1 { margin: 0; padding: 10px 0; } #head-contact { width:250px; height:48px; background:url(../images/contact-transparent.png) no-repeat right; float:right; margin-right:20px; color:#fff; text-align:right; font-family:Georgia, 'Times New Roman', Times, serif; font-size:22px; } #head-contact a:link, #head-contact a:visited {color:#FFF; text-decoration:none} #head-contact a:hover, #head-contact a:active {color:#ffde25; text-decoration:none} #head-contact p{margin-top:8px; margin-right:28px} #head-nav-box {width:960px; height:190px; background:url(../images/blue-transparent.png); position:relative; top:168px; *top:120px} #logo-box {width:960px; height:190px; background:url(../images/logo.png) center no-repeat; } #home-link {float:right; width:200px; height:160px; position:relative; left:-100px; top:-35px; *top:10px;} /* MAIN NAV -----------------------------------------------------------------------------*/ #mainNav {} #navL {float:left; line-height:27px; margin-left:45px; margin-top:25px; *margin-top:30px;} #navL li {padding-left:25px; background:url(../images/diamond.png) left no-repeat} #navL a:link, #navL a:visited, #navL a:hover, #navL a:active {text-decoration:none; font-size:18px; font-family:Georgia, "Times New Roman", Times, serif} #navL a:link, #navR a:link {color:#fff} #navL a:visited, #navR a:visited {color:#fff} #navL a:hover, #navR a:hover {color:#ffde25} #navL a:active, #navR a:active {color:#ffde25} #navR {text-align:right; float:right; line-height:27px; margin-right:45px; margin-top:-23px; clear:right; *margin-top:30px;} #navR li {padding-right:25px; background:url(../images/diamond.png) right no-repeat} #navR a:link, #navR a:visited, #navR a:hover, #navR a:active {text-decoration:none; font-size:18px; font-family:Georgia, "Times New Roman", Times, serif; } /* CURRENT PAGE LINK STYLE -----------------------------------------------------------------------------*/ #contact-page #navR .contact-link, #specs-page #navL .specs-link, #pricing-page #navL .pricing-link, #site-page #navL .site-link, #optional-page #navL .optional-link, #location-page #navL .location-link, #models-page #navL .models-link, #energy-page #navR .energy-link, #homeowners-page #navR .homeowners-link, #customer-page #navR .customer-link, #dover-page #navR .dover-link {color:#ffde25; } #modelsT-page #navL .models-link, #customerT-page #navR .customer-link, #energyC-page #navR .energy-link, #dev-page #navR .dev-link {color:#ffde25;} /* INTERIOR STYLES ----------------------------------------------------------------------------- -----------------------------------------------------------------------------*/ #specs-table {background:#f6f6f6; font-family:Arial, Helvetica, sans-serif; color:#000; ; -moz-box-shadow: #666 2px 2px 5px; -webkit-box-shadow: #666 2px 2px 5px;} #specs-table td{padding:5px; font-weight:bold; padding-left:15px} .green {color:#005e46} .stripe{background:#f1f1f1} .topS{background:#8add85; font-size:15px; font-family:Georgia, "Times New Roman", Times, serif; padding:10px} #pricing-table {background:#f6f6f6; font-family:Arial, Helvetica, sans-serif; color:#000; -moz-box-shadow: #666 2px 2px 5px; -webkit-box-shadow: #666 2px 2px 5px; } #pricing-table td{padding:10px; font-weight:bold; padding-left:15px} .price-top {background:#c1c4ce; font-size:15px; font-variant:small-caps} .logoF {float:right; margin:20px} .devTable {} .devTable td {padding:10px} .devTable tr {border:#000} .stripeE {background:#f7f6f6} /* MAINCONTENT ----------------------------------------------------------------------------- -----------------------------------------------------------------------------*/ #mainContent { margin: 0px; padding: 0 20px; } #mainInner-old {color:#333; font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; width:500px; float:left; margin-left:50px; margin-top:50px; line-height:19px} #mainInner {color:#333; font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; width:800px; float:left; margin-left:50px; margin-top:30px; line-height:19px} #mainInnerOneCol {color:#333; font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; width:840px; float:left; margin-left:50px; margin-top:50px; line-height:19px} /* FOOTER ----------------------------------------------------------------------------- -----------------------------------------------------------------------------*/ #footer { padding: 0px; background:url(../images/footer-back.gif) top no-repeat #05143f; min-height:90px; padding-top:30px; padding-left:70px; font-family:Georgia, "Times New Roman", Times, serif; font-size:11px; } #footer p {margin:0; color:#b7b7b7; width:550px} .copy {padding-top:8px} .es-logo {float:right; clear:both; position:relative; top:-5px; right:50px; border:1px solid #fff} #facebook { vertical-align:bottom; padding-top:10px; margin-bottom:0px} /* FOOTER LINKS -----------------------------------------------------------------------------*/ #footer a:link, #footer a:visited {color:#b7b7b7; text-decoration:none} #footer a:hover, #footer a:active {color:#fff; text-decoration:none} /* FORM LINKS -----------------------------------------------------------------------------*/ input, .form-text-area {background-color:#eee; border:1px solid #dedccd; } .submit {width:100px; background-color:#c3d3a4; color:#000; border:1px solid #005e46; cursor:pointer; *border:1px; font-weight:bold} .submit:hover {background-color:#ffc;} /* OPTIONS PAGE -----------------------------------------------------------------------------*/ #opt-table {background:#f6f6f6; font-family:Arial, Helvetica, sans-serif; color:#000; -moz-box-shadow: #666 2px 2px 5px; -webkit-box-shadow: #666 2px 2px 5px; } #opt-table td{padding:10px; padding-left:15px} .opt-top {background:#c1c4ce; font-size:15px; font-variant:small-caps; font-weight:bold} .no-s {padding-top:0px} #opt-table ul {list-style-type:disc} #opt-table li {margin-bottom:10px} #av-table {background:#f6f6f6; font-family:Arial, Helvetica, sans-serif; color:#000; -moz-box-shadow: #888 2px 2px 5px; -webkit-box-shadow: #888 2px 2px 5px; margin:0 auto; width:250px; margin-top:7px } #av-table td{padding:3px 10px; padding-left:15px; border-bottom:1px solid #e7e7e7; font-weight:bold; color:#333} #av-table tr:hover {background:#ededed} .opt-top:hover {background:#c1c4ce !important} .sold {color:#C00 !important} .av-box {text-align:center; float:left; margin-right:30px; width:250px} .enList {list-style-type:disc; margin-top:6px; margin-bottom:25px} .enP {margin:0px} .test {padding:40px; border-bottom:1px dotted #ccc} #gal img {margin:2px; border:2px solid #ccc} .modelTitle {font-size:18px; color:#142042; font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif; padding:10px 0 0 0} .modelTable td {vertical-align:middle; text-align:center; font-size:16px; color:#003; font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif} .modelTable p {margin-top:5px} .modelTable img:hover { -webkit-box-shadow: 0px 0px 4px #333; -moz-box-shadow: 0px 0px 4px #333;}