* { margin: 0; padding: 0; }

body 
{
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 62.5%;
	color: #545454;
	background: #FFF url(../img/bg.jpg) repeat-x top left;
	overflow: -moz-scrollbars-vertical;
	text-align: center;
}

a { color: #18538A }
a:visited { color: #777775; }

#siteWrapper 
{
	margin: 0 auto;
	margin-top: 13px;	
	width: 645px;
	background: #FFF;	
	text-align: center;	
}

#logobannerWrap 
{
	margin: 9px 9px 0 9px;
	padding-bottom: 9px;
	display: inline; /* Double margin bud FIX FOR IE remove this to ie css file */	
	float: left;
	border-bottom: 1px solid #18538A;
	width: 627px;
}

div#sidebar { float: left; width: 175px; text-align: left; }
div#content { float: right; width: 460px; text-align: left; }
div#footer { clear: both; padding: 40px 0; text-align: left; }


h1 {
	text-indent: -9999px;
	margin: 0;
	padding: 0;
	border: 0;
}

h1 a:link, h1 a:visited {
	margin: 0; padding: 0;
	display: block;
	float: left;
	background: url(../img/mnw-logo.jpg) no-repeat top left;
	height: 76px;
	width: 160px;
	border: 0;
	text-decoration: none;	
}

.banner 
{	
	float: right;	
	width: 456px;
	border: 0px solid #18538A;	
}


ul#menu {	list-style: none; margin-bottom: 40px; }
ul#menu li { float: left; clear: left; }

ul#menu li a 
{
	margin-right: 1px;
	margin-bottom: 3px;
	padding: 3px;
	display: block;
	width: 100px;
	background: #18538B;
	color: #FFF;
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: none;
}

ul#menu li a:hover { color: Yellow; }
ul#menu li a.active, ul#menu li a.active:hover { color: #18538B; background: Yellow; } 




/* ----------------------------------------------------------------- sidebar [INSIDES] */

#sidebar h3 
{
	clear: left;
	margin: 0 0 0 6px;
	padding-left: 14px;
	font-size: 1.3em;
	color: #18538A;
	border-bottom: 1px solid #18538A;
}

#sidebar h3 strong { font-size: 1.3em; color: #80091A; }

#sidebar p 
{
	margin: 3px 0 3px 20px;
	font-size: 1.1em;
}

ul#mainNav { float: left; list-style: none; margin: 10px 0; }

ul#mainNav li 
{
	float: left;
	width: 167px; height: 19px;
	margin: 2px 0 2px 6px;
	display: inline;	
}

ul#mainNav li a
{
	/*margin: 3px 0 3px 6px;
	height: 19px;
	width: 167px;*/
	overflow: hidden;
	width: 100%;
	height: 100%;
	display: block;	 	
	border: 0;
	text-indent: -9999px;
	text-decoration: none;	
}

ul#mainNav li#home {	background: url(../img/nav/home.gif) no-repeat 0 -19px; }
ul#mainNav li#home a { background: url(../img/nav/home.gif) no-repeat 0 0; }
ul#mainNav li#home a:hover, ul#mainNav li#home a.active { background-image: none; }

ul#mainNav li#why { background: url(../img/nav/why_use_us.gif) no-repeat 0 -19px; }
ul#mainNav li#why a { background: url(../img/nav/why_use_us.gif) no-repeat 0 0; }
ul#mainNav li#why a:hover, ul#mainNav li#why a.active { background-image: none; }

ul#mainNav li#cand {	background: url(../img/nav/candidate1.gif) no-repeat 0 -19px; }
ul#mainNav li#cand a { background: url(../img/nav/candidate1.gif) no-repeat 0 0; }
ul#mainNav li#cand a:hover, ul#mainNav li#cand a.active { background-image: none; }

ul#mainNav li#reg { background: url(../img/nav/vacancy.gif) no-repeat 0 -19px; }
ul#mainNav li#reg a { background: url(../img/nav/vacancy.gif) no-repeat 0 0; }
ul#mainNav li#reg a:hover, ul#mainNav li#reg a.active { background-image: none; }

ul#mainNav li#guide {	background: url(../img/nav/guidance.gif) no-repeat 0 -19px; }
ul#mainNav li#guide a { background: url(../img/nav/guidance.gif) no-repeat 0 0; }
ul#mainNav li#guide a:hover, ul#mainNav li#guide a.active { background-image: none; }

ul#mainNav li#news {	background: url(../img/nav/news.gif) no-repeat 0 -19px; }
ul#mainNav li#news a { background: url(../img/nav/news.gif) no-repeat 0 0; }
ul#mainNav li#news a:hover, ul#mainNav li#news a.active { background-image: none; }

ul#mainNav li#about {	background: url(../img/nav/aboutus.gif) no-repeat 0 -19px; }
ul#mainNav li#about a { background: url(../img/nav/aboutus.gif) no-repeat 0 0; }
ul#mainNav li#about a:hover, ul#mainNav li#about a.active { background-image: none; }

ul#mainNav li#links {	background: url(../img/nav/links.gif) no-repeat 0 -19px; }
ul#mainNav li#links a { background: url(../img/nav/links.gif) no-repeat 0 0; }
ul#mainNav li#links a:hover, ul#mainNav li#links a.active { background-image: none; }

ul#mainNav li#contact {	background: url(../img/nav/contact.gif) no-repeat 0 -19px; }
ul#mainNav li#contact a { background: url(../img/nav/contact.gif) no-repeat 0 0; }
ul#mainNav li#contact a:hover, ul#mainNav li#contact a.active { background-image: none; }

ul#quickLinks { list-style: none; position: relative; margin: 0 0 0 12px; height: 150px; width: 163px; }

ul#quickLinks li 
{
	position: absolute;	
}

ul#quickLinks li a 
{
	margin: 0;
	display: block;
	height: 20px;
	width: 74px;
	border: 0;	
	text-decoration: none;	
}

ul#quickLinks li a span { display: none; }

ul#quickLinks li#agency, ul#quickLinks li#brand, ul#quickLinks li#crm, ul#quickLinks li#events, ul#quickLinks li#research, ul#quickLinks li#strategy { margin-left: 0; }
ul#quickLinks li#busdev, ul#quickLinks li#channel, ul#quickLinks li#design, ul#quickLinks li#marcomms, ul#quickLinks li#pr, ul#quickLinks li#dm { margin-left: 78px; }

ul#quickLinks li#agency, ul#quickLinks li#busdev { top: 0; }
ul#quickLinks li#brand, ul#quickLinks li#channel { top: 23px; }
ul#quickLinks li#crm, ul#quickLinks li#design { top: 46px; }
ul#quickLinks li#events, ul#quickLinks li#marcomms { top: 69px; }
ul#quickLinks li#pr, ul#quickLinks li#research { top: 92px; }
ul#quickLinks li#strategy, ul#quickLinks li#dm { top: 115px; } 

ul#quickLinks li#agency a { background-image: url(../img/quicklinks/agency.gif); }
ul#quickLinks li#agency a:hover, ul#quickLinks li#agency a.active { background-position: 0 20px; }

ul#quickLinks li#busdev a { background-image: url(../img/quicklinks/busdev.gif); }
ul#quickLinks li#busdev a:hover, ul#quickLinks li#busdev a.active { background-position: 0 20px; }

ul#quickLinks li#brand a { background-image: url(../img/quicklinks/brand.gif); }
ul#quickLinks li#brand a:hover, ul#quickLinks li#brand a.active { background-position: 0 20px; }
																 		    
ul#quickLinks li#channel a { background-image: url(../img/quicklinks/channel.gif); }
ul#quickLinks li#channel a:hover, ul#quickLinks li#channel a.active { background-position: 0 20px; }

ul#quickLinks li#crm a { background-image: url(../img/quicklinks/crm.gif); }
ul#quickLinks li#crm a:hover, ul#quickLinks li#crm a.active { background-position: 0 20px; }

ul#quickLinks li#design a { background-image: url(../img/quicklinks/design.gif); }
ul#quickLinks li#design a:hover, ul#quickLinks li#design a.active { background-position: 0 20px; }

ul#quickLinks li#events a { background-image: url(../img/quicklinks/events.gif); }
ul#quickLinks li#events a:hover, ul#quickLinks li#events a.active { background-position: 0 20px; }

ul#quickLinks li#marcomms a { background-image: url(../img/quicklinks/marcomms.gif); }
ul#quickLinks li#marcomms a:hover, ul#quickLinks li#marcomms a.active { background-position: 0 20px; }

ul#quickLinks li#pr a { background-image: url(../img/quicklinks/pr.gif); }
ul#quickLinks li#pr a:hover, ul#quickLinks li#pr a.active { background-position: 0 20px; }

ul#quickLinks li#research a { background-image: url(../img/quicklinks/research.gif); }
ul#quickLinks li#research a:hover, ul#quickLinks li#research a.active { background-position: 0 20px; }

ul#quickLinks li#strategy a { background-image: url(../img/quicklinks/strategy.gif); }
ul#quickLinks li#strategy a:hover, ul#quickLinks li#strategy a.active { background-position: 0 20px; }

ul#quickLinks li#dm a { background-image: url(../img/quicklinks/general.gif); }
ul#quickLinks li#dm a:hover, ul#quickLinks li#dm a.active { background-position: 0 20px; }

/* ----------------------------------------------------------------- content [INSIDES] */

#content { font-size: 1.1em; }

#content p { margin: 5px 9px 5px 0; }
#content ul { margin: 0 0 0 15px; }
#content ul li { padding: 3px 0; }

#content h3 
{
	margin: 10px 9px 5px 0;
	padding: 0 0 4px 3px;	
	font-size: 1.1em;
	color: #18538A;
	border-bottom: 1px solid #18538A;
}

#content h3 strong { font-size: 1.2em; color: #80091A; }

table#vacancyList a.registerWithUs { text-decoration: none; font-weight: bold; text-align: center; font-size: 1.1em; display: block; padding: 5px 0; }
table#vacancyList a { text-decoration: none; }

table#vacancyList 
{
	width: 451px;	
	font-size: 1em;	
	color: #18538A;		
}

table#vacancyList th { font-size: 1em;	font-weight: bold; color: #18538A; text-align: left; padding: 3px 0 3px 8px; }

table#vacancyList th#ref { background: url(../img/table/tl.gif) no-repeat top left; }
table#vacancyList th#details { background: url(../img/table/tr.gif) no-repeat top right; text-align: center; padding: 0; }

table#vacancyList tr { background: #E4EBF1; }
table#vacancyList tr.vacancyHeader { background: #FFD81A url(../img/table/th-bg.gif) repeat-x top left; }
table#vacancyList tr.vacancyEntryOdd { background: #FFF8D4; }

table#vacancyList tr td { padding: 3px 3px 3px 8px; }

table#vacancyList tr td a img.mag { border: 0; }

div#categoryDesc { margin: 10px 9px 10px 0; }

table.vacancy 
{
	width: 451px;
	font-size: 1em;	
}

table.vacancy td.title, span.detailsTitle
{
	font-weight: bold;
	color: #18538A;
	width: 150px;
}

a.apply
{
	display: block;
	margin: 20px 0;
}

#newsWrapper 
{
	margin: 0 9px 50px 0;
}

#contentsPod
{
	margin: 0 0 9px 9px;
	float: right;
	width: 150px;
	background: #DFE7EE;
	display: inline;
}

#contentsPod a 
{
	text-decoration: none;
}

#contentsPod h3 
{
	margin: 0;	
	background: #18538A url(../img/nav/tl-on.gif) no-repeat top left;
	padding: 3px 0 3px 10px;
	color: #fff;
}

#contentsPod ul 
{
	list-style: none;
	margin: 0; padding: 0;
}

#contentsPod ul li 
{	
	padding: 5px 0 5px 15px;
	border-bottom: 1px solid #FFF;
}

#contentsPod ul li a.contentsCurrent 
{
	font-weight: bold;
}

#newsWrapper img.latestNewsImage 
{
	padding: 2px;
	margin: 0 5px 5px 0;
	border: 1px solid #18538A;
	float: left;	
}	

#contentsPod a.archive 
{
	display: block;
	padding: 6px 7px 6px 7px;
	font-weight: bold;
}

div.breadcrumb { margin: 10px 9px 10px 0; padding: 3px 0; background: #18538A; border-left: 3px solid #E2C737; border-right: 3px solid #E2C737; color: #FFF; }
a.breadcrumb { color: #FFF; font-size: 1em; font-weight: bold; padding: 0 5px; }
a.breadcrumb:visited { color: #FFF; }

dl.lastestNews { padding-bottom: 5px; width: 451px; margin: 20px 0; display: inline; background: #DFE7EE; float: left; }

dl.lastestNews dt 
{
	margin: 0;	
	background: #18538A url(../img/nav/tl-on.gif) no-repeat top left;
	padding: 3px 0 3px 10px;
	color: #fff;
	font-size: 1.2em;
	font-weight: bold;
}

dl.lastestNews dd { padding: 5px; }
dl.lastestNews dt span.date { color: #E2C737; font-size: 0.8em; }

dl.lastestNews dd.img {  }
dl.lastestNews dd.img img { float: right; }

dl.newsList, dl.newsListAlt { width: 451px; margin: 10px 0; display: inline; float: left; }
dl.newsList dt { font-size: 1.1em; font-weight: bold; color: #18538A; margin-top: 10px; clear: both; }
dl.newsList dd { font-size: 1em; }
dl.newsList dd.img img { float: right; margin-left: 10px; }

dl dd.date { font-weight: bold; color: #CCC; }

dl.newsListAlt dt { font-size: 1.1em; font-weight: bold; color: #18538A; margin-top: 10px; clear: both; }
dl.newsListAlt dd { font-size: 1em; clear: right; }
dl.newsListAlt dd.img img { float: left; margin-right: 10px; }

a.readmore { margin: 10px 0; display: block; }

/* --------------------------- FORMS */

h4 { background: #18538A; color: #FFF; padding: 4px; font-size: 1.2em; margin: 5px 9px 5px 0; }

fieldset { margin: 20px 0 20px 0; border: 0; }

fieldset table { width: 445px; border: 0; font-size: 1.2em; }

fieldset table.checklist td {padding: 2px 0 0 0;}
fieldset table td { padding: 5px 0; }

fieldset textarea
{ 
	width: 445px; 
	height: 100px; 
	margin: 5px 0; 
	padding: 2px;
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 1em;
	font-weight: bold;
}

#content fieldset label, fieldset span
{
	margin: 5px 0;
	font-size: 0.9em;	
	color: #18538A;	
}

label.checkbox { padding: 0 10px; }

input.radio { padding-left: 10px; }

fieldset input, fieldset select, fieldset textarea
{	
	padding: 2px;
	border: 1px solid #7B9EBD;
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 1em;
	font-weight: bold;
}

#content .title { padding: 0; width: 115px; }
#content .title option, #content .dob option, #content .salary option { padding-left: 5px; }
#content .salary { padding: 0; width: 70px; }
#content .dob { padding: 0; width: 90px; }

fieldset span.radio input { border: 0; }

/* --------------------------- VALIDATION */

span.validator 
{
	color: #F00;
	font-weight: bold;
	font-size: 1.4em;
}

span.validatorRegEx 
{
	color: #F00;
	font-weight: bold;
	font-size: 1.1em;
}

div.validationSummary
{
	margin: 20px 0 0 0;
    color: #F00;
    font-size: 1em;
    font-weight: bold;
}

div.validationSummary ul
{
	list-style-type: square;		
}
div.validationSummary ul li 
{
	margin-left: 20px;
	font-weight: normal;
}

/* ----------------------------------------------------------------- footer [INSIDES] */

#footer ul { margin-left: 200px; list-style: none; }
#footer li a img { border: 0; }
#footer li { display: inline; margin-right: 25px; font-size: 1.1em }
#footer ul#ads li { margin-right: 35px; }