/* Parscale Media Style Sheet ----------------------------------------------------------------------------- Prototype Version: 2.4 Developer: Giles-Parscale Inc Email Address: info@parscale.com Developer Website: http://www.parscale.com/ Client Website: http:// Last Modifier: Brad Parscale - Giles-Parscale Inc Last Modified: 04.01.2012 */ /* Table of Contents ----------------------------------------------------------------------------- 1. Clean Base 2. Base Typography 3. Images 4. Links 5. Forms 6. Tables 7. Framework */ /* 1. Create a Clean Base ------------------------------------------------------------------------------*/ html, body, br, hr, div, span, a, object, iframe, ul, ol, dl, li, dt, dd, h1, h2, h3, h4, h5, h6, p, blockquote, q, address, small, big, cite, dfn, ins, del, i, em, b, strong, sup, sub, strike, pre, code, samp, kbd, var, tt, form, fieldset, legend, label, input, textarea, option, .nobox {background: transparent; border: 0; font-size: 100%; margin: 0; outline: 0; padding: 0; vertical-align: baseline;} blockquote, q {quotes: none;} br {height: 0;} ul, ol, dl {list-style: none;} /* Class for clearing floats */ .clear {clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0;} /* 2. Define Base Typography ------------------------------------------------------------------------------*/ /* Create the Default Headers */ h1, h2, h3, h4, h5, h6 {color: #636363; font-family: 'PT Sans Narrow', sans-serif; font-weight: 700;} /* Create the Default Paragraphs */ p {color:#5e534e; line-height: 18px;} /* Specific Header Settings */ h1 {font-size: 22px;} h2 {font-size: 20px;} h3 {font-size: 18px;} h4 {font-size: 16px;} h5 {font-size: 14px;} h6 {font-size: 12px;} /* Other Typo */ strong {font-weight: bold;} hr {border:0 #000 solid; border-top-width: 1px; clear: both; height: 0;} ol {list-style: decimal;} ul {list-style: disc;} /* 3. Images ------------------------------------------------------------------------------*/ /* Remove border around linked images */ img {border: 0; border-style: none;} /* 4. Links ------------------------------------------------------------------------------*/ /* Default Link Types */ a {color:#036f8e; text-decoration: none;} a:hover {color:#000; text-decoration: none;} a:active {color:#B5010C; outline: none;} a:focus {outline: none;} /* 5. Forms ------------------------------------------------------------------------------*/ /* Removes fieldset borders. even on Opea 7 */ fieldset {border: 1px solid transparent;} /* 6. Tables ------------------------------------------------------------------------------*/ /* Table Fixes */ table {border-spacing: 0; border-collapse: collapse;} td {text-align: left; font-weight: normal;} /* Removes fieldset borders. even on Opera 7 */ fieldset {border: 1px solid transparent;} /* 7. Framework ------------------------------------------------------------------------------*/ /* Page Layout */ html, body {height: 100%; font-size: 13px; font-family: "Trebuchet MS",sans-serif; background: url(/images/site/header_rptr.jpg) 0 0 repeat-x;} /* Wrapper */ #wrapper {min-height: 100%; height: auto !important; margin:0 auto -220px; width: 960px;} /* Header */ #header {width: 960px; margin: 0 auto; height: 130px; position: relative;} #header_logo {position: absolute; top: 10px; left: 0;} #header_top {position: absolute; top: 10px; left: 440px;} #header_search {position: absolute; top: 10px; right: 0;} #header_search input {background: #fff; padding: 5px; width: 200px;} #header_search input.submit {width: 40px; background: #036f8e; color: #fff; text-transform: uppercase; cursor: pointer;} /* Navigation */ #navigation {position: absolute; bottom: -5px; right: 10px;} #navigation ul {list-style: none;} #navigation ul li {display: block; position: relative; float: left; margin-left: 20px; padding-bottom: 10px; z-index: 2000;} #navigation ul li a {color: #a8cadb; text-transform: uppercase; font-size: 18px; font-family: 'PT Sans Narrow', sans-serif; font-weight: 400;} #navigation ul li a:hover {color: #ffffff;} #navigation ul li a.active {color: #ffffff;} #navigation ul li ul {display: none; position: absolute; top: 30px; left: 0; width: 200px; background: #3C3B39; padding: 5px; border: 1px solid #70706E; z-index: 2001;} #navigation ul li:hover ul {display: block;} #navigation ul li ul li {display: block; float: none; margin: 0; padding: 0;} #navigation ul li ul li a {display: block; padding: 5px; text-transform: none; font-size: 14px; color: #FDFCFA; font-family: "Trebuchet MS",sans-serif;} #navigation ul li ul li a:hover {background: #00728B;} /* Content */ #content {padding: 10px;} /* Banner */ #banner {width: 940px; height: 325px; background: #fff; padding: 9px; border: 1px solid #d3d3d3; height: 473px; overflow: hidden;} #banner_cycle {width: 940px; height: 325px; overflow: hidden;} #banner_callouts {width: 940px; height: 170px; position: relative; top: -22px; z-index: 100;} #banner_callouts ul {list-style: none;} #banner_callouts ul li {display: inline;} #banner_callouts a {display: block; width: 313px; height: 170px; float: left; text-indent: -9999px;} #banner_callouts a.active {background-position: 0 -170px !important;} #bc1 {background: url(/images/site/callout_1.png) 0 0 no-repeat;} #bc2 {background: url(/images/site/callout_2.png) 0 0 no-repeat;} #bc3 {background: url(/images/site/callout_3.png) 0 0 no-repeat;} /* Home Content */ #home_content {} #home_content h2 {text-transform: uppercase; font-size: 18px; border-bottom: 1px solid #cccccc; margin-bottom: 10px;} #home_left {width: 400px; float: left; margin-right: 80px;} #home_right {width: 400px; float: right; margin-right: 60px;} #home_right p {margin-bottom: 20px;} #home_articles {margin-bottom: 40px;} /* Internal Wrapper */ #internal_wrapper {width: 960px; padding-top: 120px;} .about_wrapper { background: url(/images/site/banner_about.png) 0 0 no-repeat;} .products_wrapper { background: url(/images/site/banner_rf_products.png) 0 0 no-repeat;} .manufacturing_wrapper { background: url(/images/site/banner_manufacturing.png) 0 0 no-repeat;} .consulting_wrapper { background: url(/images/site/banner_consulting.png) 0 0 no-repeat;} .resources_wrapper { background: url(/images/site/banner_resources.png) 0 0 no-repeat;} .articles_wrapper { background: url(/images/site/banner_articles.png) 0 0 no-repeat;} .events_wrapper { background: url(/images/site/banner_events.png) 0 0 no-repeat;} .contact_wrapper { background: url(/images/site/banner_contact.png) 0 0 no-repeat;} .quote_wrapper { background: url(/images/site/banner_request.png) 0 0 no-repeat;} .local_wrapper { background: url(/images/site/banner_local_rep.png) 0 0 no-repeat;} /* Secondary Wrapper */ #secondary_content {width: 170px; margin-right: 30px; float: left; padding-left: 10px; border-left: 10px solid #f0f0f0;} #secondary_content h3 {font-family: "Trebuchet MS"; text-transform: uppercase; font-size: 14px; font-weight: normal;} #secondary_content p {margin-bottom: 10px;} #secondary_content ul {list-style: none; margin-bottom: 20px;} #secondary_content ul li {margin-bottom: 5px;} #secondary_content ul li a {font-weight: bold;} #secondary_content ul li a:hover {color: #b70610;} #secondary_content ul li a.active {color: #B5000B;} /* Main Content */ #main_content {width: 720px; float: right; padding-top: 3px; border-top: 1px solid #cccccc;} #main_content h1 {color: #b5010c; font-size: 24px; margin-bottom: 10px; padding-bottom: 3px; border-bottom: 1px solid #cccccc; text-transform: uppercase;} #main_content h2 {text-transform: uppercase;} #main_content p {margin-bottom: 20px;} #main_content ul {color: #5E534E; margin-bottom: 20px;} #main_content li {margin-left: 10px; line-height: 16px; margin-bottom: 5px;} /* Products */ .product_category {width: 340px; margin-right: 20px; float: left; margin-bottom: 40px;} #main_content .product_category ul {list-style: none; font-weight: bold;} #product_left {width: 350px; margin-right: 10px; float: left;} #product_right {width: 350px; float: right} .product_table_title {background: #555; color: #fff; text-align: center; width: 720px;} .product {width: 230px; float: left; margin: 0 10px 20px 0; display: block; text-align: center;} .product_table {width: 720px; margin-bottom: 25px; border-top: 20px solid #;} .product_table td {padding: 5px 3px; text-align: center; font-size: 11px; color: #5e534e;} .product_table tr:nth-child(odd) {background: #fff;} .product_table tr:nth-child(even) {background: #f2f2f2;} #find_left {width: 320px; margin-right: 40px; float: left;} #find_left ul {list-style: none; margin: 0;} #find_left ul li {margin: 0; padding: 0;} #find_right {width: 320px; float: right} #find_right ul {list-style: none; margin: 0;} #find_right ul li {margin: 0; padding: 0;} /* Consulting */ .consulting {width: 320px; float: left; margin: 0 40px 40px 0;} .consulting h2 {text-transform: uppercase;} /* Resources */ .resource {width: 320px; float: left; margin: 0 40px 40px 0;} /* Manufacturing */ .manufacture {width: 320px; float: left; margin: 0 40px 40px 0;} /* Articles */ .article {margin-bottom: 20px;} /* Contact Form */ #contact_form label {width: 180px; float: left;} #contact_form span {color: #D20037;} #contact_form input {width: 200px; padding: 5px; border: 1px solid #cccccc;} #contact_form input.submit {width: 85px; height: 40px; background: url(/images/site/btn_submit.jpg) 0 0 no-repeat; overflow: hidden; line-height: 999px; font-size: 0; cursor: pointer; margin-left: 180px;} /* Request Quote Form */ #request_quote label {width: 180px; float: left;} #request_quote span {color: #D20037;} #request_quote input {width: 200px; padding: 5px; border: 1px solid #cccccc;} #request_quote textarea {width: 200px; padding: 5px; border: 1px solid #cccccc; height: 60px;} #request_quote input.submit {width: 85px; height: 40px; background: url(/images/site/btn_submit.jpg) 0 0 no-repeat; overflow: hidden; line-height: 999px; font-size: 0; cursor: pointer; margin-left: 180px;} #request_quote input.reset {width: 85px; height: 40px; background: url(/images/site/btn_reset.jpg) 0 0 no-repeat; overflow: hidden; line-height: 999px; font-size: 0; cursor: pointer; margin-left: 40px;} /* Leadership */ #leadership_image {width: 120px; float: left;} #leadership_text {width: 600px; float: right;} /* Footer Push */ #push {height: 220px;} /* Footer */ #footer {height: 220px; width: 960px; margin: 0 auto; border-top: 1px solid #cccccc; padding-top: 5px;} #footer_top {border-bottom: 1px solid #cccccc; margin-bottom: 10px;} #footer_navigation {width: 760px; float: left; padding-top: 5px;} #footer_navigation ul {list-style: none;} #footer_navigation ul li {display: inline; margin-right: 20px;} #footer_navigation ul li a {text-transform: uppercase; font-weight: bold;} #footer_connect {width: 200px; float: right; text-align: right;} #footer_mid {border-bottom: 1px solid #cccccc; margin-bottom: 10px; padding-bottom: 5px;} #footer_contact {width: 460px; float: left;} #footer_contact p {line-height: 20px;} #footer_buttons {width: 500px; float: right; text-align: right;}