/* Parscale Media Style Sheet ----------------------------------------------------------------------------- Prototype Version: 2.22 Developer: Parscale Media Email Address: info@parscale.com Developer Website: http://www.parscale.com/ Client Website: http://www.griswoldsa.com Last Modifier: Brad Parscale - Parscale Media Last Modified: Sat 5.16.2010 */ /* 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: #544f40; font-family: "georgia","verdana","helvetica","arial",serif;} /* Create the Default Paragraphs */ p {color:#706e67; line-height:22px;} /* Specific Header Settings */ h1 {font-size: 26px;} 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: 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:#47669f; text-decoration: none;} a:hover{color:#47669f; text-decoration: underline;} a:active{outline: none;} a:focus{outline: 1px dotted invert;} /* 5. Forms ------------------------------------------------------------------------------*/ /* Removes fieldset borders. even on Opea 7 */ fieldset {border: 1px solid transparent;} #freeform input {width: 350px; background: #fcfcfc; border: 1px solid #c0cdd4; padding: 7px; color: #706e67;} #freeform textarea {width: 350px; height: 70px; background: #fcfcfc; border: 1px solid #c0cdd4; padding: 7px; color: #706e67;} #freeform input.submit {width: 62px; height: 22px; background: url(/images/site/btn_submit.jpg) no-repeat; cursor: pointer;} /* 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: 14px "helvetica",sans-serif, monospace;} /* Wrapper */ #wrapper{min-height: 100%; height: auto !important; margin:0 auto -368px; background: #254861 url(/images/site/bkg_rptr.jpg) repeat-x;} /* Header */ #header {width: 940px; height: 135px; margin: 0 auto; position: relative;} #logo {width: 290px; height: 75px; position: absolute; left: 20px; top: 5px;} #header_call_us {width: 240px; height: 60px; position: absolute; right: 0; top: 20px;} /* Navigation */ #navigation {width: 960px; position: absolute; top: 104px; left: 90px;} #navigation ul {list-style: none;} #navigation ul li {position: relative; float: left;} #navigation ul li a {display: block; text-indent: -9999px; height: 15px; position: relative;} #navigation ul li a#services {width: 90px; background: url(/images/site/nav1.png) no-repeat;margin-right: 78px;} #navigation ul li a#caregiver {width: 150px; background: url(/images/site/nav2.png) no-repeat;margin-right: 78px;} #navigation ul li a#news {width: 50px; background: url(/images/site/nav3.png) no-repeat;margin-right: 78px;} #navigation ul li a#about {width: 65px; background: url(/images/site/nav4.png) no-repeat;margin-right: 78px;} #navigation ul li a#contact {width: 90px; background: url(/images/site/nav5.png) no-repeat;} #navigation ul li a:hover, #navigation ul li.sfHover a {background-position: 0 -15px !important;} #navigation ul li:hover ul, #navigation ul li.sfHover ul {left: 0; top: 17px; z-index: 99;} #navigation ul li ul {width: 15em; position: absolute; background: #3d3930; top: -999em; border-left: 1px solid #b0b0b2; border-bottom: 1px solid #b0b0b2; border-right: 1px solid #b0b0b2;} #navigation ul li ul li {width: 100%;} #navigation ul li ul li:hover {visibility: inherit;} #navigation ul li:hover li ul, #navigation ul li.sfHover li ul {top: -999em;} #navigation ul li li:hover ul, #navigation ul li li.sfHover ul {left: 15em; top: 0;} #navigation ul li li:hover li ul, #navigation ul li li.sfHover li ul {top: -999em;} #navigation ul li li li:hover ul, #navigation ul li li li.sfHover ul {left: 10em; top: 0;} #navigation ul li ul li a {float: none; text-indent: 0; padding: 10px; color: #f1f8fd; border-bottom: 1px solid #87847f;} #navigation ul li ul li a:hover {color: #eeead3; text-decoration: none;} /* Home Banner */ #home_banner {position: relative; width: 940px; padding: 0 10px; height: 355px; margin: 0 auto; background: url(/images/site/home_banner.png) no-repeat;} #banner_images {position: absolute; top: 20px; left: 20px; width: 645px; height: 310px; overflow: hidden;} .bi_image img {width: 645px; height: 310px;} .bi_image {width: 645px; height: 240px; overflow: hidden;} .bi_text {width: 645px; height: 60px; background: #fff; text-align: center; padding-top: 10px;} .bi_text h1 {color: #47669f; font-weight: normal;} #banner_links {width: 210px;position: absolute; top: 60px; right: 40px; text-align: center;} #banner_links a {color: #cce9fd;} #banner_links h2 {font-family: georgia; font-weight: normal; font-size: 38px; color: #fefcf3; margin-bottom: 12px;} #banner_links h3 {font-family: helvetica; font-weight: normal; text-transform: uppercase; font-size: 20px; color: #cce9fd; margin-bottom: 40px; letter-spacing: .1em;} /* Testimonials */ .testimonial {position: relative; margin-bottom: 20px;} .test_top {width: 650px; height: 20px; background: url(/images/site/test_box_top.png) no-repeat;} .test_mid {width: 650px; background: url(/images/site/test_box_middle.png) repeat-y;} .test_bot {width: 650px; height: 20px; background: url(/images/site/test_box_bottom.png) no-repeat;} .test_image_left {position: absolute; top: -10px; left: 0;} .test_image_right {position: absolute; top: -10px; right: 0;} .text_text_right {padding-left: 190px; padding-right: 20px;} .text_text_left {padding-right: 190px; padding-left: 20px;} /* Content */ #content {width: 940px; padding: 0 10px; margin: 0 auto;} /* Main */ #main_content {width: 650px; float: left; margin-right: 20px; margin-bottom: 20px;} #main_content p {margin-bottom: 18px;} #main_content h1 {margin-bottom: 10px; font-weight: normal;} #main_content h2 {color: #47669f; font-weight: normal;} #main_content h4 {margin-bottom: 15px; margin-top: 15px;} #main_content ul {margin-left: 20px; color: #706e67; list-style: disc;} #main_content ol {margin-left: 20px; color: #706e67;} #main_content li {margin-bottom: 10px; color: #706e67;} #main_content td {color: #706e67;} #mc_box_top {width: 650px; height: 20px; background: url(/images/site/test_box_top.png) no-repeat;} #mc_box_mid {width: 650px; padding: 0 10px; background: url(/images/site/test_box_middle.png) repeat-y;} #mc_box_bot {width: 650px; height: 20px; background: url(/images/site/test_box_bottom.png) no-repeat;} #mc_text {padding: 20px;} /* Secondary */ #secondary_content {width: 270px; float: right;} #sc_schedule {margin-bottom: 10px;} #sc_jean {margin-bottom: 10px;} #sc_411 {margin-bottom: 10px; width: 270px; height: 150px; background: url(/images/site/btn_family_411.jpg) no-repeat; position: relative;} #sc_411_buttons {position: absolute; bottom: 10px; left: 20px;} #sc_follow {width: 160px; height: 37px; padding-left: 110px; padding-top: 15px; background: url(/images/site/btn_social_media.jpg);} #sc_nav {margin-bottom: 20px; margin-top: 5px; text-align: center;} #sc_nav h2 {color: #fefcf3; font-size: 40px; font-weight: normal; margin-bottom: 10px;} #sc_nav h3 {color: #b1ab94; font-size: 14px; margin-bottom: 5px;} #sc_nav ul {list-style: none;} #sc_nav ul li {margin-bottom: 9px;} #sc_nav ul li a {color: #cce9fd; text-transform: uppercase; font-size: 13px; letter-spacing: .15em;} #sc_nav_top {width: 270px; height: 30px; background: url(/images/site/side_nav_top.jpg) no-repeat;} #sc_nav_mid {width: 230px; padding: 0 20px 10px; background: url(/images/site/side_nav_middle.jpg) repeat-y;} #sc_nav_bot {width: 270px; height: 30px; background: url(/images/site/side_nav_bottom.jpg) no-repeat;} /* Paginate */ #paginate {margin-top: 40px;} /* News */ .news_date {font-style: italic; font-weight: bold; font-size: 12px;} /* Footer Push */ #push{height: 368px;} /* Footer */ #footer_wrapper {height: 368px; background: #4c4839 url(/images/site/bkg_ftr.jpg) center no-repeat;} #footer {width: 960px; height: 208px; margin: 0 auto; padding-top: 160px; position: relative;} #footer h3 {color: #d9e3ea; margin-bottom: 5px; font-weight: normal;} #footer ul {list-style: none;} #footer ul li {color: #b0afa8;} #footer a {color: #a5b1b8;} #footer p {color: #b0afa8; margin-bottom: 5px;} .footer_column {width: 300px; float: left;} #copyright {position: absolute; bottom: 10px;} #copyright p {margin-bottom: 0;} #news_signup {margin-top: 10px;} #news_signup input {border: 1px solid #6b6756; background: #464235; color: #b0afa8; padding: 5px; width: 200px; margin-bottom: 10px;} #news_signup input.submit {width: 86px; height: 22px; background: url(/images/site/btn_ftr_suscribe.jpg) no-repeat;}