/* CSS Document */
html{
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:13px;
}

body{
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:13px;
}

table{
	text-align:left; 
}
	
#container{
	width:820px;
	margin:0px auto;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:13px;

}
#wrapper{
	overflow:hidden;/*test remove ??*/
	height:auto !important;
	min-height:14px;
}
a{
	color:#FFFFFF;
}
a:hover{
	color:#012b61; /* The Blue used in the background images */
}
.large_size_font{
	font-size:1.2em;
	}

#header{
	height:32px;
	margin-bottom:20px;
	margin-top:20px;

}


#left_content{
	float:left;
	}
	
#home{
	background-color:#ffffff;
	width:133px;
	height:158px;/*12 more then the image to give a 12px bottom margin*/
	font-size:14px;
}
#home a{
	text-decoration:none;
	line-height:2.2em; /* To verticaly center the text */
}
#c-s-v{
	background-image:url(images/header_csv_white.gif);
	width:815px;
	height:34px;
	margin-bottom:20px;
	margin-top:20px;
}
	

#right_content{
	text-align:left;
	float:left;
	margin-left:17px;
	width:667px;	
}

/* this is for all the flash */
#top_content{
	height:267px;
}
#top_content.quick_links{
	height:34px;
}
#top_content div{
	float:left;
	/*width:664px; /* 208x3 + 60 for the margin */
}
a img{
	text-decoration:none;
	border:none;
	margin:0px;
	padding:0px;
}

#idea_container, #product_container, #company_container{
	height:267px;	
	width:209px;
	float:left;	
}
#idea_container.small, #product_container.small, #company_container.small{
	height:34px;
}
#idea_container, #product_container{/* won't  for company work must change*/
	margin-right:17px;
}
/* the hack for the above problem */
#company_container.company, #idea_container.company{
	margin-right:17px;
}
#product_container.company{
	margin-right:0px;
	height:34px;
}
/****end of hack ****/
#flash_container{
	height:233px;
}
#idea_container, #product_container, #company_container{
	width:209px;
}
#idea_button a, #product_button a, #company_button a{
	
	height:34px;
	width:209px;
	display:block;
}
/*** images for the nav buttons ***/
#idea_button a{
	background-image:url(images/nav/idea.gif);
}
#product_button a{
	background-image:url(images/nav/service.gif);
}
#company_button a{
	background-image:url(images/nav/company.gif);
}

/*** now the rollover images ***/
#idea_button a:hover{
	background-position: -209px 0px;	
}
#product_button a:hover{
	background-position: -209px 0px;	
}
#company_button a:hover{
	background-position: -209px 0px;	
}

/***************/

#top_right{
	background:#012B61 url(images/blue_right_corner.gif) no-repeat bottom right;
	height:267px;
	width:438px;
	overflow:hidden;
}
#top_right p{
	margin:10px
}
/************end of top content */
#bottom_content{
	margin-top:10px;
}

#bottom_content.homepage{
	margin-top:-4px;
	_margin-top:-4px;/* work out the probllem on ie6 (margin or padding somewhere) and remove */
}


#text_column, #text_column_idea{
	float:left; 
	height:191px;
	width:436px;
}
#text_column.home{
	background-image:url(images/text_column_bg.gif);
	background-repeat:no-repeat;
	position: relative
}
#text_column_idea{
	background:url(images/projects/radiohead.jpg);
}

#text_column.home ul {
  width: 276px;
  height: 130px;
  position: absolute;
  text-indent: -2000px;
  right: 5px;
  top: 15px;
  background: url('/images/home-bullets.gif') top left no-repeat;
}

#text_column.home ul li {
  list-style-type: none;
}


#bottom_right{
	
	float:left;
	height:191px;
	width:209px;
	margin-left:17px;
}

#bottom_right p{
	
	padding-left:20px;
}
#bottom_right h3{
	font-size:16px;
	margin:0px;
	padding:0px;
	margin-top:20px;
}
.left_gutter{
	padding:10px 10px 5px 120px; 
}
.gutter{
	padding:10px 10px 5px 20px; 

}

.bottom_right_home{
	/*background-image:url(images/duplication_replication_bg.gif);
	overflow:hidden;*/
	background-color:#fe8d00;
	background: #fe8d00 url(images/orange_white_corner.gif) bottom right no-repeat;
	display: block;
	margin-top:13px;
}
#bottom_right_bottom{
	height:89px;

}

#red_bottom_right{
	height:89px;
	background-color:#b60402;
	background: #b60402 bottom right no-repeat url(images/red_right_corner_white_bg.jpg);
	display: block;

}
.br_gutter{
	padding:5px 5px 3px 10px;
}

