@CHARSET "ISO-8859-1";
 
  body{
  font-family:Arial, Helvetica, sans-serif;
   height:800px;
 
   overflow: auto;
   
   margin: 0;

  }
  p, pre, ul, li{margin:0;
   line-height: 1.8em;}
  
  
  a,img{
  border:none;
  text-decoration:none;
  line-height: 1.6em;
  
  }
  #screen{
	  width: 100%;
	  height:100%;

  
	}
#content{
	
  width:910px;
  height:350px;

  margin-left: auto;
  margin-right: auto ;
  background: none !important;
  position:absolute;
  z-index:2;
  margin-top: 250px !important;
  left:100px;


}
 a, a:VISITED{
  color:grey;
  }
  
  a:hover{
  color:#333333;
  }

  a:ACTIVE{
  color: black;
  
  }
#navigation{
	 position:absolute;
   	top:-150px;
	left:40px;
	display: none;
}

#navigation_right{
	 position:absolute;
   	top:350px;
	left:650px;
	display: none;
}

#navigation ul,#navigation_right ul{
	text-decoration: none;
	list-style: none;
	font-size:11px;
	color:grey;
	text-transform: uppercase;
	font-family: georgia;
	}

#navigation ul li,#navigation_right ul li{
	
	margin-bottom: 10px;
	
	}
	
  #navblock{margin: 0px; width: 212px; height: 250px; border: 0px solid black;
   position:absolute;
   	top:0px;
	left:705px;

   z-index:3;
  display:none;
  color: black;
  font-size: .8em;
  }
 #navblock .navbox,#navblock_left .navbox,#navblock_right .navbox{
  width:96px;
  height:96px;
  background:#d1d3d4;
  float:left;
  font-size:15px;
  color:#FFFFFF;
  padding:2px;

 
  }
  
#navblock_left{
margin: 0px;
width: 212px;
height: 250px;
border: 0px solid black;
z-index:4;
float: left;
padding-right: 0px;
  }
  
#navblock_right{
	margin: 0px; width: 205px; height: 250px; border: 0px solid black;


   z-index:4;

  
      float: right;

  }
  
  
    .leftimage{
    float: left;
   padding-right: 5px;


  }
      .rightimage{
    float: right;
   

  }

  
#contactblock{margin: 0px; width: 910px; height: 308px; border: 0px solid black;
   position:absolute;
   	top:200px;
	left:405px;

   z-index:2;
  display:none;

  }
  
 #contactblocks .navbox{
  width:100px;
  height:100px;
  background:#d1d3d4; 
  float:left;
  font-size:15px;
  color:#FFFFFF;
  padding:0px;
 
  }
  #leftback{
  float:left;

  width:40px;
  height:213px;

  	 

   border:none;
  -decoration:none;
  margin-left: 15px;
  margin-top: 35px;


  }
   .leftback{
  float:left;

  width:40px;
  height:213px;

  	 

   border:none;
  text-decoration:none;
  margin-left: 15px;
  margin-top: 75px;



  
  }
  

  

  
     .rightback{
  float:right;

  width:40px;
  height:213px;

  	 

   border:none;
  text-decoration:none;
  margin-right: 15px;
  margin-top: 35px;



  
  }
  
  
.left{
	margin-right:4px;
	margin-bottom:4px;
  
  }
  
  .lefttext{
width: 285px;
margin-left: 50px;
float: left;
	background:none!important;

padding-top: 15px;		
  }
 div.lefttext h3{
  margin: 0;
  padding: 0;
  
  }
  div.lefttext p{

  margin: 0px;
  padding: 0px;
  
  }
#client{
margin-top:60px;
margin-bottom: 10px;
  
  }
  
.client{
margin-top:60px;
margin-bottom: 10px;
  
  }
#brief{
margin-top:50px;
}
 
  #bar{
   margin: 0px; width: 910px; height: 328px; border: 0px solid black;


   z-index: 2;
   background: none;
   overflow: hidden;
   display: none;
    	background:none!important;
    }

#s1{
	 	background:none!important;
	}
#flashback{

  position: absolute;
  left: 50%;
  margin-left: -950px;
	  z-index: 1;
	  height: 700px;
	  top:0;


	
	}
