/*--------------------------------*/
/* PROJECTS SECTION STYLES */
/*--------------------------------*/

h2 {
		font-size: 1px;
}


h3#hereswhat {
	background: url(../images/ourclients/title_projects_02.gif) no-repeat top left;
	width: 237px;
	height: 20px;
	margin-top: 3px;
}

h2#connectfour {
	background: url(../images/ourclients/title_projects_01.gif) no-repeat top left;
	width: 150px;
	height: 157px;
	margin-top: 15px;
}



/*--------------------------*/


h2#cct {
	background: url(../images/ourclients/cct.gif) no-repeat top left;
	width: 150px;
	height: 55px;
	margin: 15px 0 10px 0;
}

								h2#characters {
									background: url(../images/ourclients/characters.gif) no-repeat top left;
									width: 150px;
									height: 55px;
									margin: 15px 0 10px 0;
								}


h2#jordans {
	background: url(../images/ourclients/jordans.gif) no-repeat top left;
	width: 150px;
	height: 55px;
	margin: 15px 0 10px 0;
}

/* no quote version */

/* h2#workingknowledge {
	background: url(../images/ourclients/workingknowledge.gif) no-repeat top left;
	width: 150px;
	height: 55px;
	margin: 15px 0 10px 0;
}*/

h2#workingknowledge {
	background: url(../images/ourclients/workingknowledge.gif) no-repeat top left;
	width: 150px;
	height: 55px;
	margin: 15px 0 10px 0;
}

h2#pes {
	background: url(../images/ourclients/pes.gif) no-repeat top left;
	width: 150px;
	height: 55px;
	margin: 15px 0 10px 0;
}

h2#brilliantweekends {
	background: url(../images/ourclients/brilliantweekends.gif) no-repeat top left;
	width: 150px;
	height: 55px;
	margin: 15px 0 10px 0;
}

h2#bmw {
	background: url(../images/ourclients/bmw.gif) no-repeat top left;
	width: 150px;
	height: 55px;
	margin: 15px 0 10px 0;
}

h2#belgrave {
	background: url(../images/ourclients/belgrave.gif) no-repeat top left;
	width: 150px;
	height: 55px;
	margin: 15px 0 10px 0;
}

h2#cct {
	background: url(../images/ourclients/cct.gif) no-repeat top left;
	width: 150px;
	height: 55px;
	margin: 15px 0 10px 0;
}

h2#cjhole {
	background: url(../images/ourclients/cjhole.gif) no-repeat top left;
	width: 150px;
	height: 55px;
	margin: 15px 0 10px 0;
}

h2#inty {
	background: url(../images/ourclients/inty.gif) no-repeat top left;
	width: 150px;
	height: 96px;
	margin: 15px 0 10px 0;
}

h2#wiltshirefarmfoods {
	background: url(../images/ourclients/wiltshirefarmfoods.gif) no-repeat top left;
	width: 150px;
	height: 55px;
	margin: 15px 0 10px 0;
}

h2#wwf {
	background: url(../images/ourclients/wwf.gif) no-repeat top left;
	width: 150px;
	height: 55px;
	margin: 15px 0 10px 0;

}

h2#wwf2 {
	background: url(../images/ourclients/wwf2.gif) no-repeat top left;
	width: 150px;
	height: 96px;
	margin: 15px 0 10px 0;
}

h2#wff4 {
	background: url(../images/ourclients/wff4.gif) no-repeat top left;
	width: 150px;
	height: 96px;
	margin: 15px 0 10px 0;
}

h2#solsoft {
	background: url(../images/ourclients/solsoft.gif) no-repeat top left;
	width: 150px;
	height: 55px;
	margin: 15px 0 10px 0;
}

h2#exony {
	background: url(../images/ourclients/exony.gif) no-repeat top left;
	width: 150px;
	height: 96px;
	margin: 15px 0 10px 0;
}