#csv_footer{
	margin:20px auto;
	margin-bottom:20px;
	margin-top:20px;
	_margin-top:35px;
	font-size:11px;
	color:#6f6f6f;
}
#csv_footer a{
	color:#6f6f6f;
}
#csv_footer a:hover{
	color:#012b61;
}


.clear{
	clear:both;
}
/****** IDEA PAGE ******/
.bottom_right_idea a:hover{
	color:#6f6f6f;
}
.bottom_right_idea{
	background-image:url(images/idea_bottom_right.gif);
	overflow:hidden;
}

#text_column_idea{
	background:url(images/projects/radiohead.jpg);
}
/****** ******/
/****** PRODUCT PAGE ******/

#product_text{
	background-image:url(images/product_info.gif);
	overflow:hidden;
	height:191px;
	width:665px;
	margin-top:-14px;
}

#product_text a:hover{
	color:#6f6f6f;
}
button{
	background-color:transparent;
	border:0px none;
	cursor:pointer;
	margin:0px;
	padding:0px;
}


#quick_links{
	width:133px;
	font-size:12px;
	line-height:1.4em;
	background:#6f6f6f url(images/company_quck_links.gif) no-repeat;
}

div.left_corner{
	background: bottom left no-repeat url(images/nav/bottom_left_corner.gif);
	height:311px;
}

.bottom_right_corner {
	background: url(images/blue_right_corner.gif) no-repeat bottom right;
}

.bottom_right_corner img{
	border-style:none;
	background:none;
}

/*** COMPANY PAGE ***/
#product_text.company{
	background-image:url(images/company_bg.gif);
	background-color:#012b61;
	background-repeat:no-repeat;
	height:auto;
}

img.corner {
	width: 12px;
	height: 10px;
	border: none;
	display: block !important; 
}

#top_right.company a:hover{
	color:#6f6f6f;
}

/*** the quick link pages ***/
#quick_link_content{
	background-image:url(images/quick_links_bg_trimed.gif);
	width:663px;
	height:425px;
}
#quick_link_pages{
	width:663px;
	overflow:hidden;
	background:#012B61 url(images/blue_right_corner.gif) no-repeat bottom right;
}
		


*.light_blue{
	color:#d5e4f7;
}
*.medium_blue{
	color:#a8caf5;
}
#quick_link_pages th{
	color:#d5e4f7;
}
#quick_link_pages a:hover{
	color:#6f6f6f;
}


/***** POPUP PAGES ******/
body.popup{
	background-color:#012b61;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:13px;
}	

#popup_header{
	width:569px;
	margin:0px auto;
}


#popup{
	background-color:#012b61;
	margin:0px auto;
	width:569px;
	text-align:left;
}

#popup a:hover{
	color:#6f6f6f;
}

#image_container{
   background:#ffffff url(images/projects/white_bottom_right_corner.gif) bottom right no-repeat;
	width:100%;
	height:267px;	
}

#image_container.black{
  background:#000 url(images/projects/black_bottom_right_corner.gif) bottom right no-repeat;
}

#image_container.clear{
  background:#fff url(images/projects/clear_bottom_right_corner.gif) bottom right no-repeat;
}

#popup_buttons{
	float:right;
	width:147px;
	height:267px;
}

#popup_buttons a{
	display:block;
	float:left;
	margin-left:10px;
	margin-top:219px;
}

.image_back{
	width:422px;
	height:267px;
	float:left;
	background-repeat:no-repeat;
	background-color:#FFFFFF;

}
#elektra_{background-image:url(images/projects/elektra_0.jpg);}
#elektra_1{background-image:url(images/projects/elektra_1.jpg);}
#elektra_2{background-image: url(images/projects/elektra_2.jpg);}
#radiohead_0{background-image:url(images/projects/radiohead_0.jpg);}
#radiohead_1{background-image:url(images/projects/radiohead_1.jpg);}
#radiohead_2{background-image: url(images/projects/radiohead_2.jpg);}
#barclays_0{background-image:url(images/projects/barclays_0.jpg);}
#thesmiths_0{background:url(images/projects/smiths_0.jpg) 10px 0px no-repeat;}
#elp_0{background-image:url(images/projects/elp_0.jpg);}
#elp_1{background-image:url(images/projects/elp_1.jpg);}
#elp_2{background-image: url(images/projects/elp_2.jpg);		}
#green_0{background-image: url(images/projects/green_2.jpg);	}
#green_1{background-image:url(images/projects/green_1.jpg);}
#green_2{background-image:url(images/projects/green_0.jpg);}
#football_0{background-image:url(images/projects/football_0.jpg);}
#football_1{background-image:url(images/projects/football_1.jpg);}
#football_2{background-image: url(images/projects/football_2.jpg);	}
#johnny_0{background-image:url(images/projects/johnny_0.jpg);}
#johnny_1{background-image:url(images/projects/johnny_1.jpg);}
#johnny_2{background-image: url(images/projects/johnny_2.jpg);}
#lm_0{background-image:url(images/projects/lm_0.jpg);}
#fl_0{background-image:url(images/projects/13thfloor_0.jpg);}
#fl_1{background-image:url(images/projects/13thfloor_1.jpg);}
#pl_0{background-image:url(images/projects/pl_0.jpg);}

