/* style for home page --- -------------------------------------------------------------- */ body { background: #cbd73f; font-family: Arial, Helvetica, sans-serif; /*overflow-y:scroll;*/ height:100.01%; } #container { width: 755px; margin: 0 auto; } #header { background: url('../images/home_header-top.gif') top no-repeat; height: 85px; position: relative; } #header h1 { padding-top: 38px; } #header h1 a { background: url('../images/home_logo.gif') no-repeat; display: block; text-indent: -5000px; width: 186px; height: 38px; } #header ul { position: absolute; bottom: 7px; right: 0; } #header ul li { display: inline; } #header ul li a { color: #fff; text-decoration: none; text-transform: uppercase; font-size: 11px; margin-left: 20px; } #content { background: #fff url('../images/home_content-top-rounded.gif') top right no-repeat; width: 755px; padding-top: 20px; } #content-inner { background: url('../images/home_content-inner.gif') bottom no-repeat; padding: 0 20px 20px 20px; } #sidebar { width: 166px; float: left; margin-right: 4px; background: url('../images/sidebar_napl.gif') left bottom no-repeat; height: 522px; } #main-nav { background: url('../images/main_nav_ul.gif') no-repeat; width: 154px; height: 147px; padding: 6px; margin-bottom: 22px; } #main-nav li {margin:0 0 2px;} #main-nav a { font-size: 16px; text-transform: uppercase; text-decoration: none; color: #786d51; width: 149px; height: 20px; display: block; padding: 2px 0 0 4px; text-indent: -5000px;/* margin-bottom: 2px; */ overflow:hidden;} #main-nav a:hover { background: #f8f9e3; } #main-nav a.active { background: #f7f9e2; } #main-nav li#home a { background: url('../images/link_home.gif') no-repeat; } #main-nav li#home a:hover, #main-nav li#about-us a:hover, #main-nav li#capabilities a:hover, #main-nav li#resources a:hover, #main-nav li#contact a:hover { background-position: 0 -22px; } #main-nav li#home a.active, #main-nav li#about-us a.active, #main-nav li#capabilities a.active, #main-nav li#resources a.active, #main-nav li#contact a.active { background-position: bottom; } #main-nav li#about-us a { background: url('../images/link_about-us.gif') no-repeat; } #main-nav li#capabilities a { background: url('../images/link_capabilities.gif') no-repeat; } #main-nav li#resources a { background: url('../images/link_resources.gif') no-repeat; } #main-nav li#contact a { background: url('../images/link_contact.gif') no-repeat; } #main-content { width: 537px; float: left; } #main-content #image-top { height: 159px; background: url('../images/main_content_top-image.gif') no-repeat; padding: 8px 0 0 8px; } #main-content .content { padding: 20px; } #main-content .content h2 { font-size: 13px; font-weight: bold; color: #5a4b29; text-transform: uppercase; background: url('../images/home_h2_top.gif') left top no-repeat; padding-top: 6px; } #main-content .content p { font-size: 13px; color: #5a4b29; margin-bottom: 15px; line-height: 1.4; } #main-content .content p em { font-style: italic; } #main-content a { color: #e19436; } #quick-links { background: url('../images/quick_links.gif') no-repeat; width: 503px; height: 39px; padding-top: 11px; margin-top: 115px; } #quick-links li { display: inline; } #quick-links a { display: block; float: left; width: 154px; height: 39px; margin-right: 20px; text-indent: -5000px; } #quick-links .last-item a { margin: 0; } #footer { clear: both; background: url('../images/home_footer.gif') top no-repeat; padding: 10px 0 0 22px; height: 100px; margin-top: 20px; } #footer h3 { color: #83775f; text-transform: uppercase; float: left; margin-right: 200px; padding-bottom: 20px; text-indent: -5000px;} #footer #contact { width: 300px; float: right; margin-top: -4px; position: relative; } #footer #contact li { float: left; width: 90px; font-size: 11px; color: #83775f; } #footer #links { clear: both; } #footer #links li { display: inline; } #footer #links li.first-item a { background: none; padding-left: 0; } #footer #links a { font-size: 11px; color: #fff; text-transform: uppercase; display: block; float: left; padding: 0 5px; background: url('../images/footer_divider.gif') left no-repeat; margin-bottom: 5px; } #footer p { clear: both; font-size: 11px; color: #fff; } /* style for about us page --- -------------------------------------------------------------- */ body#about { background: #cb539a; } #about #header { background: url('../images/about_header-top.gif') top no-repeat; } #about #header h1 a { background: url('../images/about_logo.gif') no-repeat; } #about #sidebar { background: none; } #about #footer { background: url('../images/about_footer.gif') top no-repeat; } #about #content { background: #fff url('../images/about_content-top-rounded.gif') top right no-repeat; } #about #content-inner { background: url('../images/about_content-inner.gif') bottom no-repeat; } #about #main-content .content h2 { margin: 20px 0; } #about h2#values { background: url('../images/about_h2_values.gif') no-repeat; text-indent: -5000px; width: 74px; height: 25px; } #about h2#success-stories { background: url('../images/about_h2_success-stories.gif') no-repeat; text-indent: -5000px; width: 142px; height: 25px; } #about #main-content .content h3 { font-weight: bold; font-size: 12px; color: #5a4b29; margin-bottom: 0px; } #about #main-content .border { background: url('../images/about_border_top.gif') left top no-repeat; padding-top: 6px; } #about #extra-nav a { color: #b25497; text-transform: uppercase; text-decoration: none; font-size: 11px; padding-left: 12px; display: block; margin-bottom: 8px; } /* style for capabilities page --- -------------------------------------------------------------- */ body#capabilities { background: #f89629; } #capabilities #header { background: url('../images/capabilities_header-top.gif') top no-repeat; } #capabilities #header h1 a { background: url('../images/capabilities_logo.gif') no-repeat; } #capabilities #sidebar { background: none; } #capabilities #footer { background: url('../images/capabilities_footer.gif') top no-repeat; } #capabilities #content { background: #fff url('../images/capabilities_content-top-rounded.gif') top right no-repeat; } #capabilities #content-inner { background: url('../images/capabilities_content-inner.gif') bottom no-repeat; } #capabilities #main-content .border { background: url('../images/capabilities_border_top.gif') left top no-repeat; padding-top: 6px; } #capabilities #main-content .content h2 { font-size: 17px; margin: 20px 0; } #capabilities h2#overview { background: url('../images/capabilities_h2_overview.gif') no-repeat; text-indent: -5000px; width: 81px; height: 25px; } #capabilities h2#thank-you { background: url('../images/kitrequest_h2_thank-you.gif') no-repeat; text-indent: -5000px; width: 88px; height: 26px; } #capabilities #main-content .content h3 { font-weight: bold; font-size: 12px; color: #5a4b29; margin-bottom: 4px; } #capabilities #main-content .content ul, #resources #main-content .content ul {font-size: 12px; margin-bottom: 20px; color: #5a4b29; line-height:1.4; } #capabilities span { color: #e19537; } #capabilities h4 { font-size: 16px; color: #e19436; } /* style for resources page --- -------------------------------------------------------------- */ body#resources { background: #594b29; } #resources #header { background: url('../images/resources_header-top.gif') top no-repeat; } #resources #header h1 a { background: url('../images/resources_logo.gif') no-repeat; } #resources #sidebar { background: none; } #resources #footer { background: url('../images/resources_footer.gif') top no-repeat; } #resources #content { background: #fff url('../images/resources_content-top-rounded.gif') top right no-repeat; } #resources #content-inner { background: url('../images/resources_content-inner.gif') bottom no-repeat; } #resources #main-content .border { background: url('../images/resources_border_top.gif') left top no-repeat; padding-top: 6px; } #resources #main-content .content h2 { font-size: 17px; margin: 20px 0; } #resources h2#fpg { background: url('../images/resources_h2_file-preparation-guide.gif') no-repeat; text-indent: -5000px; width: 204px; height: 14px; } #resources h2#fpc { background: url('../images/resources_h2_file-preparation-checklist.gif') no-repeat; text-indent: -5000px; width: 242px; height: 25px; } #resources h2#ftp-tips { background: url('../images/resources_h2_ftp_tips.gif') no-repeat; text-indent: -5000px; width: 74px; height: 25px; } #resources h2#downloads { background: url('../images/resources_h2_downloads.gif') no-repeat; text-indent: -5000px; width: 98px; height: 25px; } #resources h2#glossary { background: url('../images/resources_h2_glossary.gif') no-repeat; text-indent: -5000px; width: 224px; height: 26px; } #resources #main-content .content h3 { font-weight: bold; font-size: 12px; color: #5a4b29; margin-bottom: 4px; } #resources #main-content ol { font-size: 12px; line-height: 1.4; color: #655737; margin: 0 0 20px 20px; } #resources #main-content ol li { list-style-type: decimal; } #resources #extra-nav a { color: #e5a254; text-transform: uppercase; text-decoration: none; font-size: 11px; padding-left: 12px; display: block; margin-bottom: 8px; } #resources #main-content .content ul li { margin-bottom: 10px; } #resources #main-content .content ul li a { display: block; } #resources #main-content .content ul li { margin-bottom: 10px; } #resources #main-content .col { width: 230px; float: left; margin-right: 15px; } /* style for contact page --- -------------------------------------------------------------- */ body#contact { background: #5abfea; } #contact #header { background: url('../images/contact_header-top.gif') top no-repeat; } #contact #header h1 a { background: url('../images/contact_logo.gif') no-repeat; } #contact #sidebar { background: none; } #contact #footer { background: url('../images/contact_footer.gif') top no-repeat; } #contact #content { background: #fff url('../images/contact_content-top-rounded.gif') top right no-repeat; } #contact #content-inner { background: url('../images/contact_content-inner.gif') bottom no-repeat; } #contact #main-content .border { background: url('../images/contact_border_top.gif') left top no-repeat; padding-top: 6px; } #contact #main-content address { font-size: 13px; color: #5a4b29; margin-bottom: 15px; line-height: 1.4; width: 180px; float: left; } #contact #main-content strong { font-weight: bold; } #contact #main-content .info { float: left; width: 310px; padding-top: 7px; } #contact #main-content a { color: #80bde9; font-size: 12px; } #contact #main-content .content img { margin-bottom: 15px; } #contact #main-content .content h2 { font-size: 17px; margin: 20px 0 0 0; } #contact h2#stay-connected { background: url('../images/contact_h2_stay-connected.gif') no-repeat; text-indent: -5000px; width: 133px; height: 26px; } #contact h2#successful { background: url('../images/quoterequest_h2_successful.gif') no-repeat; text-indent: -5000px; width: 100px; height: 26px; padding-bottom: 40px; } form label { float: left; text-transform: uppercase; width: 130px; font-size: 11px; color: #5a4b29; } form label span, form li.req-fields span { color: #5b9cca; font-weight: bold; } form li.req-fields { margin-bottom: 24px; } .input-text, form textarea { border: 1px solid #c8c0af; font-size: 11px; width: 298px; padding: 3px 2px; margin-right: 3px; font-family: Arial, Helvetica, sans-serif; } form select { border: 1px solid #c8c0af; font-size: 11px; width: 304px; padding: 3px 2px; } form fieldset { margin-bottom: 25px; } form li { margin-bottom: 14px; font-size: 11px; color: #5a4b29; clear: both; overflow:hidden;} form li strong { font-weight: bold; } form li.custom-spacing { margin-bottom: 18px; } form .input-button { background: url('../images/contact_submit.gif') no-repeat; cursor: pointer; width: 124px; height: 40px; border: none; margin-left: 130px; } form .zip { width: 100px; } form .first-name { width: 230px; margin-right: 13px; } form .middle-name { width: 20px; margin-left: 12px; } #contact form h2#project-specs { background: url('../images/quoterequest_h2_project-specs.gif') no-repeat; text-indent: -5000px; width: 121px; height: 26px; } form h3 { font-size: 16px; color: #80bde9; margin: 20px 0 12px 126px; } form h3.spec { margin-top: 35px; } form .qty { width: 87px; margin-right: 9px; } form .pgs, form .csw, form .tsw { width: 45px; } form .flat-size, form .finished-size { width: 85px; } form .col { width: 140px; float: left; margin-bottom: 12px;} body #main-content form .col li { margin-bottom: 6px; } form .col li input { margin-right: 4px; } form .radio-button { margin: 0 4px 0 12px; } form .first { margin-left: 0; } form .add { width: 120px; } form label.custom { display: block; float: none; margin-bottom: 8px; width: auto; } form label.small { text-transform: none; } form label.text { text-transform: none; font-style: italic; } form .txt-area { width: 420px; } form .other { margin-bottom: 15px; } form .custom-button { background: url('../images/kitrequest_button.gif') no-repeat; cursor: pointer; border: none; width: 124px; height: 40px;} form span.pgs, form span.lbs { margin-right: 15px; } #contact #main-content .content h2.confirm { margin-bottom: 30px; } #contact #main-content .content h4 { font-size: 16px; color: #80bde9; } #project_type_booklet { display: none; } #project_type_flat { display: none; } .progress_bar { display: block; } .hidden { display: none; }