/* ---  Reset --- */

:link,:visited { text-decoration:none }
ul,ol { list-style:none }
body,h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{ margin:0; padding:0 }
img { border:none; }
a{outline: none;}



/* --- Global --- */

body {
	font-family:Helvetica, Arial,  sans-serif;
	padding:0;
	margin:0;
	background:#000;
	font-size:.8em;
	line-height:1.4em;
	letter-spacing:.05em;
	color:#fff;
	}

.container{
	text-align:left;
	margin:0  0 0 30px;
	width:1060px;
	_width:1160px;
	position:relative;
	}

.clear{clear:both;}	

.hide{display:none;}

a{
	color:#fff;}
	
a:hover{
	color: #666;}	

.grey{
	color: #999;}


/* --- Logo and Navigation --- */

.sidebar{
	
	float:left;
	display:inline;
	margin:0 0 0 0px;
	width: 420px;	
	}

.logo{
	margin:50px 0 0 8px;}
	
.nav{
	
	letter-spacing:.01em;
    min-height:530px;
	_height:530px;
	text-align:right;
	width: 135px;
	float:left;
	display:inline;
	margin:42px 0 0 0;
	padding:0 25px 0 0;
	background:url(images/assets/v-line.gif) 100% 1px  no-repeat;	
	}
	
.nav li{
	margin:0 0 20px 0;}	
	
.nav li a, .subnav li a{
	font-size:1.6em;
	color:#7c7c7c;}	

.subnav li{
	margin:0 0 2px 0;}	

.subnav li a{
	font-size:1.1em;
	color:#7c7c7c;}		

.nav li a:hover, .subnav li a:hover, .home li.home a, .clients li.clients a, .whoweare li.whoweare a, .whatweoffer li.whatweoffer a, .contactus .nav li.contactus a, .work .nav li.work a{
	color:#fff;}	
	
.helptheaged li.helptheaged a, .drtv-wateraid li.drtv-wateraid a, .ria li.ria a, .wateraid li.wateraid a, .trocaire li.trocaire a, .nspcc li.nspcc a, .actionaid li.actionaid a, .ashmolean li.ashmolean a, .holburne li.holburne a, .merlin li.merlin a, .ria li.ria a, .ria li.ria a, .ucl li.ucl a, .british li.british a, .butrint li.butrint a, .sainsbury li.sainsbury a, .science li.science a, .wateraid li.wateraid a, .cbm li.cbm a, .cbm-vincent li.cbm-vincent a{
	color:#FFF;}	
	
.andrew li.andrew a, .mike li.mike a{
	color:#FFF;}		
	
.nav li a.facebook{
	overflow:hidden;
	float:right;
	display:inline;
	background:url(images/facebook.gif) 0 0;
	height:20px;
	width:20px;
	display:block;}	
	
.nav li a.twitter{
	overflow:hidden;
	margin:0 7px 0 0;
	float:right;
	display:inline;
	background:url(images/twitter.gif) 0 0;
	height:20px;
	width:20px;
	display:block;}		
	
	
.nav li a.twitter:hover, .nav li a.facebook:hover{
	background-position: 0 100%;}	
	
	
/*.work .nav li.work, .home .nav .sf-menu li.home a, .clients .nav li.clients a, .whoweare .nav li.whoweare, .whatweoffer .nav li.whatweoffer a, .contactus .nav li.contactus a{
	color:#b8afab;}*/


.sidebar-inner{
	line-height:1.3em;	
	margin:22px 0 0 21px;
	font-size:1.3em;
	width:230px;
	float:left;
	display:inline;}
	
.sidebar-inner a:hover{
	color:#FFF;}	


/* --- Main Content --- */

.main_content{	
	float:left;
	display:inline;
	text-align:left;
    width:265px;
	margin:150px 0 0 40px;
	_margin:150px 0 0 00px;
	
	}
	
.main_content iframe	{
	margin-left:21px;}
	
.main_content h2{
	font-size:1.4em;
	color:#999;}	

.main_content p{
	margin:0 0 15px 0;}
	

.link, .item_info{
	display:block;}	

#video{
	margin:0;
	text-align:center;
	width:565px;
	padding:3px 0 4px 0;
	background:url(images/assets/h-line.gif) top left no-repeat;
	}

#stillvideo{
	margin:1px 0 0 1px;
	text-align:center;
	width:565px;
	_position:absolute;
	}
	
#videointro{
	_margin-left:75px;}	

.h-line{
	background:url(images/assets/h-line.gif) top left no-repeat;
	width:565px;
	height:3px;
	}



/* --- Work --- */



ul.worknav li{
	width:230px;
	padding:0;
	margin:0 0 30px 0;}

ul.worknav li ul, ul.worknav li ul li{
	margin:0 0 0 0;}
	

	
ul.worknav li ul li a{
	font-size:.9em;
	color:#7c7c7c;}	
	
ul.worknav li ul li a:hover{
	color:#fff;}		




/* --- Info --- */

.info{
	/*display:none;*/
	width:520px;
	margin:20px 0 0 22px;
	}
	
.info-line{
	background:url(images/assets/h-line.gif) top left no-repeat;
	width:565px;
	padding:20px 0 0 22px;
	}	
	
.info-line p{
	line-height:1.3em;
	width:540px;} 	
	
.info h2{
	margin:0 0 0 0;}
	


/* --- Clients + What we offer --- */
	
ul.clients-list{
	float:left;
	display:inline;
	padding:0;
	margin:0px 20px 0 0;
	width:250px;}
	
ul.what-list{
	float:left;
	display:inline;
	padding:0;
	margin:0px 20px 0 0;
	width:450px;}
	
.quotes{
	float:left;
	display:inline;
	margin:0px 0 0 0;
	width:250px;}
	
.quote{
	margin:0 0 10px 0;}	
	
.quote-name{
	color: #c9bfba;}	
	
.what-title{
	margin-top:10px;
	}	
	

.contact_info img{
	margin:4px 0 0 0;}
	
.contact_info{
	text-align:left;
	margin-top:3px;
	display:none;}	
	
	
.home_info img{
	margin-top:3px;}	
	
	
/* New absolute positioning styles */	
	
	
.sidebar{
	position:relative;
	}
	
.nav{	
    top:106px;
	position:absolute;}

.logo{
	left: 7px;
	position:absolute;}

.sidebar-inner{
	top:125px;
	left:165px;
	position:absolute;}	
	
.home .nav,.index .nav{
	margin-left:5px;
	_margin-left:0;}
	
	
.main_content{
	position:absolute;
	top:0px;
	left: 450px;}