body {text-align:center;}
body.homepage {background:#181818 url("../i/backgrounds/roller-large-crop.png") no-repeat -1222px 58px;}
body.content1 {background:#181818 url("../i/backgrounds/roller-large-crop.png") no-repeat -900px 96px;}
body.content2,
body.clients {background:#181818 url("../i/backgrounds/roller-large-crop.png") no-repeat -701px 96px;}
body.blog {background:#181818 url("../i/backgrounds/roller-large-crop.png") no-repeat -519px 96px;}
body.content2#recruitment {background:#181818 url("../i/backgrounds/roller-large-crop.png") no-repeat -300px 96px;}


#main { padding-left:10px; position:relative; top:2em; width:1014px; font-family:Verdana,Arial,Helvetica,sans-serif;}

#nav {width:100%; margin-bottom:1.92em; padding-left:56px;}
#nav li {float:left;}

#content {text-align:left; color:#FFF;}

#footer {text-align:left; clear:left; padding-left:58px; color:#FFF; font-size:85%; }
#footer p {background:#262626;
left:100px;
padding:2.1em;
position:relative;
top:-62px;
width:500px;}

.highlight {color:#ffeb00;}

a:link {color:#ffeb00; text-decoration:none}
a:visited {color:#ffeb00; text-decoration:none}
a:hover {color:#ffeb00; text-decoration:underline}
a:active {color:#ffeb00; text-decoration:none;}

a.current {color:#FFF; font-weight:bold;}

#intro small a {color:#FFF!important;}

h1 {z-index:100;}
h1 img {margin-left:60px;}

#intro ul {margin-left:20px;}
#intro ul li {list-style-type:disc;}

/* menu */
#nav li {height:21px; margin-right:23px; text-align:left;font-size:131%; font-family: "FS Lola", verdana, arial, helvetica, sans-serif; font-weight:bold; text-transform:uppercase;}
#nav li a { color:#FFF; display:block; padding-left: 5px; text-decoration:none;  text-indent:-2000px; }
#nav li a:hover{ color:#000;}
#nav li a  {padding-right:20px;}
#nav li.current a { background-color:#ffeb00; color:#000; }

#nav li#n-home a { width:32px; background:url("../i/menu/home.gif") no-repeat 6px 5px; }
#nav li#n-home a:hover,
#nav li#n-home.current a { background:#ffeb00 url("../i/menu/home-on.gif") no-repeat 6px 5px!important;}

#nav li#n-consumer a { width: 95px; background:url("../i/menu/consumer.gif") no-repeat 6px 5px;}
#nav li#n-consumer a:hover,
#nav li#n-consumer.current a { background:#ffeb00 url("../i/menu/consumer-on.gif") no-repeat 6px 5px!important; }

#nav li#n-corporate a { width:103px; background:url("../i/menu/corporate.gif") no-repeat 6px 5px; }
#nav li#n-corporate a:hover,
#nav li#n-corporate.current a { background:#ffeb00 url("../i/menu/corporate-on.gif") no-repeat 6px 5px!important; }

#nav li#n-b2b a { width:42px;  background:url("../i/menu/b2b.gif") no-repeat 6px 5px; }
#nav li#n-b2b a:hover,
#nav li#n-b2b.current a { background:#ffeb00 url("../i/menu/b2b-on.gif") no-repeat 6px 5px; }

#nav li#n-about a { width:64px; background:url("../i/menu/about.gif") no-repeat 6px 5px;}
#nav li#n-about a:hover,
#nav li#n-about.current a { background:#ffeb00 url("../i/menu/about-on.gif") no-repeat 6px 5px; }

#nav li#n-contact a { width:55px; background:url("../i/menu/contact.gif") no-repeat 6px 5px;}
#nav li#n-contact a:hover,
#nav li#n-contact.current a {background:#ffeb00 url("../i/menu/contact-on.gif") no-repeat 6px 5px; }

#nav li#n-blog a { width:28px; background:url("../i/menu/blog.gif") no-repeat 6px 5px;}
#nav li#n-blog a:hover,
#nav li#n-blog.current a { background:#ffeb00 url("../i/menu/blog-on.gif") no-repeat 6px 5px; }

#nav li#n-recruitment a { width:96px; background:url("../i/menu/recruitment.gif") no-repeat 6px 5px;}
#nav li#n-recruitment a:hover,
#nav li#n-recruitment.current a { background:#ffeb00 url("../i/menu/recruitment-on.gif") no-repeat 6px 5px; }

/* Intro copy and subnav */
#intro {margin-left:53px;}
#subnav { margin-left:58px;}
#intro,
#subnav {background:transparent url("../i/shadow-bg.png") no-repeat left bottom; margin-right:50px; }
#subnav li { float:left;  margin-right: 50px; }
#subnav a { color:#ffeb00; text-decoration:none;}
#subnav a:hover {text-decoration:underline;}
#subnav {  border-bottom:1px solid #727173; padding:2em 0 2em 51px; }
#intro {margin-top:1.75em; margin-bottom:9em; padding:4em 55px 6em 80px; width:600px;}
#intro h2 {text-indent:-2000px; margin-bottom:2em;}
#intro #intro-bg  { background:#262626; padding-top:1em;}
#intro p  { padding:0 40px 2em 0;}
#intro p.highlight a { font-weight:bold;}

/* 2 columns template */
#left,
.right {float:left;}
.right  { width:302px; margin-top:1.75em;}
.right #pic {background:transparent url("../i/transparent_grey_bg83.png") repeat scroll 0 0;  margin-bottom:1px; padding:1.54em 0; text-align:center;}
.right #pic img {border:1px #727173 solid;}
.right p {background:transparent url("../i/transparent_grey_bg83.png") repeat scroll 0 0; border-bottom:1px solid #727173; padding:2em 0; text-align:center; font-weight:bold;}

/* Homepage */
.homepage #intro h2 {width:608px; height:42px; background:url("../i/homepage/header.png") no-repeat;}

.homepage #intro-bg #pic { float:right;}
.homepage #intro-bg div#content { float:right; display:block;}

.homepage #intro-bg div#content { margin-left:20px;}
.homepage #intro-bg #pic { margin-left:47px;}
.homepage #intro-bg #pic p { font-weight:bold; padding: 0 0 2em;}
.homepage .slideshow { float: right; width: 318px!important;}

/* About */
.about #intro h2 {background:#262626 url(../i/about/header.png) no-repeat; height:40px; margin-bottom:.25em;}
.about #intro ul {margin-left:0;  margin-bottom:2em;}
.about #intro ul li {list-style-type:none; float:left;  margin-right: 50px; }

.clients #intro  { margin-bottom:1em;}
.clients #intro h2 {background:#262626 url(../i/about/clients.png) no-repeat; height:40px; margin-bottom:.25em;}
.clients #intro ul {margin-left:0;  margin-bottom:2em;}
.clients #intro ul li {list-style-type:none; float:left;  margin-right: 50px; }
.clients a.current {color:#ffeb00;}

#logos  { text-align:left; width:702px; margin-bottom:1em; }
#logos img { margin-right:8px; margin-bottom:10px; height:78px; width:130px; }


.whoweare #intro  { margin-bottom:1em;}
.whoweare #intro h2 {background:#262626 url(../i/about/whoweare.png) no-repeat; width:253px; height:40px; margin-bottom:.25em;}
.whoweare #intro ul {margin-left:0;  margin-bottom:1em; padding-left:8px; padding-bottom:0.5em;}
.whoweare #intro ul li {list-style-type:none; float:left; }
.whoweare #intro ul#localnav li {margin-right: 50px; }
.whoweare #intro ul#people li {margin-right: 18px; margin-bottom:2em;}
.whoweare .jcarousel-skin-tango { margin-bottom:9em; }
.whoweare a.current {color:#ffeb00;}
.whoweare span {display:block;}
.whoweare h3 {font-size:123.1%; font-weight:bold; margin-bottom:0.5em;}

/* Recruitment */
.recruitment #intro  { margin-bottom:1px;}
.recruitment #intro img { float:right;margin-left:20px;}
.recruitment #subnav  { margin-bottom:3em;}
.recruitment #intro h2 {background:#262626 url(../i/recruitment/header.png) no-repeat; width:270px; height:38px;  margin-bottom:.5em;}
.recruitment #intro ul {margin-left:0;  margin-bottom:2em;}
.recruitment #intro ul li {list-style-type:none;}

.vacancies #intro  { margin-bottom:1px;}
.vacancies #subnav  { margin-bottom:3em;}
.vacancies #intro h2 {background:#262626 url(../i/recruitment/vacancies.png) no-repeat; width:253px; height:39px;}

.workexperience #intro  { margin-bottom:1px;}
.workexperience #subnav  { margin-bottom:3em; }
.workexperience #intro h2 {background:#262626 url(../i/recruitment/work.png) no-repeat; width:355px; height:45px; margin-bottom:.15em;}
.workexperience #intro ul {margin-left:0;  margin-bottom:2em; padding-left:8px;}
.workexperience #intro ul li {list-style-type:none;}

/* Contact */
.contact #subnav  { margin-bottom:9em; }
.contact #intro h2 {background:#262626 url(../i/contact/header.png) no-repeat; height:34px;}
.contact #intro-bg {padding-bottom:1em;}
.contact #intro ul li {/*float:left;*/ margin-right:20px;}
.contact #intro ul {margin-left:0;}
.contact #intro ul li {list-style-type:none;}
.contact #map { margin-top:1em;width:425px; height:350px;}
.contact ul#directions {margin-left:40px;
padding:2em 40px 5em 0;}
.contact ul#directions li {margin-bottom:.75em; list-style-type:disc;}

.contact #map span {
display:block;
left:155px;
position:relative;
top:340px;}



/* Blog */
#blog { /*width: 537px;*/ margin-left:53px; margin-top:1.75em; margin-bottom:8em;}
#blog .post {
background:transparent url("../i/shadow-bg.png") no-repeat left bottom;
padding:4em 55px 6em 80px;
width:500px;}
#blog-bg,
.blog-sidebar {background:#262626;}
.right.blog-sidebar {margin-left:22px;padding:4em 0 6em 54px;width:200px;}
.right.blog-sidebar h2 {font-size:131%; font-weight:bold; margin-bottom:.5em;}
#blog-bg {padding-bottom:1em;}
#blog .post a { color:#FFF;}
#blog img { border:6px #FFF solid;}
#blog h2 { font-size:131%; font-weight:bold; margin-bottom:.5em;}
#blog h2#title { font-size:131%; font-weight:bold; margin-bottom:1em!important;}
#blog p.date {  margin-bottom:.5em; color:#ffeb00;}

#blog .archive h2 { font-size:100%; font-weight:bold; margin-bottom:0!important;}
#blog .archive p.date {  margin-bottom:1em!important; color:#ffeb00;}
#blog p.archive { margin-top:3em;}
#blog p.archive a {color:#ffeb00;}

p#viewall {background:none; border:none; padding:0; text-align:left; font-weight:normal; margin-top:2em;}

/*#blog p#next,
#blog p#prev {width:90px;}
#blog p#next a {color:#FFF; background:url("../i/white-arrow.gif") no-repeat 0px 5px; display:block; width:80px; float:right; padding-left:8px;}
#blog p#prev a {color:#FFF; background:url("../i/white-arrow.gif") no-repeat 0px 5px; display:block; width:80px; float:left; padding-left:8px;}
*/

#blog p#next,
#blog p#prev {width:81px; margin-bottom:0; margin-top:2em;}
#blog p#next a,
#blog p#prev a,
#blog .category a {color:#ffeb00;}
#blog p#prev {float:left;}
#blog p#next {float:right;}
#blog p,
#blog img {  margin-bottom:1em;}

/* PR  */
.pr #intro {padding-top:2em; position:relative; left:-21px; margin-bottom:3em;}
.pr-details h2 {text-indent: 0px !important;}
.pr h2 {text-indent:-2000px; margin-left:58px; margin-top:3em; margin-bottom:2em;}
.pr h3 {font-weight:bold; /*margin:1em 0; margin-left:58px;*/ margin-bottom:1em;}
.scroller #intro ul {margin-left:0;}
.scroller #intro ul li {list-style-type:none;}

#client-thickbox img {float:left; }
#client-thickbox div {float:left; width:380px; margin-left:15px;}
#client-thickbox br {display:none;} /* remove extra line breaks added by thickbox javascript here */

/* PR sections */
.pr #pr_1 {width:285px; height:34px; background:url("../i/pr/consumer_header.png") no-repeat;}
.pr #pr_2 {width:281px; height:43px; background:url("../i/pr/corporate_header.png") no-repeat;}
.pr #pr_3{width:159px; height:34px; background:url("../i/pr/b2b_header.png") no-repeat;}



/* applies to anything but IE, their rules are in a separate stylesheet */
.clearfix:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
}