/* Title: LHM Media website Authors: David Martin ©2008 http://www.lhmmedia.com/ */ /* =Defult */ * { margin: 0; padding: 0; } img { border: none; margin: 0; padding: 0; } html, body { margin: 0; padding: 0; } body { font: 14px/1.5 "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif; background: url(/_assets/img/bg-main-01.jpg) no-repeat top center;} a { color:#2f77ce; } a:hover { color:#000; } #footer a { color:#a4a4a4; } #footer a:hover { color:#2f77ce; } /* =main structure ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ #body { width: 900px; margin: 0 auto; } #branding span { display: none;} #branding { overflow/**/:/**/hidden; height: 1%; margin: 46px 0 70px 0;} #header { background: url(/_assets/img/bg-header-01.gif) no-repeat; height: 49px; width: 620px; float: left; margin: 25px 0 0 96px} #content { overflow/**/:/**/hidden; height: 1%; margin-bottom: 10px; padding-bottom: 15px; } #content-1 { width: 591px; float: left; overflow/**/:/**/hidden; height: 1%;} #content-1pri { width: 280px; float: left; } #content-1sec { width: 280px; float: right; } #content-1 span { font-weight: bold; color: #2579c8; font-size: 17px} #content-1ter { float: left } #content-2 { width: 280px; float: right;} #content-3 {float: left; width:100%; margin: 0 0 30px 0; padding-top: 20px; border-top: 1px dotted #93b7da;} #footer-1 { float: left; background: url(/_assets/img/bg-footer.gif) no-repeat; margin-bottom: 30px; padding: 18px 22px; overflow/**/:/**/hidden; height: 184px;} #footer-1pri { float: left; width: 255px; margin-right: 45px; } #footer-1sec { float: left; width: 255px; margin-right: 45px; } #footer-1ter { float: left; width: 255px; } #footer-2 { margin-bottom: 20px; width: 100%} #footer-2 img { padding-right: 5px} #footer-2 ul { border-bottom: 1px solid #e0e0e0; padding-bottom: 5px; } #footer-2 ul li { display: inline; color: #0055a5; font-size: 12px; } #footer-2 ul li a { color: #0055a5; text-decoration: none } #footer-2 ul li a:hover { color: #a4a4a4; } /*img*/ /*h1*/ h1 { float: left; width: 130px; margin-bottom: 20px;} h1 a { display: block; background: url(/_assets/img/bg-logo.gif) no-repeat; height: 132px;} h1 a:hover { background-position: 0;} /*h2*/ h2 { font-size: 18px; font-weight: normal; color: #0867c0; font-family:"Trebuchet MS", Arial, Verdana, Helvetica, sans-serif; margin-bottom: 10px} /*h3*/ h3 { font-size: 14px; font-weight: bold; color: #585858} /*h4*/ /*h5*/ /*h6*/ /*p*/ p { font-size: 14px; margin-bottom: 15px; color: #616161;} p.footer-2pri { float: right; margin:10px 0 0 0; } p.footer-2pri img { margin:-3px 0 0 0; } p.footer-2pri a { color: #0055a5; text-decoration: none} p.footer-2pri a:hover { color: #d1550e; } p.footer-2sec { float: left; margin:10px 0 0 0; } p.footer-2tri { margin:10px 0 0 0; } #footer-1 p { margin-bottom: 0;} #footer-2 p { font-size: 12px; color: #a4a4a4; } /*blockquote*/ blockquote { font-size: 14px; margin: 10px 0 0 0; color: #616161; } blockquote p { float: left; margin-top: 10px; font-size: 13px} blockquote span { font-weight: bold} /*ul ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ #branding ul { float: left; overflow/**/:/**/hidden; height: 1%; padding-top: 10px; margin-left: 78px} #branding ul span { display: none; } #branding ul li { float: left; list-style: none; margin-left: 10px; border: 0 } #branding ul li a { display: block; text-decoration: none; background: url(/_assets/img/bt-home.gif) no-repeat; height: 21px} #branding ul li a:hover { background-position: 0 -21px } #branding ul li a.home { background-image: url(/_assets/img/bt-home.gif); width: 51px; } #branding ul li a.home-active { background-image: url(/_assets/img/bt-home.gif); width: 51px; background-position: 0 -21px; } #branding ul li a.about { background-image: url(/_assets/img/bt-about.gif); width: 70px; } #branding ul li a.about-active { background-image: url(/_assets/img/bt-about.gif); width: 70px; background-position: 0 -21px; } #branding ul li a.services { background-image: url(/_assets/img/bt-services.gif); width: 67px; } #branding ul li a.services-active { background-image: url(/_assets/img/bt-services.gif); width: 67px; background-position: 0 -21px; } #branding ul li a.health { background-image: url(/_assets/img/bt-health.gif); width: 118px; } #branding ul li a.health-active { background-image: url(/_assets/img/bt-health.gif); width: 118px; background-position: 0 -21px;} #branding ul li a.gallery { background-image: url(/_assets/img/bt-gallery.gif); width: 67px; } #branding ul li a.gallery-active { background-image: url(/_assets/img/bt-gallery.gif); width: 67px; background-position: 0 -21px;} #branding ul li a.portfolio { background-image: url(/_assets/img/bt-portfolio.gif); width: 67px; } #branding ul li a.portfolio-active { background-image: url(/_assets/img/bt-portfolio.gif); width: 67px; background-position: 0 -21px;} #branding ul li a.news { background-image: url(/_assets/img/bt-news.gif); width: 50px; } #branding ul li a.news-active { background-image: url(/_assets/img/bt-news.gif); width: 50px; background-position: 0 -21px; } #branding ul li a.links { background-image: url(/_assets/img/bt-links.gif); width: 46px; } #branding ul li a.contact { background-image: url(/_assets/img/bt-contact.gif); width: 65px; } #branding ul li a.contact-active { background-image: url(/_assets/img/bt-contact.gif); width: 65px; background-position: 0 -21px;} #content-1 ul { list-style: none; color: #0867C0} #content-1 ul li { padding: 2px 0 2px 0; } #content-1 img { float: left; padding: 8px 5px 0 0 } ul#content-services-hpa { list-style: none;} ul#content-services-hpa li { border-bottom: 1px dotted #93b7da; padding: 4px 0 4px 0;} ul#content-services-hpa li.top { border-top: 1px dotted #93b7da;} ul#content-services-hpa li p { margin-bottom: 12px;} ul#content-services-hpa li a { text-decoration: none; color: #0055a5; font-size: 90% } ul#content-services-hpa li a:hover { color: #000000; } ul#content-services-hpa li a.active { font-weight: bold} ul#content-services-hpa img { float: left; padding: 8px 5px 0 0 } ul#content-news-pa { list-style: none;} ul#content-news-pa li { border-bottom: 1px dotted #93b7da; padding: 4px 0 4px 0;} ul#content-news-pa li.top { border-top: 1px dotted #93b7da;} ul#content-news-pa li p { } ul#content-news-pa li a { text-decoration: none; color: #0055a5; font-size: 90% } ul#content-news-pa li a:hover { color: #000000; } ul#content-news-pa img { float: left; padding: 8px 5px 0 0 } ul#content-newsletter { float: left; background-color: #cedbe8; padding: 10px 10px 10px 10px; margin-top: 10px; width: 90%} ul#content-newsletter li { float: left; overflow/**/:/**/hidden; height: 1%; list-style: none; } ul#content-newsletter li label { font-size: 14px; float: left; width: 50px; margin-top: 2px;} ul#content-newsletter li input.txt { width: 164px; padding: 2px;} ul#content-newsletter li input.submit { float: right; margin: 2px 0 0 10px; background: url(/_assets/img/bt-send-01.gif) no-repeat; border:none; width: 46px; height: 22px} ul#content-newsletter li input:hover.submit { background-position: 0 -22px} #content-1ter ul { float: left; overflow/**/:/**/hidden; height: 1%; padding-top: 10px; } #content-1ter li { float: left; list-style: none; margin: 0 15px 15px 0; border: 0} #content-1ter li.end { float: left; list-style: none; margin-right: 0; border: 0} #content-1ter li a { display: block; text-decoration: none; } #content-1ter span { display: none} #content-1ter img { padding: 0 } #content-1qua { float: left; overflow/**/:/**/hidden; height: 1%; } #content-1qua li { float: left; list-style: none; margin: 0 12px 10px 0 ; border: 0} #content-1qua li.end { float: left; list-style: none; margin-right: 0; border: 0} #content-1qua li a { display: block; text-decoration: none; background: url(/_assets/img/bt-clients-bmw.gif) no-repeat; height: 118px} #content-1qua li a:hover { background-position: 0 -118px } #content-1qua span { display: none; } #content-1qua li a.bmw { background-image: url(/_assets/img/bt-clients-bmw.gif); width: 118px; } #content-1qua li a.cadbury { background-image: url(/_assets/img/bt-clients-cadbury.gif); width: 118px; } #content-1qua li a.bcfc { background-image: url(/_assets/img/bt-clients-bcfc.gif); width: 118px; } #content-1qua li a.mg { background-image: url(/_assets/img/bt-clients-mg.gif); width: 118px; } #content-1qua li a.bt { background-image: url(/_assets/img/bt-clients-bt.gif); width: 118px; } #content-1qua li a.drayton { background-image: url(/_assets/img/bt-clients-drayton.gif); width: 118px; } #content-1qua li a.bch { background-image: url(/_assets/img/bt-clients-bch.gif); width: 118px; } #content-1qua li a.bcc { background-image: url(/_assets/img/bt-clients-bcc.gif); width: 118px; } #content-3 ul { float: left; overflow/**/:/**/hidden; height: 1%; padding-top: 10px; } #content-3 ul li { float: left; list-style: none; margin: 0 12px 10px 0 ; border: 0} #content-3 ul li.end { float: left; list-style: none; margin-right: 0; border: 0} #content-3 ul li a { display: block; text-decoration: none; background: url(/_assets/img/bt-clients-bmw.gif) no-repeat; height: 118px} #content-3 ul li a:hover { background-position: 0 -118px } #content-3 ul span { display: none; } #content-3 ul li a.bmw { background-image: url(/_assets/img/bt-clients-bmw.gif); width: 118px; } #content-3 ul li a.cadbury { background-image: url(/_assets/img/bt-clients-cadbury.gif); width: 118px; } #content-3 ul li a.bcfc { background-image: url(/_assets/img/bt-clients-bcfc.gif); width: 118px; } #content-3 ul li a.mg { background-image: url(/_assets/img/bt-clients-mg.gif); width: 118px; } #content-3 ul li a.bt { background-image: url(/_assets/img/bt-clients-bt.gif); width: 118px; } #content-3 ul li a.drayton { background-image: url(/_assets/img/bt-clients-drayton.gif); width: 118px; } #content-3 ul li a.bch { background-image: url(/_assets/img/bt-clients-bch.gif); width: 118px; } ul#contact-form { float: left; width: 100%; background-color: #dce7f2;} ul#contact-form li { list-style: none; padding: 20px 15px 0 15px; } ul#contact-form li label { float: left; padding-bottom: 5px; width: 400px; color: #3e3e3e; font-size: 85%} ul#contact-form li input { width: 98%; padding: 2px} ul#contact-form li textarea { width: 98%; padding: 2px } ul#contact-form li input.submit { width: 89px; height: 32px; margin-bottom: 20px} /*ol ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /*dl ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /*forms ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /*tables ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/