/* RESET DEFAULTS */

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 }
a img,:link img,:visited img { border:none }
a{outline: none; text-decoration:none;}
.clear{clear:both;}

/* GENERAL */

body{
	background:url('../images/body_bg.gif') top left repeat-y;
	background-attachment: fixed;
	font-family: Arial, sans-serif;
	font-size: .7em;
	letter-spacing:1px;}

.mac.safari .container, .mac.gecko .container {
    font-family:Helvetica, Arial, sans-serif;}
	
.container{    
    /*background:url('../images/content_bg.gif');*/
	background:url('../images/smudges.gif') no-repeat;
	background-attachment: fixed;
	min-height:540px;
	margin:20px auto;
	overflow:auto;	
	width:750px;}

.left{	
position:fixed;
	width:150px;
	float:left;}
	
.f-left{float:left;}

.f-right{float:right;}

a{outline:none;}

.hide{
	display:none;}

/*#video{
border:1px solid red;}*/
	
/* HOME */

ul.home_nav{

    margin:70px 0 0 75px;} 

ul.home_nav li{
    float:left;
    display:inline;} 

ul.home_nav li.home_work{
    margin:4px 135px 0  0;}

ul.home_nav li.home_other_bits{
    margin:0 150px 0 0;}

ul.home_nav li.home_us{
    margin:0 30px 0  0;}

	
ul.home_nav li a:hover{
filter:alpha(opacity=80);
-moz-opacity:.8;
opacity:.8;}

ul.home_nav li.nav_title{
background:#fff;}




/* HEADER */

.header{
    background:blue;
	width: 150px;}


/* NAVIGATION MENU */

.navigation ul{
	margin-top:15px;} 
	
.navigation ul li{
margin:7px 0;
padding:0 0 0 1px;}

.navigation ul li a{
	color: #2e3e47;} 
	
.navigation ul li a img:hover{
filter:alpha(opacity=80);
-moz-opacity:.8;
opacity:.8;}

.navigation ul li a:hover{
	font-weight:bold;}
	
/* work highlight */ 
.nokia .navigation ul li.nokia a, .nike-grid2 .navigation ul li.nike-grid2 a, .nike-grid .navigation ul li.nike-grid a,.sony .navigation ul li.sony a, .sony-hd .navigation ul li.sony-hd a, .virgin-bets .navigation ul li.virgin-bets a, .sony-ericsson .navigation ul li.sony-ericsson a, .uefa .navigation ul li.uefa a, .iht .navigation ul li.iht a, .woolworths .navigation ul li.woolworths a, .bmw .navigation ul li.bmw a, .primeval .navigation ul li.primeval a, .honest .navigation ul li.honest a, .talktank .navigation ul li.talktank a , .facebook .navigation ul li.facebook a{
	font-weight:bold;} 

/* other bits highlight */ 
.doritos .navigation ul li.doritos a, .sketches .navigation ul li.sketches a, .great-wood .navigation ul li.great-wood a, .bingo-cards .navigation ul li.bingo-cards a, .nike-grid .navigation ul li.nike-grid a{
	font-weight:bold;} 
	
.other-bits .navigation ul.work, .work .navigation ul.other-bits, .us .navigation ul.other-bits, .us .navigation ul.work{
overflow:hidden;
height:38px;}	

/* CONTENT */

.content{	
    min-height:400px;
    float:left;
	padding:103px 0 40px 0;
	margin:0 0 0 180px;
    width:550px;
	color: #2e3e47;
	line-height:1.5em;
	/*border-top:5px solid yellow;
	border-bottom:5px solid yellow;*/	}
	
.item{
	margin:20px 0 15px  0;}
	
.content p a{
	padding:4px 4px 3px 4px;
border:0px;
border-bottom:1px solid #666;

color: #2e3e47;}

.content p a:hover{
	border:1px solid #666;
padding:3px;
}

.content p{
	width:400px;
margin:0 0 15px 0; }

.content a img{
border:1px solid #ccc;}

.content a img:hover{
border:1px solid #666;}

#video{
margin-bottom:15px;}

	
/* tooltip */

#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: yellow;
	padding: 5px;
	
}

/* us 

.useful_links{
font-weight:bold;
margin:30px 0 0 0;}*/