h2#groovy {
	background: url(../images/ourclients/groovy.gif) no-repeat top left;
	width: 150px;
	height: 55px;
	margin: 15px 0 10px 0;
}

h2#ontology {
	background: url(../images/ourclients/ontology.gif) no-repeat top left;
	width: 150px;
	height: 55px;
	margin: 15px 0 10px 0;
}

h2#theberkeleycentre {
	background: url(../images/ourclients/theberkeleycentre.gif) no-repeat top left;
	width: 150px;
	height: 55px;
	margin: 15px 0 10px 0;
}

h2#peopleshop {
	background: url(../images/ourclients/peopleshop.gif) no-repeat top left;
	width: 150px;
	height: 55px;
	margin: 15px 0 10px 0;
}

h2#apetito {
	background: url(../images/ourclients/apetito.gif) no-repeat top left;
	width: 150px;
	height: 55px;
	margin: 15px 0 10px 0;
}


/*-------------------*/


h2#brandrefresh {
	background: url(../images/ourclients/brand.gif) no-repeat top left;
	width: 150px;
	height: 55px;
	margin: 15px 0 10px 0;
}

h2#brandingandweb {
	background: url(../images/ourclients/brandingandweb.gif) no-repeat top left;
	width: 150px;
	height: 55px;
	margin: 15px 0 10px 0;
}

h2#brandingandliterature {
	background: url(../images/ourclients/brandingandliterature.gif) no-repeat top left;
	width: 150px;
	height: 55px;
	margin: 15px 0 10px 0;
}

h2#corporateliterature {
	background: url(../images/ourclients/corporateliterature.gif) no-repeat top left;
	width: 150px;
	height: 55px;
	margin: 15px 0 10px 0;
}

								h2#idandweb {
									background: url(../images/ourclients/idandweb.gif) no-repeat top left;
									width: 150px;
									height: 55px;
									margin: 15px 0 10px 0;
								}

h2#pressadvertising {
	background: url(../images/ourclients/pressadvertising.gif) no-repeat top left;
	width: 150px;
	height: 55px;
	margin: 15px 0 10px 0;
}

h2#quarterly {
	background: url(../images/ourclients/corporateliterature.gif) no-repeat top left;
	width: 150px;
	height: 55px;
	margin: 15px 0 10px 0;
}

h2#ridethewave {
	background: url(../images/ourclients/ridethewave.gif) no-repeat top left;
	width: 150px;
	height: 55px;
	margin: 15px 0 10px 0;
}


/*-------------------*/


#grid {
	width: 480px;
	float: left;
}

	#gridrightcolumn {
		border-top: 1px solid #303934;
		border-bottom: 1px solid #303934;
		background-color: #505552;
		width: 150px;
		height: 468px;
		float: left;
	}
	
	#gridrightcolumn h3 {
		background: url(../images/projectsgridtitle.gif) no-repeat 9px 13px;
		width: 150px;
		height: 30px;
	}

	#gridrightcolumn p {
		margin: 10px;
		line-height: 16px;
	}


	
#gridrightcolumn ul li span {
	visibility: hidden;
}


	
#gridrightcolumn ul li a {	
	display: block;
	width: 130px;
	height: 31px;
	margin: 0 0 0 8px;
}
	
	#gridrightcolumn ul li a#gridcontrol01 {
		background: url(../images/ourclients/gridcontrol01.gif) no-repeat 0px 0px;
	}
	
	#gridrightcolumn ul li a#gridcontrol02 {
		background: url(../images/ourclients/gridcontrol02.gif) no-repeat 0px 0px;
	}
	
	#gridrightcolumn ul li a#gridcontrol03 {
		background: url(../images/ourclients/gridcontrol03.gif) no-repeat 0px 0px;
	}
	
		#gridrightcolumn ul li a:hover#gridcontrol01,
		#gridrightcolumn ul li a:hover#gridcontrol02,
		#gridrightcolumn ul li a:hover#gridcontrol03 {
			background-position: 0px -100px;
		}
	
	
	
	