#sitemap{

	width:80px;
	margin:0px auto;
	position: relative;
	top:810px;
	z-index: 3;

	
	
	}
a.sitemap_link{
		width:80px;
		background-image: url("images/buttons/site_map_gr.png");
	height: 22px;
	display: block;
}
a.sitemap_link:hover{
	width:80px;
		height: 22px;
		display: block;
		background-image: url("images/buttons/site_map_bl.png");
}	
.barslide_right{
	position:absolute;
   	top:200px;
	left:380px;
	width: 920px;
	font-size: 12px;
	line-height:16px;
	height: 318px;
	margin:0;
	background:none!important;
margin-bottom:10px;
}

.barslide{
	position:absolute;
   	top:200px;
	left:380px;
	width: 700px;
	font-size: 12px;
	line-height:16px;
	height: 318px;
	margin:0;
	background:none!important;
margin-bottom:10px;
}

.greybox{

		background-image: url("images/barbgr3.png")!important;

	
		height: 308px;
		width: 500px;

	

	}
	.full{
	width: 700px;

	}
	.half{
		float: left;
		margin-right: 5px;
	
	}

.clientblk{
		float: left;
	
		width: 490px;	
}

	
.textright{
	position:absolute;
	left:130px;
	top:10px;

	padding:10px;
	font-size: 12px;
	line-height:18px;
	
  	background:none!important;
  	width: 320px;
	
	}
	
	.rightwide{
	
	position:absolute;
	left:90px;
	top:10px;

	padding:10px;
	font-size: 12px;
	line-height:18px;
	
  	background:none!important;
  	width: 520px;
	}
	
	.leftwide{
	
	position:absolute;
	left:230px;
	top:10px;

	padding:10px;
	font-size: 12px;
	line-height:18px;
	
  	background:none!important;
  	width: 580px;
	}
	H2{
	margin:0;
	padding:0;
	margin-bottom:20px;
	font-size:12px;

	 letter-spacing: +0.1em;
	}
	#portfolioslide{
	height: 308px;
		background:none!important;
		margin: 0;
		

	}
#portfolioControls{
	position: absolute;
	top: 310px;
	left:510px;
	padding: 0;
	margin: 0;


	}
	#portfolioControls img,#portfolioControls span{
	
	float:left;
	}
	 #current{
  height:17px;
  background-image:url("images/portfolio/current.png");
  background-position:top;
  font-size: 13px;
  width: 25px;
  padding:0;
  padding-left: 15px;
  padding-right: 15px;
  margin: 0;
  top:0;

  color: grey;
  font-weight: bold;


  
  }
	
.portfolioblock{
		background:none!important;
		margin: 0;
	}
	
#contactControls{
	position: absolute;
	top: 310px;
	left:510px;
	padding: 0;
	margin: 0;

	}
	#contactControls img,#contactControls span{
	
	float:left;
	}
	 #contactCurrent{
  height:17px;
  background-image:url("images/portfolio/current.png");
  background-position:top;
  font-size: 13px;
  width: 25px;
  padding:0;
  padding-left: 5px;
  padding-right: 15px;
  margin: 0;
  top:0;

  color: grey;
  font-weight: bold;


  
  }	
	
	
	
		/* BEGIN CSS */
 .fadeThis {
		position:relative;
		display: block;
		height: 100px;
		width: 100px;
		
  float:left;
	}
	.fadeThis * {
	  display: none;
	}
	.fadeThis span.hover {
	position: absolute;
		top: 0;
		left: 0;
		display: block;

		height: 100px;
		width: 100px;
		background:url(images/thumbs/designandprint.jpg) 0 0 no-repeat;
	}
	
.portfolio_tb{
	background:url(images/thumbs/portfolio_up_grey.jpg) 0 0 no-repeat;
	}	
.portfolio_tb span.hover {
	background:url(images/thumbs/portfolio_up.jpg) 0 0 no-repeat;
	}
	
.clients_tb{
	background:url(images/thumbs/clients_up_grey.jpg) 0 0 no-repeat;
	}	
.clients_tb span.hover {
	background:url(images/thumbs/clients_up.jpg) 0 0 no-repeat;
	}	
