/* Parscale Media Style Sheet ----------------------------------------------------------------------------- Prototype Version: 2.21 Developer: Parscale Media Email Address: info@parscale.com Developer Website: http://www.parscale.com/ Client Website: http:// Last Modifier: Brad Parscale - Parscale Media Last Modified: Sat 8.19.09 @ 1:28pm */ /* 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: #4784c2; font-family: "georgia",serif;} /* Create the Default Paragraphs */ p {color:#000; line-height:20px;} /* Specific Header Settings */ h1 {font-size: 22px;} h2 {font-size: 20px;} h3 {font-size: 18px;} h4 {font-size: 16px;} h5 {font-size: 14px; color: #53721f} 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:square;} /* 3. Images ------------------------------------------------------------------------------*/ /* Remove border around linked images */ img {border: 0; border-style:none;} /* Create default inline image class */ img.inline{ display: inline; vertical-align: middle; } /* 4. Links ------------------------------------------------------------------------------*/ /* Default Link Types */ a{color:#154378; text-decoration:none;} a:hover{color:#154378; text-decoration:underline;} a:active{outline:none;} a:focus{outline:1px dotted invert;} a.read_more {background: url("/images/site/arrow_more.png") 0 3px no-repeat; padding-left: 16px;} /* 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;} /* Default Horizontal Zebra Table */ #hor-zebra{font-family:"Trebuchet MS"; font-size: 12px;width:700px;text-align:center;border-collapse:collapse;margin:0;text-align: left;} #hor-zebra b{font-size: 13px; font-weight: bold;color:#02624e;} #hor-zebra th{font-size:12px;font-weight:normal;color:#fff;padding: 2px 8px;background-color: #02624e;} #hor-zebra td{color:#454444;padding:5px 8px 5px 8px; } #hor-zebra .odd{background:#f1f1f2;} /* 7. Framework ------------------------------------------------------------------------------*/ /* Page Layout */ html, body {height: 100%; font: 13px "lucida grande",sans-serif, monospace; background: #fdfcf6;} /* Wrapper */ #wrapper{width: 960px; min-height: 100%; height: auto !important; margin:0 auto -345px; background: #fdfcf6;} /* Header */ #header {width: 960px; height: 100px; position: relative;} #logo {width: 500px; height: 80px; position: absolute; top: 10px; left: 0;} #consultation {width: 150px; height: 30px; position: absolute; top: 20px; right: 0;} /* Main */ #main {width: 960px; padding-bottom: 20px;} #main p {margin-bottom: 10px;} #main h1 {margin-bottom: 10px;} /* Secondary Content */ #secondary_content {width: 280px; float: left; margin-right: 30px;} #secondary_content img {margin-bottom: 10px;} #secondary_content ul {list-style: disc; margin-left: 20px; margin-top: 10px;} #secondary_content ul li {margin-bottom: 3px; color: #86b0f9;} /* Main Content */ #main_content {width: 650px; float: right;} /* Home Banner */ #home_banner {width: 655px; height: 390px; position: relative; margin-bottom: 20px;} #home_banner_images {height: 390px; width: 650px; position: absolute; top: 5px;} #home_banner_overlay {height: 400px; width: 650px; position: absolute;} #home_banner_title {width: 650px; height: 40px; position: absolute; top: 278px; text-align: center;} #home_banner_title h2 {color: #fafae7;} #home_banner_list {width: 420px; left: 100px; height: 40px; position: absolute; top: 327px; text-align: center;} #home_banner_list ul {list-style: none;} #home_banner_list ul li {display: inline; line-height: 25px; color: #86b0f8;} #home_banner_list ul li a {font-family: "georgia"; font-size: 16px; background: url("/images/site/dot.png") 0 5px no-repeat; padding-left: 10px; color: #fafae7; margin-left: 5px;} /* Internal Banner */ #internal_banner {width: 655px; height: 190px; position: relative; margin-bottom: 20px;} #ib_images {height: 390px; width: 650px; position: absolute; top: 35px;} #ib_overlay {height: 390px; width: 650px; position: absolute;} /* Navigation */ #navigation {width: 650px; height: 30px; text-align: center; position: absolute; top: 0; left: 0; z-index: 10;} #navigation ul {list-style: none; padding-top: 5px;} #navigation ul li {display: inline; margin-right: 20px;} #navigation ul li a {font-size: 15px;} /* Footer Push */ #push{height: 345px;} /* Footer */ #footer_wrapper {height: 345px; background: url("/images/site/footer_rptr.jpg") repeat-x;} #footer {height: 280px; width: 960px; margin: 0 auto; overflow: hidden;} #footer h3 {color: #86b0f9; font-weight: normal; text-transform: uppercase; margin-bottom: 10px;} #footer h4 {color: #fbfbf5; font-weight: normal; font-size: 12px;} #footer p {color: #fbfbf5; font-size: 12px; margin-bottom: 0;} #footer ul {list-style: disc; margin-left: 20px;} #footer ul li {margin-bottom: 3px; color: #86b0f9;} #footer a {color: #faecc1;} .footer_study {margin-bottom: 10px;} #footer .column {width: 260px; float: left; padding-top: 20px; margin-right: 40px;} #footer .column img {margin: 10px 0;} #bottom_footer {height: 65px; width: 960px; margin: 0 auto; overflow: hidden; position: relative;} #footer_logo {width: 190px; height: 55px; position: absolute; left: 0; top: 0;} #copyright {width: 400px; height: 55px; position: absolute; left: 220px; top: 0;} #copyright p {font-size: 12px; font-family: "helvetica"; margin-bottom: 0;}