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

/**** Some basic general declarations ****/
html,body { margin: 0px; padding: 0px; background-color:#B2CF36; background-image:url("http://www.sizzlecreative.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: 11px; color: #174225; }
img { border: none; }
ul { list-style: none; }
a { color: #ffffff; }
a.noshow { color: #4b4d4d; text-decoration: none; }

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

/**** Header ****/
#header { border-bottom: 2px solid #ffffff; background: no-repeat url("http://www.sizzlecreative.co.uk/images/bgHeader.jpg") 275px 0px; height: 70px; }

/**** Logo ****/
#logo { width: 133px; height: 28px; margin: 18px 0 0 15px; float: left; background: #ffffff; }

/**** Navigation Col ****/
#navCol { height: 17px; width: 554px; float: left; text-align: left; margin: 32px 0 0 156px; background: #ffffff; }

/* Nav */
#nav { background: url("http://www.sizzlecreative.co.uk/images/navigation.gif"); width: 554px; height: 20px; margin: 0; padding: 0; }
#nav span { display: none; }
#nav li a { height: 20px; display: block; }
#nav li { float: left; list-style: none; display: inline; }
#home { width: 69px; }
#aboutus { width: 86px; }
#clients { width: 72px; }
#portfolio { width: 83px; }
#news { width: 67px; }
#vacancies { width: 94px; }
#contacts { width: 83px; }
#home a:hover { background: url("http://www.sizzlecreative.co.uk/images/navigation.gif") 0px -21px no-repeat; }
#aboutus a:hover { background: url("http://www.sizzlecreative.co.uk/images/navigation.gif") -69px -21px no-repeat; }
#clients a:hover { background: url("http://www.sizzlecreative.co.uk/images/navigation.gif") -155px -21px no-repeat; }
#portfolio a:hover { background: url("http://www.sizzlecreative.co.uk/images/navigation.gif") -227px -21px no-repeat; }
#news a:hover { background: url("http://www.sizzlecreative.co.uk/images/navigation.gif") -310px -21px no-repeat; }
#vacancies a:hover { background: url("http://www.sizzlecreative.co.uk/images/navigation.gif") -377px -21px no-repeat; }
#contacts a:hover { background: url("http://www.sizzlecreative.co.uk/images/navigation.gif") -471px -21px no-repeat; }

/**** Recommended Agency ****/
#rar { width: 70px; height: 38px; background-color: ; float: left; margin: 12px 0 0 18px; padding: 0px; }

/**** Main Content ****/
#content { width: 289px; height: 524px; background-color: ; float: left; margin: 25px 0 0 15px; padding: 0px; }
#content h1 { font-size: 20px; color: #ffffff; letter-spacing: -0.8px; font-weight: normal; padding: 0px 0px 15px 0px }
#content h1 green { color: #174225; }
#content h2 { font-size: 14px; font-weight: bold; margin: 5px 0 5px 0; color: #174225; }
#content h3 { font-size: 12px; font-weight: bold; padding: 0px 0 10px 0; color: #174225; }
#content h3 a { font-size: 12px; font-weight: bold; padding: 0px 0 10px 0; color: #ffffff; }
#content p { line-height: 14px; margin: 0 0 15px 0; }
#content p a { text-decoration: underline; color: #174225; }
#content p.green { color: #8bc53f; }
#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; }
.line { width: 289px; height: 1px; margin: 0 0 0 0; background-color:#ffffff; }
.linec { width: 289px; height: 1px; margin: 132px 0 0 0; background-color:#ffffff; }
#content-scroll { width: 289px; height: 524px; background-color: ; float: left; margin: 25px 0 0 15px; padding: 0 5px 0 0; overflow: auto; }
#content-scroll p { line-height: 14px; margin: 0 0 15px 0; }
#content-scroll h1 { font-size: 22px; color: #ffffff; letter-spacing: -0.8px; font-weight: normal; padding: 0px 0px 15px 0px }
#content-scroll h3 { font-size: 12px; font-weight: bold; padding: 0px 0 10px 0; color: #174225; }

/**** News Main Content ****/
#newscontent { width: 289px; height: 524px; background-color: ; float: left; margin: 25px 0 0 15px; padding: 0px; }
#newscontent h1 { font-size: 22px; color: #ffffff; letter-spacing: -0.8px; font-weight: normal; padding: 0px 0px 15px 0px }
#newscontent h2 { font-size: 14px; font-weight: bold; margin: 5px 0 5px 0; color: #174225; }
#newscontent h3 { font-size: 12px; font-weight: bold; padding: 0px 0 10px 0; color: #174225; }
#newscontent h3 a { font-size: 12px; font-weight: bold; padding: 0px 0 10px 0; color: #174225; text-decoration: none; }
#newscontent p { line-height: 14px; margin: 0 0 15px 0; color: #ffffff; }
#newscontent p.green { color: #8bc53f; }
#newscontent p.error { font-weight: bold; background: #CF2626; color: #ffffff; border: 1px solid #7F0707; padding: 0 5px; }
#newscontent a img { margin: 0 0 0 0; }
.newsline { width: 289px; height: 1px; background-color:#ffffff; margin: -5px 0 8px 0; }

/**** News ****/
#newsbox { width: 140px; height: 210px; background-color:#accb26; float: left; margin: 17px 0 0 0; padding: 0px; }
.linea { width: 140px; height: 1px;  background-color:#ffffff; }
.lineb { width: 140px; height: 1px;  background-color:#ffffff; float: left; margin: 0 0 0 0; }
#newsticker { width: 140px; height: 157px; float: left; margin: 10px 0 0 0; }
#newsticker h3 a { margin: 0 0 0 0; }
#newsticker p { line-height: 14px; margin: 0 0 20px 0; }
#newsticker p a{ line-height: 14px; margin: 0 0 0 0; text-decoration: underline; }
#newsticker ul { width: 140px; height: 165px; }
#newsticker li { width: 140px; height: 165px; }


/**** Latest projects ****/
#projects { width: 140px; height: 30px; background-color:#accb26; float: left; margin: 17px 0 0 9px; padding: 0px; }
#projectsb { width: 140px; height: 157px; background-color:#accb26; float: left; margin: 15px 0 0 0; padding: 0px; }
.projectticker { width: 140px; height: 157px; margin: 0 0 0 0; padding: 0 0 0 0; }
.projectticker img { width: 137px; height: 157px; margin: 0 0 0 0; border: 0; }
.projectticker ul { width: 140px; height: auto; }
.projectticker li { width: 140px; height: auto; }


/**** Big Image ****/
#bigimage { width: 517px; height: 524px; background-color: ; float: left; margin: 25px 0 0 20px; padding: 0px; }
#bigimage img { width: 517px; height: 524px; }


/**** Services ****/
#services { width: 103px; height: 524px; background-color: ; float: left; margin: 25px 0 0 20px; padding: 0px; }
#services p { line-height: 13.6px; margin: 0 0 10px 0; }
#services p a { color: #174225; text-decoration: none; }
#services img { margin: 0 0 10px 0; }
.line-ser { width: 103px; height: 1px; background-color:#ffffff; margin: -5px 0 12px 0; }

/**** Vertical border ****/
#border { width: 1px; height: 524px; background-color:#ffffff; float: left; margin: 25px 0 0 14px; padding: 0px; }

/**** Footer ****/
#footer2 { width: 950px; height: 13px; float: right; margin: 20px 9px 0 0; padding: 0px; text-align: right; }
#footer2 p { color: #174225; font-size: 9px; text-align: right; padding: 0; }
#footer2 p.links { font-size: 9px; line-height: 20px; padding: 0px; }
#footer2 p a { color: #174225; text-decoration: none; }
#footer2 p a:hover { text-decoration: underline; }
#footer2 hr { border: none; border-bottom: 2px solid #174225; background: none; height: 2px; clear: both; }

/**** Clients Logos ****/
.logosa { width: 85px; height: 85px; float: left; margin: 10px 11px 0 0; padding: 0px; }
.logosa image { width: 85px; height: 85px; }
.logosb { width: 85px; height: 85px; float: left; margin: 10px 11px 0 0; padding: 0px; }
.logosb image { width: 85px; height: 85px; }
.logosc { width: 85px; height: 85px; float: left; margin: 10px 11px 0 0; padding: 0px; }
.logosc image { width: 85px; height: 85px; }
.logosd { width: 85px; height: 85px; float: left; margin: 10px 11px 0 0; padding: 0px; }
.logosd image { width: 85px; height: 85px; }
.logose { width: 85px; height: 85px; float: left; margin: 10px 11px 0 0; padding: 0px; }
.logose image { width: 85px; height: 85px; }
.logosf { width: 85px; height: 85px; float: left; margin: 10px 11px 0 0; padding: 0px; }
.logosf image { width: 85px; height: 85px; }
.logosg { width: 85px; height: 85px; float: left; margin: 10px 11px 0 0; padding: 0px; }
.logosg image { width: 85px; height: 85px; }
.logosh { width: 85px; height: 85px; float: left; margin: 10px 11px 0 0; padding: 0px; }
.logosh image { width: 85px; height: 85px; }
.logosi { width: 85px; height: 85px; float: left; margin: 10px 11px 0 0; padding: 0px; }
.logosi image { width: 85px; height: 85px; }
.logosj { width: 85px; height: 85px; float: left; margin: 10px 11px 0 0; padding: 0px; }
.logosj image { width: 85px; height: 85px; }
.logosk { width: 85px; height: 85px; float: left; margin: 10px 11px 0 0; padding: 0px; }
.logosk image { width: 85px; height: 85px; }
.logosl { width: 85px; height: 85px; float: left; margin: 10px 11px 0 0; padding: 0px; }
.logosl image { width: 85px; height: 85px; }
.logosm { width: 85px; height: 85px; float: left; margin: 10px 11px 0 0; padding: 0px; }
.logosm image { width: 85px; height: 85px; }
.logosn { width: 85px; height: 85px; float: left; margin: 10px 11px 0 0; padding: 0px; }
.logosn image { width: 85px; height: 85px; }
.logoso { width: 85px; height: 85px; float: left; margin: 10px 11px 0 0; padding: 0px; }
.logoso image { width: 85px; height: 85px; }

/* Forms */
#content #frmContact fieldset { width: 289px; margin: 0px 0 0 0; border: 0px solid #8bc53f; padding: 0px }
#content #frmContact label { width: 77px; float: left; font-weight: bold; margin: 10px 0 0 0; }
#content #frmContact input { width: 210px; float: left; border: none; margin: 8px 0 0 0; height: 18px; }
#content #frmContact select { width: 125px; float: left; border: none; margin: 8px 0 0 0; height: 18px; padding: 2px 2px 2px 2px; }
#content #frmContact img { margin: 8px 0 0 0; }
#content #frmContact textarea { width: 210px; height: 60px; margin: 8px 0 0 0; border: none; float: left; }
#content #frmContact p { margin: 0; }
#content #frmContact p strong { font-weight: bold; color: #174225; margin: 0 0 0 0; }
#content #frmContact p input { float: none; width: 25px; }
#content #frmContact #btnSubmit { background: no-repeat url('http://www.sizzlecreative.co.uk/images/btnsubmit.gif'); width: 63px; height: 21px; float: right; margin: 0; }
#content #frmContact .notice { border: 2px solid #EDEF00; background: #FEFFAF; color: #333333; font-weight: bold; padding: 0px; line-height: 18px; }
#content #frmContact .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 #frmContact .reqField { background: #FF8F8F; color: #ffffff; }

/**** Portfolio ****/
#portfoliob { width: 515px; height: 524px; background-color: ; float: left; margin: 26px 0 0 20px; padding: 0px; position: relative; overflow: hidden; }
.jcarousel-control { margin-bottom: 10px; text-align: center; }
.jcarousel-control a { font-size: 0%; text-decoration: none; padding: 0 4px 0 4px; margin: 0 0 0 0; border: 0px solid #fff; color: #ACCB26; background-color: ; font-weight: bold; }
.jcarousel-control a:focus,
.jcarousel-control a:active { outline: none; }
.jcarousel-scroll { margin-top: 10px; text-align: center; }
.jcarousel-scroll form { margin: 10 px; padding: 0; }
.jcarousel-scroll select { font-size: 75%; }
#portfoliob-next, #portfoliob-prev { cursor: pointer; margin-bottom: -10px; text-decoration: underline; font-size: 11px; }
#description { width: 289px; height: 305px; float: left; margin: 15px 0 0 0; padding: 0 0 0 0; }

/**** Portfolioa Nav Col ****/
#portnavaCol { height: 112px; width: 138px; float: left; text-align: left; margin: 10px 0 0 2px; background-color: ; }

/* Portfolioa Nav */
#portnava { background: url("http://www.sizzlecreative.co.uk/images/portnava.gif"); background-color: ; width: 138px; height: 112px; margin: 0; padding: 0; }
#portnava span { display: none; }
#portnava li a { width: 138px; height: 28px; display: block; }
#portnava li { float: left; list-style: none; display: inline; }
#literature a:hover { background: url("http://www.sizzlecreative.co.uk/images/portnava.gif") -139px 0px no-repeat; }
#branding a:hover { background: url("http://www.sizzlecreative.co.uk/images/portnava.gif") -139px -28px no-repeat; }
#logos a:hover { background: url("http://www.sizzlecreative.co.uk/images/portnava.gif") -139px -56px no-repeat; }
#advertising a:hover { background: url("http://www.sizzlecreative.co.uk/images/portnava.gif") -139px -84px no-repeat; }
#advertising a:active { background: url("http://www.sizzlecreative.co.uk/images/portnava.gif") -139px -84px no-repeat; }

/**** Portfoliob Nav Col ****/
#portnavbCol { height: 112px; width: 138px; float: left; text-align: left; margin: 10px 0 0 10px; background-color: ; }

/* Portfoliob Nav */
#portnavb { background: url("http://www.sizzlecreative.co.uk/images/portnavb.gif"); background-color: ; width: 138px; height: 112px; margin: 0; padding: 0; }
#portnavb span { display: none; }
#portnavb li a { width: 138px; height:28px; display: block; }
#portnavb li { float: left; list-style: none; display: inline; }
#packaging a:hover { background: url("http://www.sizzlecreative.co.uk/images/portnavb.gif") -139px 0px no-repeat; }
#exhibition a:hover { background: url("http://www.sizzlecreative.co.uk/images/portnavb.gif") -139px -28px no-repeat; }
#websites a:hover { background: url("http://www.sizzlecreative.co.uk/images/portnavb.gif") -139px -56px no-repeat; }
#powerpoint a:hover { background: url("http://www.sizzlecreative.co.uk/images/portnavb.gif") -139px -84px no-repeat; }

/**** Links ****/
#links { width: 289px; height: 524px; background-color: ; float: left; margin: 27px 0 0 15px; padding: 0px; }
#links h1 { font-size: 22px; color: #ffffff; letter-spacing: -0.8px; font-weight: normal; padding: 0px 0px 15px 0px }
#links h3 { font-size: 12px; font-weight: bold; padding: 0px 0 0px 0; color: #174225; }
#links p { line-height: 14px; margin: 0 0 5px 0; }
#links p a { text-decoration: none; color: #174225; margin: 0 0 5px 0; }