/**
* Author: Andrew Lennard
* Date: 03/07/09
* File: styles/main.css
*/

/**** Some basic general declarations ****/
html, body { margin: 0px; padding: 0px; background-color:#ffffff; background-image:url("http://www.sizzledigital.co.uk/images/repeat.gif"); background-repeat:repeat-x; }
p, h1, h2, h3, h4, h5, h6, input, textarea, address, form, select, label, ul, li, ii { margin: 0px; padding: 0px; font-family: Arial; font-size: 11.5px; color: #666666; }
img { border: none; }
ul { list-style: none; }
a { color: #459839; }
a.noshow { color: #4b4d4d; text-decoration: none; }

/**** Main Container ****/
#container { margin: 0px auto auto auto; text-align: left; height: 900px; width: 997px; }

/**** Strapline ****/
#strap { width: 625px; height: 12px; margin: 27px 0 0 18px; float: left; background: #ffffff; }
#strap p { font-size: 12px; }

/**** Logo ****/
#logo { width: 170px; height: 18px; margin: 21px 0 0 173px; float: left; background: #ffffff; }

/**** Header ****/
#header1 { width: 211px; height: 111px; margin: 9px 0 0 0; float: left; background: no-repeat url('http://www.sizzledigital.co.uk/images/header-1-background.gif') }

/**** Header ****/
#header2 { width: 211px; height: 111px; margin: 9px 0 0 10px; float: left; background: no-repeat url('http://www.sizzledigital.co.uk/images/header-2-background.gif') }

/**** Header ****/
#header3 { width: 176px; height: 111px; margin: 9px 0 0 10px; float: left; background: no-repeat url('http://www.sizzledigital.co.uk/images/header-3-background.gif') }

/**** Header ****/
#header4 { width: 211px; height: 111px; margin: 9px 0 0 10px; float: left; background: no-repeat url('http://www.sizzledigital.co.uk/images/header-4-background.gif') }

/**** Strapline ****/
#line { width: 1px; height: 80px; margin: 20px 0 0 10px; float: left; background: #ffffff; }
#lineb { width: 1px; height: 80px; margin: 20px 0 0 10px; float: left; background: #ffffff; }
#linec { width: 1px; height: 80px; margin: 20px 0 0 10px; float: left; background: #ffffff; }

/**** Navigation Col ****/
#navCol { height: 16px; width: 720px; float: left; text-align: left; margin: 7px 0 0 18px; background: #666666; }

/* Nav */
#nav, #nav ul { list-style:none; }
#nav li a { display: block; font-size: 12px; text-decoration:none; color:#FFFFFF; }
#nav li { float: left; list-style: none; display: inline; }
#nav li a:hover { color: #a1b803; }
.home { margin: 0 15px 0 0; }
.seo { margin: 0 15px 0 15px; }
.ppc { margin: 0 15px 0 15px; }
.emarketing { margin: 0 15px 0 15px; }
.social { margin: 0 15px 0 15px; }
.article { margin: 0 15px 0 15px; }
.news { margin: 0 15px 0 15px; }
.testimonials { margin: 0 15px 0 15px; }
.faqs { margin: 0 15px 0 15px; }
.contacts { margin: 0 0 0 15px; }

body#home li.home a { color: #a1b803; }
body#seo li.seo a { color: #a1b803; }
body#ppc li.ppc a { color: #a1b803; }
body#emarketing li.emarketing a { color: #a1b803; }
body#social li.social a { color: #a1b803; }
body#article li.article a { color: #a1b803; }
body#news li.news a { color: #a1b803; }
body#testimonials li.testimonials a { color: #a1b803; }
body#faqs li.faqs a { color: #a1b803; }
body#contacts li.contacts a { color: #a1b803; }

/**** Main Content ****/
#content { width: 557px; height: 840px; background-color: #FFFFFF ; float: left; margin: 5px 0 0 0; padding: 24px 0 0 0; }
#content h1 { font-size: 25px; letter-spacing: -0.8px; font-weight: normal; margin: 0 0 15px 0; padding: 0 24px 0 18px; color: #459839; }
#content h2 { font-size: 15px; font-weight: bold; margin: 0 0 15px 0; padding: 0 24px 0 18px; color: #459839; }
#content .green { color: #459839; }
#content h3 { font-size: 12px; font-weight: bold; margin: 0 0 15px 0; padding: 0 24px 0 18px; color: #459839; }
#content h3 a { font-size: 12px; font-weight: bold; }
#content p { line-height: 14px; margin: 0 0 15px 0; margin: 0 0 15px 0; padding: 0 24px 0 18px; }
#content p a { text-decoration: none; color: #459839; }
#content li { font-size: 12px; font-weight: normal; margin: 0 0 25px 0; padding: 0 24px 0 18px; font-weight: bold; }
#content p white { color: #ffffff; font-weight: bold; }
#content p.error { font-weight: bold; background: #CF2626; color: #ffffff; border: 1px solid #7F0707; padding: 0 5px; }
#content a img { margin: 0 0 0 0; }
#content .float{ float: left; }
#content fieldset { width: 400px; margin: 0 0 0 18px; border: none;  padding: 0px }
#content label { width: 100px; float: left; font-weight: normal; color: #459839; padding: 10px 0px 2px 0; }
#content textarea { width: 250px; height: 60px; margin: 10px 0 0 0; border:1.5px solid #accb26; float: left; }
#content input { width: 250px; float: left; margin: 10px 0 0 0; border:1.5px solid #accb26; height: 18px; }
#content .notice { border: 2px solid #EDEF00; background: #FEFFAF; color: #333333; font-weight: bold; padding: 0px; line-height: 18px; }
#content .error { border: 1px solid #DF2929; background: #EFC2C2; color: #FFFFFF; font-weight: bold; padding: 1px; line-height: 18px; margin: -15px 0 16px 76px; width: 208px; }
#content .reqField { background: #FF8F8F; color: #ffffff; }
#content p input { float: none; width: 25px; }
#content fieldset p { line-height: 14px; margin: 0 0 15px 0; padding: 0 24px 0 0 }
#content #button { width: 300px; height: 21px; margin: -9px 0 0 225px; }

#content-privacy { width: 557px; height: auto; background-color: #FFFFFF ; float: left; margin: 5px 0 0 0; padding: 24px 0 0 0; }
#content-privacy p { line-height: 14px; margin: 0 0 15px 0; margin: 0 0 15px 0; padding: 0 24px 0 18px; }
#content-privacy p a { text-decoration: none; color: #459839; }
#content-privacy h1 { font-size: 25px; letter-spacing: -0.8px; font-weight: normal; margin: 0 0 15px 0; padding: 0 24px 0 18px; color: #459839; }
#content-privacy h2 { font-size: 15px; font-weight: bold; margin: 0 0 15px 0; padding: 0 24px 0 18px; color: #459839; }
#content-privacy h3 { font-size: 12px; font-weight: bold; margin: 0 0 15px 0; padding: 0 24px 0 18px; color: #459839; }

/**** Home Case Studies ****/
#casestudies { width: 510px; height: 510px; background-color: ; float: left; margin: 5px 0 0 0; padding: 0 0 0 18px; }
#casestudiesb { width: 510px; height: 510px; background-color: ; }
#casestudiesb img { padding: 0 0 0 18px; }
#casestudiesb h3 { font-size: 12px; font-weight: bold; margin: 0 0 15px 0; padding: 0 24px 0 18px; color: #333; }

/**** Content FAQs ****/
#contentfaqs { width: 557px; height: auto; background-color: #FFFFFF ; float: left; margin: 5px 0 0 0; padding: 24px 0 0 0; }
#contentfaqs h1 { font-size: 25px; letter-spacing: -0.8px; font-weight: normal; margin: 0 0 15px 0; padding: 0 24px 0 18px; color: #459839; }
#contentfaqs h2 { font-size: 15px; font-weight: bold; margin: 0 0 15px 0; padding: 0 24px 0 18px; color: #459839; }
#contentfaqs p { line-height: 14px; margin: 0 0 15px 0; margin: 0 0 15px 0; padding: 0 24px 0 18px; }
#contentfaqs p a { text-decoration: none; color: #459839; }

/**** Middle Column ****/
#middlecolumn { width: 240px; height: 810px; background-color: #FFFFFF ; float: left; margin: 5px 0 0 0; padding: 0px; }
#middlecolumn ul { list-style:disc; padding: 30px 18px 10px 24px; color: #accb26; }
#middlecolumn p { padding: 30px 18px 10px 18px; }
#middlecolumn li { color: #accb26; }
#middlecolumn img { padding: 10px 0px 10px 0px; }

/**** Right Column ****/
#rightcolumn { width: 175px; height: 795px; background-color: ; float: left; margin: -103px 0 0 15px; padding: 0px; }
#rightcolumn p { padding: 24px 18px 10px 18px; }

#rightcolumn #callback { width: 170px; height: 259px; background: #666666; float: left; margin: 0px 0 0 2.5px; padding: 0px; border: 2px solid #FFFFFF; }
#rightcolumn #callback img { padding: 10px 0px 5px 11px; }
#rightcolumn #callback fieldset { width: 170px; margin: 0 0 0 0; border: none;  padding: 0px }
#rightcolumn #callback label { width: 150px; float: left; font-weight: normal; color: #FFFFFF; padding: 10px 0px 2px 10px; }
#rightcolumn #callback textarea { width: 100px; height: 60px; margin: 10px 0 0 0; float: left; }
#rightcolumn #callback input { width: 149px; float: left; margin: 0 0 0 10px; border:1.5px solid #accb26; height: 18px; }
#rightcolumn #callback p { margin: 0; }
#rightcolumn #callback .notice { border: 2px solid #EDEF00; background: #FEFFAF; color: #333333; font-weight: bold; padding: 0px; line-height: 18px; }
#rightcolumn #callback .error { border: 1px solid #DF2929; background: #EFC2C2; color: #FFFFFF; font-weight: bold; padding: 1px; line-height: 18px; margin: -15px 0 16px 76px; width: 208px; }
#rightcolumn #callback .reqField { background: #FF8F8F; color: #ffffff; }
#rightcolumn #callback #button { width: 148px; height: 21px; margin: -14px 0 0 0; }

#rightcolumn #follow { width: 170px; height: 86px; background: no-repeat url('http://www.sizzledigital.co.uk/images/follow-us.gif') ; float: left; margin: 15px 0 0 2.5px; padding: 0 0 0 6px; }
#rightcolumn #follow img { padding: 45px 0px 0 1px; }

#rightcolumn #emarketing { width: 170px; height: auto; background: #666666; float: left; margin: 19px 0 0 2.5px; padding: 0; border: #FFFFFF; }
#rightcolumn #emarketing img { padding: 10px 0px 5px 11px; }
#rightcolumn #emarketing fieldset { width: 170px; margin: 0 0 0 0; border: none;  padding: 0px }
#rightcolumn #emarketing label { width: 150px; float: left; font-weight: normal; color: #FFFFFF; padding: 10px 0px 2px 10px; }
#rightcolumn #emarketing textarea { width: 100px; height: 60px; margin: 10px 0 0 0; float: left; }
#rightcolumn #emarketing input { width: 149px; float: left; margin: 0 0 0 10px; border:1.5px solid #accb26; height: 18px; }
#rightcolumn #emarketing #buttonb { width: 148px; height: 21px; }
#rightcolumn #emarketing #buttonb input { border: 0px; margin: 10px 0 10px 10px; width: 148px; height: 21px; }

#rightcolumn #newsfeed { width: 170px; height: auto; background: #a1b803; float: left; margin: 19px 0 0 2.5px; padding: 0; border: #FFFFFF; }
#rightcolumn #newsfeed img { padding: 10px 0px 15px 10px; }
#rightcolumn #newsfeed p { color: #FFFFFF; padding: 0 10px 15px 10px; }
#rightcolumn #newsfeed a { color: #FFFFFF; }
#rightcolumn #newsfeed #newsticker { width: 170px; height: auto; background: #a1b803; float: left; margin: 0 0 0 0; padding: 0; border: #FFFFFF; }

#rightcolumn #testimonial { width: 170px; height: auto; background: #666666; float: left; margin: 19px 0 0 2.5px; padding: 0; border: #FFFFFF; }
#rightcolumn #testimonial img { padding: 10px 0px 15px 10px; }
#rightcolumn #testimonial p { color: #FFFFFF; padding: 0 10px 15px 10px; }
#rightcolumn #testimonial a { color: #FFFFFF; }
#rightcolumn #testimonial #testimonialticker { width: 170px; height: auto; background: #666666; float: left; margin: 0 0 0 0; padding: 0; border: #FFFFFF; }

/**** Footer ****/
#footer { width: 997px; height: 47px; float: left; margin: 100px 0 0 0; padding: 0px; background-image:url("http://www.sizzledigital.co.uk/images/footer.gif"); background-repeat:repeat-x; z-index:100;}
#footer p { color: #ffffff; font-size: 9px; text-align: center; padding: 17px 0 0 0; }
#footer p.links { font-size: 9px; line-height: 20px; padding: 0px; }
#footer p a { color: #ffffff; text-decoration: none; }
#footer p a:hover { text-decoration: underline; }
#footer hr { border: none; border-bottom: 2px solid #174225; background: none; height: 2px; clear: both; }