/* Live Free Home Health Care CSS Styles - author: Danielle LeComte - danielle.lecomte@corecubed.com */ /* Globals */ body { background-color:#0e0e0e; margin:0 auto; font-family:'MyriadProRegular'; } p { margin-bottom:10px; } #main { width:100%; background-color:#849769; padding-bottom:25px; } #top-home { width:100%; margin:0 auto 5px; background:url(/~livefree/images/top-bg-home.gif) top center repeat-x; height:545px; } #top-about { width:100%; margin:0 auto 5px; background:url(/~livefree/images/top-bg-about.gif) top center repeat-x; height:240px; } #top-services { width:100%; margin:0 auto 5px; background:url(/~livefree/images/top-bg-services.gif) top center repeat-x; height:240px; } #top-products { width:100%; margin:0 auto 5px; background:url(/~livefree/images/top-bg-products.gif) top center repeat-x; height:240px; } #top-resources { width:100%; margin:0 auto 5px; background:url(/~livefree/images/top-bg-resources.gif) top center repeat-x; height:240px; } #top-employ { width:100%; margin:0 auto 5px; background:url(/~livefree/images/top-bg-employ.gif) top center repeat-x; height:240px; } #top-contact { width:100%; margin:0 auto 5px; background:url(/~livefree/images/top-bg-contact.gif) top center repeat-x; height:240px; } #top-blog { width:100%; margin:0 auto 5px; background:url(/~livefree/images/top-bg-blog.gif) top center repeat-x; height:240px; } #header { width:962px; height:100px; margin:0 auto; } #header #logo { width:230px; padding-top:25px; float:left; } #header #logo h1 { width:230px; height:72px; background:url(/~livefree/images/LiveFreeLogo.png) top left no-repeat; } #header #logo h1 span { display:none; } #header #nav { width:732px; float:left; } #header #nav ul { list-style:none; padding-bottom:10px; padding-left:50px; } #header #nav ul li { float:left; padding:64px 12px 10px; font-size:18px; } #header #nav ul li.on { background:url(/~livefree/images/li-on-bg.png) top left repeat; } #header #nav a { color:#fff; text-shadow:1px 1px 3px #000; text-decoration:none; } #header #nav a:hover { color:#6f94a6; } /* Home Page Intro */ #intro { width:100%; height:266px; background:url(/~livefree/images/top-intro-bg.png) top center repeat; } #intro #holder { width:942px; padding:10px; margin:0 auto; } #intro #holder .left { width:410px; float:left; font-family:'MyriadProRegular'; font-size:14px; color:#292929; } #intro #holder .left h2 { font-family:Georgia; font-size:30px; text-shadow:1px 1px 2px #7d7d7d; padding:20px 0 10px 0; } #intro #holder .right { width:532px; float:left; padding-top:15px; } /* Home Page Testimonials */ #test { width:920px; height:100px; background:url(/~livefree/images/test-bg.png) top left repeat; padding:10px 20px; margin:20px auto; } #test h2 { font-family:Georgia; font-size:24px; color:#fff; text-shadow:1px 1px 3px #000000; padding-bottom:5px; } #test p { color:#fff; text-shadow:1px 1px 3px #000000; font-size:14px; line-height:22px; } #test img.quote-mark { float:left; margin-right:5px; vertical-align:text-bottom; } #test p.test-name { text-align:right; margin-bottom:0; line-height:16px; } /* Home Page Welcome */ #welcome { width:930px; border:1px solid #6f94a6; padding:15px; margin:0 auto; background-color:#9dac7e; font-size:14px; } #welcome #logoSub { position:relative; z-index:1000; float:right; margin-top:-50px; margin-right:-50px; } #welcome h3 { font-family:Georgia; font-size:18px; padding:0 0 2px; color:#fff; } #welcome h3 span { color:#000; } #welcome h4 { font-family:Georgia; font-size:15px; padding:5px 0 2px; color:#333333; } #welcome a { color:#ffffff; text-decoration:underline; } #welcome a:hover { color:#ffffff; text-decoration:none; } #welcome .left { width:499px; float:left; color:#0c0c0c; padding-right:40px; } #welcome .left h2 { font-family:Georgia; font-size:24px; color:#0c0c0c; padding-bottom:5px; } #welcome .leftSub { width:615px; float:left; color:#0c0c0c; padding-right:40px; } #welcome .leftSub h2 { font-family:Georgia; font-size:24px; color:#0c0c0c; padding-bottom:15px; } #welcome .leftSub p.test-name { text-align:right; margin-bottom:0; line-height:16px; } #welcome .leftSub ul, #welcome .leftSub ol { margin:0 0 10px 30px; } #welcome .leftSub ul li { list-style-type:disc; color:#333333; padding:3px 2px; } #welcome .leftSub ol li { list-style:decimal; color:#333333; padding:3px 2px; } #welcome .leftSub img.bio { padding:5px; margin:5px; background-color:#fafafa; border:1px solid #6f94a6; } #welcome .leftSub .input { width:220px; padding:5px; color:#000; background-color:#fff; border:1px solid #6f94a6; } #welcome .leftSub .submit { background-color:#6f94a6; border:0; font-size:12px; text-align:center; color:#fff; padding:5px 10px; } #welcome .leftSub .textarea { background-color:#fff; border:1px solid #6f94a6; } #welcome .leftSub .divider { height:10px; border-bottom:1px solid #dadada; margin-bottom:20px; } #welcome .right { width:391px; float:left; } #welcome .right h2 { font-family:Georgia; font-size:18px; color:#fff; padding-bottom:5px; border-bottom:1px solid #7d7d7d; margin-bottom:10px; } #welcome .right .blog-date { background:url(/images/blog-date-bg.png) top center no-repeat; width:21px; height:21px; padding:10px; text-align:center; float:left; font-family:Georgia; line-height:12px; } #welcome .right .blog-entry { font-size:13px; padding-left:10px; float:left; width:340px; margin-bottom:20px; } #welcome .right p.title { font-size:16px; margin:0 0 2px 0; } #welcome .right a { color:#fff; text-decoration:underline; } #welcome .rightSub { width:275px; float:left; font-weight:normal; } #welcome .rightSub h2 { font-family:Georgia; font-size:18px; color:#fff; padding-bottom:5px; border-bottom:1px solid #7d7d7d; margin-bottom:10px; } #welcome .rightSub .blog-date { background:url(/~livefree/images/blog-date-bg.png) top center no-repeat; width:21px; height:21px; padding:10px; text-align:center; float:left; font-family:Georgia; line-height:12px; } #welcome .rightSub .blog-entry { font-size:13px; padding-left:10px; float:left; width:224px; margin-bottom:20px; } #welcome .rightSub p.title { font-size:16px; margin:0 0 2px 0; } #welcome .rightSub a { color:#fff; text-decoration:underline; } #welcome .rightSub a:hover { color:#fff; text-decoration:none; } #welcome .rightSub ul { margin-bottom:50px; } #welcome .rightSub li { font-size:18px; font-family:Georgia; padding:5px 0; border-bottom:1px solid #6f94a6; } #welcome .rightSub li a { color:#ffffff; text-decoration:none; } #welcome .rightSub li a.on { color:#333333; } #welcome .rightSub li a:hover, #welcome .rightSub li a.on:hover { color:#333333; } #welcome .call { height:34px; background-color:#ffffff; color:#6f94a6; padding:8px; font:16px/34px Georgia; margin-top:10px; } #welcome .call img { margin-right:30px; float:left; } #welcome .call p { margin:0; } /* Sub page Intro Section */ #introSub { width:100%; height:106px; background:url(/~livefree/images/top-intro-bg.png) top center repeat; } #introSub #holder { width:942px; padding:10px; margin:0 auto; } #introSub #holder h2 { font-family:Georgia; font-size:30px; text-shadow:1px 1px 2px #7d7d7d; padding:30px 0 0 0; } /* Sub Page Testimonials */ #testSub p { color:#fff; font-size:14px; line-height:22px; } #testSub img.quote-mark { float:left; margin-right:5px; vertical-align:text-bottom; } #testSub p.test-name { text-align:right; margin-bottom:0; line-height:16px; } /* Sub Page Testimonials on Testimonials Page */ #testSub1 p { color:#0c0c0c; font-size:14px; line-height:22px; } #testSub1 img.quote-mark { float:left; margin-right:5px; vertical-align:text-bottom; } #testSub1 p.test-name { text-align:right; margin-bottom:0; line-height:16px; } /* Footer Styles */ #footer { width:100%; background:url(/~livefree/images/footer-bg.jpg) top left repeat; } #footer #holder { width:930px; padding:0 15px 15px; background:url(/~livefree/images/footer-holder-bg.png) top center no-repeat; margin:0 auto; } #footer .list { width:120px; float:left; margin-right:10px; padding-top:15px; } #footer .list li { padding:3px; font-size:12px; font-style:italic; } #footer .list li a { color:#6f94a6; text-decoration:none; } #footer .list li li { padding:3px 0 3px 5px; } #footer .list li li a { color:#ffffff; text-decoration:none; } #footer .list li a:hover { text-decoration:underline; } #footer #signup { width:280px; margin-right:15px; float:left; color:#fff; font-size:12px; padding:15px 10px 0 25px; } #footer #signup h3 { font:20px/24px Georgia; color:#849769; } #signup .input { float:left; width:209px; padding:5px; color:#000; background-color:#fff; border:0; margin-top:2px; } #signup .submit { float:left; width:30px; height:29px; vertical-align:middle; background-color:#6f94a6; border:0; font-size:12px; text-align:center; color:#fff; } #signup a { color:#fff; text-decoration:underline; } #signup .follow img { margin-left:10px; display:inline; vertical-align:middle; } #signup p.boxes { margin-bottom:20px; } #footer #address { width:200px; text-align:right; float:left; color:#ffffff; padding-top:15px; } #footer #address .name { font-size:24px; font-family:Georgia; padding-bottom:0px; } #footer #address .name img { float:left; margin-right:8px; } #footer #address .tag { font:12px/14px Georgia; padding-bottom:8px; } #footer #address p { margin-bottom:8px; font-size:12px; } #footer .designer { font-size:12px; font-style:italic; } #footer .designer a { color:#ffa800; text-decoration:none; } /* Social Bookmarking Styles */ #welcome .leftSub ul.social { margin:0; padding:0; } #welcome .leftSub ul.social li { list-style:none; float:left; margin:0 8px 0 0; padding:0; } /* Product Quiz Styles */ #formholder { padding-bottom:30px; } #answers { padding-top:30px; } .formresult { background-color:#6f94a6; padding:10px; margin-top:10px; font-family:'MyriadProRegular'; font-size:18px; font-weight:bold; color:#fff; } #formholder label { clear:right; font-weight:bold; } #formholder p { margin-bottom:15px; padding-left:15px; }