/* Practical Care CSS Styles - author: Danielle LeComte - hello@madebyspark.com */ body { margin:0 auto; background-color:#d89837; font:12px/18px "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;} h2 { font-family:Kabel; font-size:26px; color: #464646; font-weight:normal; font-variant:small-caps; margin-bottom:10px; } h3 { font-weight:bold; color:#ed1b24; font-size:16px; } h4 { border-bottom:1px solid #bebfc2; padding:5px 0 0 0; margin:0 0 10px 0; } h4 span { background-color:#bebfc2; text-transform:uppercase; color:#5d5d5d; padding:5px 8px 0 8px; margin-left:5px; font-weight:bold; } h5 { width:260px; height:27px; background:url(../images/testimonials-bg.gif) top left no-repeat; margin-bottom:10px; } h5 span { display:none; } p { margin-bottom:15px; color:#434343; } a { color:#ed1b24; text-decoration:none; } a:hover { color:#000; text-decoration:underline; } span.headline { font-weight:bold; color:#ed1b24; font-size:16px; } .date { font-size:11px; color:#d89837; font-style:italic; } .blog-divider { width:90%; border-top:1px solid #e1e2e3; margin:0 auto; } .all { color:#ed1b24; text-decoration:underline; font-size:11px; margin-top:-30px; text-align:right; margin-bottom:20px; } .links a { font-size:10px; color:#464646; } ul.list { margin:0 25px 10px; } ul.list li { list-style:disc; padding:7px 7px 7px 0; color:#000; font-size:13px; margin:0; } #creditfooter { display: none; } /* Main Wrapper Styles */ #wrapper { background:url(../images/wrapper-bg.jpg) top left repeat-x #ffffff; height:auto; min-height:800px; padding-bottom:25px; } #main { width:920px; margin:0 auto; position:relative; } /* Rotator Styles */ #rotator { position:absolute; z-index:9999; width:412px; height:370px; background:url(../images/rotator-filler.png) top left no-repeat; top:22px; right:0; } /* Top Images Styles */ #top-image { position:absolute; z-index:8888; width:412px; height:228px; top:22px; right:0;} /* Topper Styles */ .topper { height:156px; padding-top:20px; width:485px; position:relative; z-index:1; } .topper h1 { background:url(../images/logo.jpg) top left no-repeat; width:485px; height:125px; } .topper h1 span { display:none; } .topper p { color:#434343; text-align:right; margin-bottom:0; margin-top:-10px; } /* Nav Styles */ #nav { margin-top:2px; height:80px;} #nav a { color:#fff; } #nav a.on { font-weight:bold; } #nav a:hover { text-decoration:none; color:#000; } #nav li { float:left; margin-right:10px; } #nav li.homeOn { background:url(../images/nav-home-on.jpg) top center no-repeat; padding:10px 9px 19px 8px; } #nav li.homeOff { background:url(../images/nav-home-off.jpg) top center no-repeat; padding:10px 11px 19px 10px; } #nav li.servicesOn { background:url(../images/nav-services-on.jpg) top center no-repeat; padding:10px 7px 19px 8px; } #nav li.servicesOff { background:url(../images/nav-services-off.jpg) top center no-repeat; padding:10px 11px 19px 10px; } #nav li.missionOn { background:url(../images/nav-mission-on.jpg) top center no-repeat; padding:10px 7px 19px 9px; } #nav li.missionOff { background:url(../images/nav-mission-off.jpg) top center no-repeat; padding:10px 11px 19px 11px; } #nav li.caregiverOn { background:url(../images/nav-caregiver-on.jpg) top center no-repeat; padding:10px 7px 19px 7px; } #nav li.caregiverOff { background:url(../images/nav-caregiver-off.jpg) top center no-repeat; padding:10px 15px 19px 13px; } #nav li.resourcesOn { background:url(../images/nav-resources-on.jpg) top center no-repeat; padding:10px 6px 19px 6px; } #nav li.resourcesOff { background:url(../images/nav-resources-off.jpg) top center no-repeat; padding:10px 11px 19px 10px; } #nav li.contactOn { background:url(../images/nav-contact-on.jpg) top center no-repeat; padding:10px 10px 19px 9px; } #nav li.contactOff { background:url(../images/nav-contact-off.jpg) top center no-repeat; padding:10px 11px 19px 14px; } /* Content Styles */ .content { float:left; width:535px; padding-right:25px; } .contentCol { float:left; width:250px; padding:15px 25px 0 0; } .content img.pic { padding:8px; background:#e1e2e3; margin:10px; } /* Sidebar Styles */ .sidebar { float:left; width:300px; padding:0 50px 0 10px; } /* Testimonials Styles */ .testimonials { font-size:11px; line-height:15px; } .signature { text-align:right; font-style:italic; color:#ed1b24; margin-top:-10px; } /* Form Styles */ h6 { font-family:Kabel; font-size:18px; color: #ed1b24; font-weight:normal; font-variant:small-caps; margin:15px 0 10px; } .input { background-color:#fff; border:1px solid #b9babd; width:228px; padding:5px; } .submit { width: 54px; height:29px; padding:8px 10px; clear:both; color:#fff; background:url(../images/submit-bg.jpg) top left no-repeat; text-transform:uppercase; text-align:center; border:0; float:right; } form#contactform input { background-color:#fff; border:1px solid #b9babd; width:228px; padding:5px; } form#contactform textarea { background-color:#fff; border:1px solid #b9babd; width:228px; padding:5px; } form#contactform .submit { width: 54px; height:29px; padding:8px 10px; clear:both; color:#fff; background:url(../images/submit-bg.jpg) top left no-repeat; text-transform:uppercase; text-align:center; border:0; float:right; } label.error { display:block; float:none; font-size:14px; width:auto; color:red; } /* Footer Styles */ #footer { width:100%; border-top:3px solid #767676; padding:10px 0 20px;} #footer a { color:#363636; text-decoration:none; padding:0 5px; } #footer a.first { padding-left:0;} #footer a:hover { color:#d81b24; } .footerMain { width:920px; margin:0 auto; } .footerLeft { float:left; width:535px; padding-right:25px; color:#363636; } .footerLeft img { margin:10px 0 0 0; } .footerRight { float:left; width:300px; background:url(../images/footerRight-bg.png) 15% 0% no-repeat; padding-right:60px; } .footerRight p { text-align:right; padding-top:25px; color:#fff; } /* Carousel Styles */ /* This
element is wrapped by jCarousel around the list and has the classname "jcarousel-container". */ .jcarousel-container { position:relative; top:47px; left:61px; width:286px; height:248px; overflow:hidden; } .jcarousel-clip { z-index:2; padding:0; margin:0; overflow:hidden; position:relative; width:286px; height:248px; } .jcarousel-list { z-index:1; overflow:hidden; position:relative; top:0; left:0; margin:0; padding:0; } .jcarousel-list li,.jcarousel-item { float:left; list-style:none; width:286px; height:248px; } /* We set the width/height explicitly. No width/height causes infinite loops. */ /* The buttons are added dynamically by jCarousel before the