.contactus_tb{
	background:url(images/thumbs/contactus_up_grey.jpg) 0 0 no-repeat;
	}	
.contactus_tb span.hover {
	background:url(images/thumbs/contactus_up.jpg) 0 0 no-repeat;
	}	

.event_tb{
	background:url(images/thumbs/event_tb_grey.jpg) 0 0 no-repeat;
	}	
.event_tb span.hover {
	background:url(images/thumbs/event_tb.jpg) 0 0 no-repeat;
	}
	
.evaluation_tb{
	background:url(images/thumbs/evaluation_tb_grey.jpg) 0 0 no-repeat;
	}	
.evaluation_tb span.hover {
	background:url(images/thumbs/evaluation_tb.jpg) 0 0 no-repeat;
	}	

.crisis_tb{
	background:url(images/thumbs/crisis_tb_grey.jpg) 0 0 no-repeat;
	}	
.crisis_tb span.hover {
	background:url(images/thumbs/crisis_tb.jpg) 0 0 no-repeat;
	}	
		
		

.simon_tb{
	background:url(images/contact/simon_tb_grey.jpg) 0 0 no-repeat;
	}	
.chris_tb{
	background:url(images/contact/chris_tb_grey.jpg) 0 0 no-repeat;
	}	
.lynn_tb{
	background:url(images/contact/lynn_tb_grey.jpg) 0 0 no-repeat;
	}	
.karen_tb{
	background:url(images/contact/karen_tb_grey.jpg) 0 0 no-repeat;
	}	
.camilla_tb{
	background:url(images/contact/camilla_tb_grey.jpg) 0 0 no-repeat;
	}	
.richard_tb{
	background:url(images/contact/richard_tb_grey.jpg) 0 0 no-repeat;
	}	
.anne_tb{
	background:url(images/contact/anne_tb_grey.jpg) 0 0 no-repeat;
	}	


.simon_tb span.hover {
	background:url(images/contact/simon_tb.jpg) 0 0 no-repeat;
	}	
.chris_tb  span.hover {
	background:url(images/contact/chris_tb.jpg) 0 0 no-repeat;
	}	
.lynn_tb span.hover {
	background:url(images/contact/lynn_tb.jpg) 0 0 no-repeat;
	}	
.karen_tb span.hover {
	background:url(images/contact/karen_tb.jpg) 0 0 no-repeat;
	}	
.camilla_tb span.hover {
	background:url(images/contact/camilla_tb.jpg) 0 0 no-repeat;
	}	
.richard_tb span.hover {
		background:url(images/contact/richard_tb.jpg) 0 0 no-repeat;
	}	
.anne_tb span.hover {
	background:url(images/contact/anne_tb.jpg) 0 0 no-repeat;
	}	



.designprint_tb{
	background:url(images/thumbs/designandprint_tb_grey.jpg) 0 0 no-repeat;
	}	
.designprint_tb span.hover {
	background:url(images/thumbs/designandprint_tb.jpg) 0 0 no-repeat;
	}

.inhouse_tb{
	background:url(images/thumbs/inhouse_tb_grey.jpg) 0 0 no-repeat;
	}	
.inhouse_tb span.hover {
	background:url(images/thumbs/inhouse_tb.jpg) 0 0 no-repeat;
	}
.websites_tb{
	background:url(images/thumbs/websites_tb_grey.jpg) 0 0 no-repeat;
	}	
.websites_tb span.hover {
	background:url(images/thumbs/websites_tb.jpg) 0 0 no-repeat;
	}

.whatwedo_tb{
	background:url(images/thumbs/whatwedo_tb_grey.jpg) 0 0 no-repeat;
	}	
.whatwedo_tb span.hover {
	background:url(images/thumbs/whatwedo_tb.jpg) 0 0 no-repeat;
	}


.contactblock #address{
	margin-top: 20px;
}

.contactblock{
	background:none!important;
	width: 910px;
	height: 310px;
	
	
	}
	
ul.clientlist{
width: 430px;
text-decoration: none;
list-style: none;
margin: 0;
padding: 0;
}

ul.clientlist li{
width:210px; float:left;
margin: 0;
margin-bottom:5px;
padding: 0;
}