div.bread_crumb{
	background-repeat: no-repeat; 
	margin-top:20px;
	width:570px;
	height:34px;
}

#lm_breadcrumb{background-image:url(images/projects/breadcrumb_lm.gif);}
#radiohead_breadcrumb{background-image:url(images/projects/breadcrumb.gif);}
#barclays_breadcrumb{background-image:url(images/projects/breadcrumb_barclays.gif);}
#thesmiths_breadcrumb{background-image:url(images/projects/breadcrumb_smiths.gif);}
#elektra_breadcrumb{background-image:url(images/projects/breadcrumb_elektra.gif);}
#greensleeves_breadcrumb{background-image:url(images/projects/breadcrumb_greensleeves.gif);}
#johnnyforeigner_breadcrumb{background-image:url(images/projects/breadcrumb_johnnyforeigner.gif);}
#elp_breadcrumb{background-image:url(images/projects/breadcrumb_elp.gif);}
#football_breadcrumb{background-image:url(images/projects/breadcrumb_football.gif);}
#unsigned_breadcrumb{background-image:url(images/projects/breadcrumb_unsigned_award.gif);}
#the_answer_breadcrumb{background-image:url(images/projects/breadcrumb_the_answer.gif);}
#floor_breadcrumb {background-image:url(images/projects/breadcrumb_13thfloor.gif);}
#pl_breadcrumb {background-image:url(images/projects/breadcrumb_placebo.gif);}






/********  HEIGHT ADJUSTMENTS FOR LEFT HAND COLUMNS & EXPANDING CONTENT ********/  


/*quick link pages subtract 157 px from the required height for the left handcorner*/

#left_glossary{height:2384px;}
div.right_glossary{height:2541px;}

#left_environmental{height:1286px;}
div.right_environmental{height:1443px;}

#left_useful{height:1705px;}
div.right_useful{height:1862px;}

#left_artwork{height:3973px;}
div.right_artwork{}

#left_templates{height:1048px;}
div.right_templates{height:1205px;}

/* Service pages add 130 px from the required height for the left handcorner*/

#left_cd_replication{height:575px;}
div.right_cd_replication{height:445px;}

#left_cd_duplication{height:379px;}
div.right_cd_duplication{height:249px;}

#left_cd_associated_print{height:479px;}
div.right_cd_associated_print{height:349px;}

#left_dvd_authoring{height:671px;}
div.right_dvd_authoring{height:541px;}

#left_dvd_replication{height:927px;}
div.right_dvd_replication{height:797px;}

#left_dvd_duplication{height:383px;}
div.right_dvd_duplication{height:253px;}

#left_dvd_associated_print{height:479px;}
div.right_dvd_associated_print{height:349px;}

#left_vinyl_pressings{height:591px;}
div.right_vinyl_pressings{height:461px;}

#left_vinyl_associated_print{height:655px;}
div.right_vinyl_associated_print{height:525px;}

#left_serv_design{height:367px;}
div.right_serv_design{height:237px;}

#left_serv_packaging{height:447px;}
div.right_serv_packaging{height:317px;}

#left_serv_print{height:463px;}
div.right_serv_print{height:333px;}

#left_serv_merchandise{height:351px;}
div.right_serv_merchandise{height:221px;}

#left_serv_multimedia{height:271px;}
div.right_serv_multimedia{height:141px;}

#left_serv_additional{height:815px;}
div.right_serv_additional{height:685px;}

/* Company  pages add 130 px from the required height for the left handcorner*/

#left_contact{height:750px;}
div.right_contact{height:620px;}
#left_recruitment{height:510px;}
div.right_recruitment{height:380px;}

#left_company{height:410px;}
div.right_company{height:280px;}

#service{/*
	padding-left:9px;
	padding-top:52px;*/
	text-align:right;
	font-size:21px;
	border-right:2px solid white;
	padding:30px 5px 31px;
	margin:7px;
}
#service_sub_nav{
	padding-top:35px;
	
}


#templates_table td, #templates_table th {
font-size:13px;
}