/*=================================== GLOBAL ===================================*/ @import "reset.css"; html {color:#000; font-family:Arial; font-size:12px;} body { margin-top:43px; background: #242424 url(../images/bg_main.gif) no-repeat center top; height:100%; /* for older browsers */} #main {margin: 0 auto; position: relative; width: 100%; text-align:left; background: url(../images/bg_main.jpg) repeat-x center top; height: 100%; /* for older browsers */} .inside {margin: 0 auto; position: relative; width: 965px;} #header, #billboard, #title, #content, #footer {position: relative;} /*------ GLOBAL SETTINGS ------*/ .clear_left {clear: left;} .clear_right {clear: right;} .clear_both {clear: both;} .float_left {float: left;} .float_right {float: right;} a img {border: none;} a {outline: none;} /*=================================== HEADER ===================================*/ #header {height:95px;} #logo {position:absolute; left:0;} #nav {position:absolute; right:0; height:95px; width:589px;} #nav ul {background:url("../images/nav_top.gif") no-repeat; width:589px ;height:95px; margin:0; padding:0;} #nav ul span {display: none;} #nav ul li, #nav ul a {height:95px; display:block;} #nav ul li {float:left; list-style:none; display:inline;} #nav ul li#btn1 {width: 93px;} #nav ul li#btn2 {width: 91px;} #nav ul li#btn3 {width: 122px;} #nav ul li#btn4 {width: 117px;} #nav ul li#btn5 {width: 166px;} #nav ul li#btn1 a:hover,.current1 {background:url("../images/nav_top.gif") 0px -95px no-repeat; } #nav ul li#btn2 a:hover,.current2 {background:url("../images/nav_top.gif") -93px -95px no-repeat; } #nav ul li#btn3 a:hover,.current3 {background:url("../images/nav_top.gif") -184px -95px no-repeat; } #nav ul li#btn4 a:hover,.current4 {background:url("../images/nav_top.gif") -306px -95px no-repeat; } #nav ul li#btn5 a:hover,.current5 {background:url("../images/nav_top.gif") -423px -95px no-repeat; } /*=================================== HOME BILLBOARD ===================================*/ #billboard {height:328px; background:url(../images/bg_billboard.gif) no-repeat center top;} #slideshow {position:absolute; left:69px; top:39px;} #description {width:391px; position:absolute; right:68px; top:28px;} #description p {font:13px Arial; color:#102235; line-height:18px; margin:15px 0; font-weight:bold;} /*=================================== HOME BILLBOARD ===================================*/ #title {height:113px; background:url(../images/bg_title.gif) no-repeat center top;} #title .left {left:60px; position:absolute; top:34px;} #title .right {right:0px; position:absolute;} /*=================================== CONTENT ===================================*/ #content {min-height:200px; height:auto !important; height:200px; background:url(../images/bg_content.gif) no-repeat center top; overflow:hidden;} #content .inside {margin-top:5px; margin-bottom:3px; width:905px} #content a {color:#9eb157;} #content a:hover {text-decoration:underline;} #content ul {margin:25px; list-style:square; color:#696969; font:12px Arial;} #content ul li {margin-bottom:8px; line-height:15px;} #content .inner_left {float:left; margin:0 40px 0 30px; width:400px;} #content .inner_left p {color:#696969; font:12px Arial; margin:15px 0; line-height:15px;} #content .inner_right {float:left; margin:0 30px 0 0; width:400px;} #content .inner_right p {color:#696969; font:12px Arial; margin:15px 0; line-height:15px;} #content #map {width:400px; background:url(../images/bg_map.gif) no-repeat center top; overflow:hidden; padding-top:30px;} #content #map iframe {margin:10px;} #content #map img {margin:0 0 10px 10px;} /*------ HOME BUCKETS ------*/ #home_buckets {clear:both; font:12px Arial; color:#838383;} #home_buckets p {padding-left:30px; padding-right:10px; line-height:16px; margin:15px 0;} #home_buckets a {padding-left:30px} #home_buckets .left {width:301px; float:left} #home_buckets .mid {width:301px; float:left} #home_buckets .right {width:303px; float:left} /*=================================== FOOTER ===================================*/ #footer {height:306px; background:url(../images/bg_footer.gif) no-repeat center top;} #top {clear:both; position:absolute; top:46px; left:73px;} #top .left {float:left; width:370px; margin-right:68px;} #top .left .pic {float:left; margin-right:12px;} #top .left p {color:#696969; font:12px Arial; margin:7px 0;} #top .right {float:left; width:370px;} #top .right .pic {float:left; margin-right:12px;} #top .right p {color:#696969; font:12px Arial; margin:7px 0;} #bottom {position:absolute; top:215px; left:30px; width:905px;} #bottom .left {float:left; width:370px; position:absolute;} #bottom .right {float:right; width:370px; text-align:right;} #bottom .right p {color:#696969; font:12px Arial; margin-bottom:5px;} #bottom .right ul {list-style:none;} #bottom .right ul li {display:inline;} #bottom .right ul li a {color:#9aad52; border-right:1px solid #fff; padding:0 5px;} #bottom .right ul li a:hover {text-decoration:underline;} #bottom .right ul li a.last {border-right:0;} /*=================================== FORM ===================================*/ .cleanform {font-size:1em;width:40em;color:#1b1b1b;text-align:left;position:relative;margin:1em auto} /* Elements */ .cleanform label,.cleanform legend{ padding:0;margin:0.3em 0;} .cleanform fieldset{ padding:0.7em;border:1px solid #ddd;margin:0 0 0.5em 0;} .cleanform label {font-weight:bold; color:#696969;} .cleanform fieldset input {width:70%;line-height:1.5em;padding:0.15em;} .cleanform .radio input,.cleanform .checkbox input {width:auto;border:none;} .cleanform input, .cleanform textarea, .cleanform select {display:block;margin-bottom:1em;font-size:1em;border:1px solid #999;padding:0.15em;margin-right:1em} .cleanform .radio label, .cleanform .radio input, .cleanform .checkbox label, .cleanform .checkbox input{display:inline;margin:0 1.5em 0 0} .cleanform .radio input, .cleanform .checkbox input{margin:0 0.3em 0 0} /* Button */ .cleanform button {margin:0.3em 0;border:1px solid #ccc;background-color:#eee;font-size:1em;cursor:pointer;padding:0.5em} .cleanform button:hover {background-color:#E6EFC2;border:1px solid #696969;color:#696969;} .cleanform button:active {background-color:#333;color:white;border:1px solid #696969;} /* information */ .cleanform .formInfo {margin-bottom:1em;padding-bottom:0.5em;border-bottom:0.1em solid #ddd;} .cleanform .formInfo h2 {color:#696969;font-weight:bold;font-size:1.2em;margin-bottom:1em} .cleanform .formInfo p{text-align:justify} .cleanform .required {color:#ff3838;font-weight:bold;font-size:0.8em;}