#middlecolumn {
	margin-top: 10px;
}

	#whatwedopage #middlecolumn {
		margin-top: 0;
	}
	

#projectsgridpage #middlecolumn {
	width: 630px;
	margin-top: 9px;
}

	#projectsgridpage #rightcolumn {
		display: none;
	}


	#grid a {
		border: 1px solid #303934;
		display: block;
		width: 148px;
		height: 148px;
		float: left;
		margin: 0 10px 10px 0;
		display: inline;
	}

			#grid a:active {
				border: 1px solid #303934;
			}

		#grid a:hover {
			border: 1px solid #c0c0c0;
		}


		#grid a.endrow {
			margin-right: 0;
		}

		#grid .bottomrow a {
			margin-bottom: 0;
		}



			#grid a#comingsoon01 {
				border: 1px solid #303934;
				background: url(../images/ourclients/projectgridimg01.jpg) no-repeat top left;
			}

			#grid a:hover#comingsoon01 {
				border: 1px solid #333;
				background: url(../images/ourclients/projectgridimg01_over.jpg) no-repeat top left;
			}

			#grid a#comingsoon03 {
				border: 1px solid #303934;
				background: url(../images/ourclients/projectgridimg03.jpg) no-repeat top left;
			}

			#grid a:hover#comingsoon03 {
				border: 1px solid #333;
				background: url(../images/ourclients/projectgridimg03_over.jpg) no-repeat top left;
			}
			
			
			


			#grid a#projectgridimg01 {
				background: url(../images/ourclients/projectgridimg10.jpg) no-repeat top left;
			}
			
			#grid a#projectgridimg02 {
				background: url(../images/ourclients/projectgridimg11.gif) no-repeat top left;
			}
			
			#grid a#projectgridimg03 {
				background: url(../images/ourclients/projectgridimg12.jpg) no-repeat top left;
			}
			
			#grid a#projectgridimg04 {
				background: url(../images/ourclients/projectgridimg04.gif) no-repeat top left;
			}
			
			#grid a#projectgridimg05 {
				background: url(../images/ourclients/projectgridimg05.jpg) no-repeat top left;
			}
			
			#grid a#projectgridimg06 {
				background: url(../images/ourclients/projectgridimg06.jpg) no-repeat top left;
			}
			
			#grid a#projectgridimg07 {
				background: url(../images/ourclients/projectgridimg03.jpg) no-repeat top left;
			}
			
			#grid a#projectgridimg08 {
				background: url(../images/ourclients/projectgridimg09.gif) no-repeat top left;
			}
			
			#grid a#projectgridimg09 {
				background: url(../images/ourclients/projectgridimg13.jpg) no-repeat top left;
			}
			
			
			/* hover states */
			
			#grid a:hover#projectgridimg01 {
				background: url(../images/ourclients/projectgridimg10_hover.jpg) no-repeat -1px -1px;
			}
			
			#grid a:hover#projectgridimg02 {
				background: url(../images/ourclients/projectgridimg11_hover.jpg) no-repeat -1px -1px;
			}
			
			#grid a:hover#projectgridimg03 {
				background: url(../images/ourclients/projectgridimg12_hover.jpg) no-repeat -1px -1px;
			}
			
			#grid a:hover#projectgridimg04 {
				background: url(../images/ourclients/projectgridimg04_hover.jpg) no-repeat -1px -1px;
			}
			
			#grid a:hover#projectgridimg05 {
				background: url(../images/ourclients/projectgridimg05_hover.jpg) no-repeat -1px -1px;
			}
			
			#grid a:hover#projectgridimg06 {
				background: url(../images/ourclients/projectgridimg06_hover.jpg) no-repeat -1px -1px;
			}
			
			#grid a:hover#projectgridimg07 {
				background: url(../images/ourclients/projectgridimg03_hover.jpg) no-repeat -1px -1px;
			}
			
			#grid a:hover#projectgridimg08 {
				background: url(../images/ourclients/projectgridimg09_hover.jpg) no-repeat -1px -1px;
			}
			
			#grid a:hover#projectgridimg09 {
				background: url(../images/ourclients/projectgridimg13_hover.jpg) no-repeat -1px -1px;
			}






