body {
	margin:0px; padding:0px;
	background-color:#cccc33;
	font-family:Arial, Verdana, sans-serif; font-size:14px; color:#4c6378;
}
body img {border:0;}

a, a:visited {color:#4c6378;}
a:hover {color:#30c4fa;}

div#pageWrapper {
	width:810px; margin:20px auto 0px auto; padding:30px 45px 20px 45px;
	background-color:#ffff01;
}

div#sideBar {
	width:210px; float:left; margin-top:50px;
}
div#content {
	width:550px; float:left; margin:50px 0px 0px 50px;
}
div#content p {line-height:24px;}
div#content li {line-height:24px; margin-bottom:15px;}
div#contentFooter {
	width:810px; clear:both; padding:30px 0px 0px 0px;
}

/* PAGE HEADER */
div#pageHeader {
	width:810px;
}
div#pageHeader ul {
	list-style-type:none; margin:-14px 0px 0px 0px;padding:0px; float:right;
	text-transform:uppercase;
}
div#pageHeader li {
	float:left; margin:0px 4px 0px 4px; font-size:11.5px;
	color:#339999; font-weight:bold;
}
div#pageHeader li a, div#pageHeader li a:visited {
	color:#339999; text-decoration:none;
}
div#pageHeader li a:hover {
	color:#ffffff; text-decoration:none;
}
body#home div#pageHeader .home a, body#about div#pageHeader .about a, body#candidates div#pageHeader .candidates a, body#clients div#pageHeader .clients a, body#jobs div#pageHeader .jobs a, body#freelance div#pageHeader .freelance a, body#marketing div#pageHeader .marketing a, body#contact div#pageHeader .contact a {color:#cccc33;}


div#pageHeader .call {
	font-family:Helvetica, Trebuchet MS, Arial, Verdana, sans-serif; font-size:22px; font-weight:bold; margin:4px 0px 0px 0px;
	color:#cccc33;
}
div#pageHeader .call strong {color:#30c4fa;}

/* FOOTER */
div#pageFooter {
	width:830px; margin:auto; padding:20px 35px 0px 35px;
}
div#pageFooter ul {
	list-style-type:none; margin:0px;padding:0px;
}
div#pageFooter li {
	float:left; margin:0px 8px 0px 8px; font-size:11px;
	color:#666666;
}
div#pageFooter li a, div#pageFooter li a:visited {
	color:#666666;
}
div#pageFooter li a:hover {
	color:#ffffff;
}
body#home div#pageFooter .home a, body#about div#pageFooter .about a, body#candidates div#pageFooter .candidates a, body#clients div#pageFooter .clients a, body#jobs div#pageFooter .jobs a, body#contact div#pageFooter .contact a {color:#339999; text-decoration:none;}

