html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-weight: normal;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;}
:focus {outline: 0;}
body {line-height: 1;color: black;background: white;}
ol, ul {list-style: none;}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}


h1  {display:block;}
h1 a {display:block;text-indent:-9999px;height:81px;width:960px;}
h2 {font-size:3.2em  ;padding:0 0 20px;color:#036;}
h3 {font-size: 2.3em ;padding:0 0 10px;color:#036;}
p {line-height:1.5em;padding:0 0 20px;font-size: 1.3em }
ul.bullet {list-style-type:disc;margin:-10px 0 20px 40px}
ul.bullet li {font-size:1.3em;margin: 0 0 5px}

a:link {text-decoration:underline;color:#1e45ae}
a:hover {}
a:visited{color:#1e45ae}
a img {border:none}
.clear {clear:both}

html {min-width:980px;height: 100%;}

body {font:normal 62.5% arial, verdana, sans-serif ;background: url("images/bg.jpg") no-repeat center top #fff;height: 100%;}


#page-wrap {width:960px;margin:0 auto;position:relative;min-height: 100%;height: auto !important;height: 100%;margin: 0 auto -64px;}



ul#nav {margin:10px 0  0}
	ul#nav li { display:block;float:left;text-indent:-9999px;}
		ul#nav li a {display:block;height:35px;background:url("images/nav.png") top no-repeat;}
		ul#nav li#index a{background-position:-496px -35px;width:76px}
		ul#nav li#about a{background-position:0 -35px;width:93px}
		ul#nav li#sectors a{background-position:-93px -35px;width:80px}
		ul#nav li#services a{background-position:-173px -35px;width:94px}
		ul#nav li#publications a{background-position:-267px -35px;width:120px}
		ul#nav li#contact a{background-position:-387px -35px;width:109px}
			ul#nav li#index a:hover, body#indexs ul#nav li#index a{background-position:-496px 0;}
			ul#nav li#about a:hover, body#abouts ul#nav li#about a{background-position:0 0;}
			ul#nav li#sectors a:hover, body#sectorss ul#nav li#sectors a{background-position:-93px 0;}
			ul#nav li#services a:hover, body#servicess ul#nav li#services a{background-position:-173px 0;}
			ul#nav li#publications a:hover, body#publicationss ul#nav li#publications a{background-position:-267px 0;}
			ul#nav li#contact a:hover , body#contacts ul#nav li#contact a{background-position:-387px 0;}

			
	
#content {background:url("images/page-bg-not-index.png") repeat-y ;margin:48px 0 0;min-height:800px;}	
body.sideleft #content{background:url("images/page-bg.png") repeat-y}
body.noside #content{background:none}
body.noside #content h2{margin:70px 0 20px}
			
/* MAIN */	
#main {float:right ;width:692px;background:url("images/main-top.png") no-repeat top;padding:22px 0 0;position:relative;padding:20px 0 0 20px}
body.sideleft #main {float:left ;}

body#indexs #main h2 {background:url("images/mrs.jpg") no-repeat top right;margin:10px 0 -20px} 
body#indexs p.subtitle {color:#333;margin:10px 0 0;font-size:1.4em}


.colleft {width:320px;float:left;text-align:justify}
.colright {width:320px;float:right;text-align:justify;margin: 0 30px 0 0}

	



/* SECTORS */
.sector {padding:56px 65px 0 178px;min-height:273px}


#energy {background:url("images/sectors/energy.jpg") no-repeat top left}
#financial {background:url("images/sectors/financial.jpg") no-repeat top left}
#heritage {background:url("images/sectors/heritage.jpg") no-repeat top left}
#housing {background:url("images/sectors/housing.jpg") no-repeat top left}
#retail {background:url("images/sectors/retail.jpg") no-repeat top left}
#social {background:url("images/sectors/social.jpg") no-repeat top left}
#water {background:url("images/sectors/water.jpg") no-repeat top left}
#sustainability {background:url("images/sectors/sustainable.jpg") no-repeat top left}
#training {background:url("images/sectors/training.jpg") no-repeat top left}
#agriculture {background:url("images/sectors/agriculture.jpg") no-repeat top left}
				



/* SIDEBAR */	



#sidebar{float:left;width:248px;background:url("images/sidebar-top-no-index.png") no-repeat top;} 


body.sideleft #sidebar {float:right;background:url("images/sidebar-top.png") no-repeat}
	#sidebar h3 {padding:0 20px 10px}
	#sidebar h3.top, #sidebar h4.top {padding:20px}
	#sidebar h4  {font-size:1.5em;}

	#sidebar a.selected {font-weight:bold}
	#sidebar ul {padding: 0 30px}
	#sidebar ul li {font-size:1.3em;margin: 0 0 10px}	
	
	#sidebar dl {margin:-21px 0 0}
	#sidebar dt{font-size:1.3em; color:#003366;padding:10px 20px 0px}
	#sidebar dd{color:#333;padding:5px 20px 10px;font-size: 1.2em }
	#sidebar dd.nohr {background:none;padding: 0 20px 0}
	
	#minisurvey h3{padding:20px 20px 10px;background:url("images/sep.png") top no-repeat;position:relative;right:1px;}
	
	#minisurvey form ul {background:url("images/sep.png") bottom no-repeat;position:relative;right:1px;padding:0 0 20px}
	#minisurvey form li {padding:0 20px}

	p.desc {padding:0 20px 10px;font-size:1.2em;font-weight:bold;color:#5b5b5b}
	label {font-size:0.9em;color:#555}

	



		
/* FOOTER */
	
.push {height:64px}

#footer {background:url("images/footer-repeat-bg.png") bottom repeat-x;height:64px;position:relative;z-index:1000}
	
#footer-cont{margin:0 auto;width:960px;position:relative}

#footer img{position:absolute;z-index:2989;right:0;top:0}

#footer img {left:auto;right:0;width:960px;height:64px;background:url("images/footer-bg-no-index.png")}
body.sideleft #footer img {background:url("images/footer-bg.png")}


.left, .right {width:45%;margin:0;position:relative;z-index:3000}

.left {float:left}
.right{float:right;text-align:right}

#footer p {padding:32px 10px 0;color:#fff;}

#footer a {color:#fff;}

/* Contact */
dl#contactdetails {float:left;width:135px}
dl#contactdetails dd {font-size:1.4em;font-weight:bold;color:#036;padding: 0 0 5px}
dl#contactdetails dt{font-size:1.3em;padding:0 0 20px}

	/* FEATURE */	
div#feature-cont{width:680px;overflow:hidden;height:220px;margin:10px 0 30px;}
	ul#feature  {margin:0 -5px;overflow:hidden}
	ul#feature  li {float:left;width:172px}
	ul#feature  li a {display:block;text-indent:-9999px;height:220px;}
	ul#feature  li.services a{background:url("images/feature/services.jpg") bottom left no-repeat;}
	ul#feature  li.sectors a{background:url("images/feature/sectors.jpg") bottom left no-repeat;}
	ul#feature  li.mysteryweb a{background:url("images/feature/mysteryweb.jpg") bottom left no-repeat;}
	ul#feature  li.sustainability a {background:url("images/feature/sustainability.jpg") bottom left  no-repeat;}


/*ABOUT*/

img.staff {float:left;padding:0 20px 30px}
p.staff{margin:-10px 0 0;font-weight:bold}
			
img.client {margin:0 20px 40px}		


/*TABLES*/
table {margin:0 0 20px}
td{padding:2px 5px;font-size:1.3em}
caption {font-style:italic;font-weight:bold;font-size:1.4em;margin: 0 0 10px}
thead tr th {font-size:1.3em;}
tfoot tr td {font-size:1.1em;color:#555}

colgroup#colgroup1 {width:290px}
colgroup#colgroup2 {width:40px}