/*-------------------*/

#grid2 {
	background-color: #fff;
	height: 336px;
	margin-bottom: 2px;
}

	.grid2_mainpic {
		width: 263px;
		height: 336px;
		float: left;
	}

	.grid2_smallpics {
		padding-top: 28px;
		background-color: #fff;

	}

#grid2 a {
		border: 1px solid #fff;
		width: 84px;
		height: 87px;
		float: left;
		margin: 0 4px 4px 0;
	}

			#grid2 a:active {
				border: 1px solid #AACA5D;
			}

		#grid2 a:hover {
			border: 1px solid #303934;
		}

	#grid2 a.selected {
		/*border: 1px solid #fff;*/
	}


.iebodge {
	display: none;
}


#grid2_state1 {
	display: block;
}

#grid2_state2 {
	display: none;
}

#grid2_state3 {
	display: none;
}

#grid2_state4 {
	display: none;
}

#grid2_state5 {
	display: none;
}

#grid2_state6 {
	display: none;
}

/*-------------------*/


.projectscopy {
	width: 470px;
	background-color: transparent;
	border: 0;
	padding-left: 0;
	padding-top: 0;
}

.projectscopy p {
	padding-right: 0;
	line-height: 17px!important;
}


p#title {
	margin-top: 10px;
}


/*----------------------------*/
/* scroll through the projects */

ul.scroll {
	list-style: none;
	float: right;
}

	ul.scroll li {
		float: left;
		width: 10px;
		height: 10px;
		margin-left: 10px;
	}

		ul.scroll li a {
			display: block;
			width: 10px;
			height: 10px;
		}

			ul.scroll li a span {
				position: absolute;
				top: -6000em;
			}

		ul.scroll li#previous a {
			background: url(../images/ourclients/previous.gif) no-repeat top left;
		}

			ul.scroll li#previous a:hover {
				background: url(../images/ourclients/previous_over.gif) no-repeat top left;

			}

			ul.scroll li#previous a.disabled {
				background: url(../images/ourclients/previous_disabled.gif) no-repeat top left;
			}

		ul.scroll li#next a {
			background: url(../images/ourclients/next.gif) no-repeat top left;
		}

			ul.scroll li#next a:hover {
				background: url(../images/ourclients/next_over.gif) no-repeat top left;

			}

			ul.scroll li#next a.disabled {
				background: url(../images/ourclients/next_disabled.gif) no-repeat top left;
			}

/*----------------------------*/
/* project picture caption */


	p.caption {
		margin-bottom: 7px;
	}

		p.caption span {
			font-size: 9px;
			color: #989c9a;
			font-weight: bold;
		}

	.pagemarker img {
		margin-right: 2px;
	}



.projectlink {
			border-bottom: 1px solid #AACA5D;
		}

		.projectlink:hover {
			color: #AACA5D;
			border-bottom: 1px solid #FFF;
		}

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

.contentspecifictext {
	line-height: 16px;
	padding: 12px 10px 17px 0;
}

	#whatwedopage .contentspecifictext {
		padding-bottom: 11px;
	}

		.contentspecifictext a:hover {
			color: #AACA5D;
			border-bottom: 1px solid #FFF;
		}

.extrapara {
	margin: 14px 0 12px 0;
}

	.lesslowerpadding {
		padding-bottom: 0px;
		margin-bottom: -2px;
	}

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


#backtotop {
	width: 100%;
	height: 12px;
	background: url(../images/dots.gif) repeat-x 0 0px;
	padding-top: 13px;
}