.enotions {font-size:11px; color:#999900; margin:20px 15px 20px 20px;}
.enotions a, .enotions a:visited {color:#999900;}
.enotions a:hover {font-weight:bold;}

/* COMMON HEADERS */
h1 {font-family:Helvetica, Trebuchet MS, Arial, Verdana, sans-serif; font-size:36px; font-weight:bold; margin:0px;
	color:#cccc33; text-transform:uppercase; letter-spacing:-1px;
}
h2 {font-family:Helvetica, Trebuchet MS, Arial, Verdana, sans-serif; font-size:24px; font-weight:bold; margin:0px;
	color:#339999; text-transform:uppercase; letter-spacing:-1px;
}
h2 strong {color:#30c4fa;}
h2 span {color:#cccc33;}
/* Because of the different styles for the same kind of heading, h3 will give you normalcase light blue, h3 strong will give you uppercase dark blue*/
h3 {font-family:Helvetica, Trebuchet MS, Arial, Verdana, sans-serif; font-size:14px; font-weight:bold;
	color:#30c4fa; letter-spacing:-1px;
}
h3 strong {font-family:Helvetica, Trebuchet MS, Arial, Verdana, sans-serif; font-size:14px; font-weight:bold;
	color:#339999; text-transform:uppercase; letter-spacing:-1px;
}

/* SIDE BOXES */
div#boxJobUpdates {padding:10px; background-color:#cccc33; width:200px;
}
div#boxJobUpdates h2 {font-size:14px; color:#7987a4;}
div#boxJobUpdates h2 strong {color:#484153;}


div#boxJobSearch {padding:10px; background-color:#30c4fa; width:200px; margin-bottom:30px;}
div#boxJobSearch h2 {font-size:18px; color:#3c679a;}
div#boxJobSearch h2 strong {color:#484153;}

div#boxSubNav {padding:5px; background-color:#cccc33; width:210px; margin-bottom:30px;}
div#boxSubNav ul {list-style-type:none; padding:0px; margin:0;}
div#boxSubNav li {margin:10px;}
div#boxSubNav li a {text-decoration:none; text-transform:uppercase; font-weight:bold; color:#339999; }

div#boxSubNav .vacanyTitle {background-color:#ffff01; text-transform:uppercase; font-weight:bold; color:#339999; width:190px; margin:0; padding:10px;}

body.snc_working div#boxSubNav .working a, body.snc_practices div#boxSubNav .practises a, body.snc_sourcingcandidates div#boxSubNav .sourcing a, body.snc_workwith div#boxSubNav .workwith a, body.snc_freelancers div#boxSubNav .freelancers a, body.snc_whenfreelancer div#boxSubNav .whenfreelancer a, body.snc_paymentrates div#boxSubNav .paymentrates a, body.snc_termsbusiness div#boxSubNav .termsbusiness a, body.snf_freelancers div#boxSubNav .freelancers a, body.snf_newtofreelancing div#boxSubNav .newtofreelancing a, body.snf_themoney div#boxSubNav .themoney a, body.snf_registering div#boxSubNav .registering a, body.snj_associate-director div#boxSubNav .associate-director a, body.snj_account-director div#boxSubNav .account-director a, body.snj_account-manager div#boxSubNav .account-manager a, body.snj_account-executive div#boxSubNav .account-executive a, body.snj_account-junior div#boxSubNav .account-junior a, body.snj_temp-freelance div#boxSubNav .temp-freelance a, body.snj_inhouse div#boxSubNav .inhouse a, body.snj_outside-london div#boxSubNav .outside-london a {color:#ffff01; text-decoration:none;}

/* FORMS */
div#boxJobUpdates input[type="text"], div#boxJobSearch input[type="text"] {padding:4px; margin:10px 0px 0px 0px; width:150px;
	border:1px solid #30c4fa; background-image:url('../images/input_bg.jpg'); color:#8b9b9b;
}
div#boxJobUpdates input[type="image"], div#boxJobSearch input[type="image"] {position:absolute;
margin:12px 0px 0px 10px;}

div#boxJobSearch a { text-transform:uppercase; font-size:12px;}

div#boxJobSearch a:hover
{color:#3c679a; text-decoration:none;}

/* Jobs Advanced Search */

body.snj_search fieldset
{
  border:none; padding:10px;
}

body.snj_search select
{ margin-bottom:20px;}

body.snj_search label
{ width: 200px; float:left; }

body.snj_search input.fR
{ margin-right:150px;}

/* Contact Forms */

form#contactMR fieldset
{ border:none; padding:10px 0; margin:0; }

form#contactMR fieldset label
{ clear:both; float:left; width: 120px; }

form#contactMR fieldset label.chkBox
{ width: 500px;} 

form#contactMR fieldset input, form#contactMR fieldset select, form#contactMR fieldset textarea
{ float:left; margin-bottom:10px; }

form#contactMR span.error
{ float:left; clear:both; color:#f00; }

/* REUSABLES */

.cB {clear:both;}
.cR {clear:right;}
.cL {clear:left;}
.fR {float:right;}
.fL {float:left;}
.brightBlueText {color:#30c4fa;}
.darkBlueText {color:#7987a4;}
.icon img {float:left; padding:4px;}
.icon p {padding:14px;}
.padding {padding:10px;}

.quote {background-image:url('../images/quotemarks.jpg');  background-repeat:no-repeat; background-position:0px 10px; min-height:55px; padding:0px 40px 0px 40px; margin-top:30px;}
.quoter {margin-left:40px; font-weight:bold; color:#339999;}

div#logos {padding:20px; margin:20px;}
div#logos img {padding:10px;}

div#content ul {}
div#content li {list-style-image: url('../images/li_dot.jpg');}

ul.columnList {padding:0px; margin:0px;}
ul.columnList li {margin:0px 20px 0px 0px; height:8px; line-height:12px; float:left; list-style:none; width:250px;  padding:0px;}

.job {margin-bottom:30px;}
.job h3 {font-family:Arial, Verdana, sans-serif; font-size:16px; color:#4c6378; font-weight:normal;}
.job h3 strong {color:#4c6378; text-transform:none;}
.job .closelines {margin:0px;}

#messageStack {font-weight:bold; margin:20px 0px 40px 0px;}

/* TABLES */

table {font-size:12px;}
thead {background-color:#30c4fa; text-align:left;}
th, td {padding:8px; line-height:20px;}
td {background-color:#e0e01e;}
.odd td {background-color:#cccc33;}

table#paystructures .left {width:130px;}
table#paystructures .centre {width:260px;}
table#paystructures .right {width:140px;}