/* General css */

#container #main #top_content_clients{
	margin: 0 auto;
	width: 1095px;
	height: auto;
	background: url(../images/work/work_bg_clients.png) 0 0 no-repeat;
	display: block;
}
#container #main #top_content_clients  p{
	font-family: Verdana, Arial, Sans-serif;
	padding: 0 20px 15px 27px;
	font-size: 0.9em;
}
#container #main #top_content_clients #clients{
	margin: 0 15px 0 72px;
	padding:  0 0 0;
	width: 679px;
	min-height: 550px;
	display: block;
	float: left;
	height: auto;
}
#container #main h3{
	font-family: Verdana, Arial, Sans-serif;
	padding: 12px 0 0px 25px;
	color: #666600;
	font-size: 2.3em;
}
#container #main #top_content_clients .rightpic {
	float: right;
	padding: 0 0 10px 10px	
}

#container #main #top_content_clients h3.heading_right{
	font-family: Verdana, Arial, Sans-serif;
	padding: 0px 0 0px 20px;
	margin: 0 0 0 0px;
	color: #666600;
	font-size: 1.8em;
}


#container #main #top_content_clients #clients .right{
	float: right;
}
#container #main #top_content_clients #clients .turvelaws{
	float: left;
	width: 343px;
	padding: 0 0 20px;
}
#container #main #top_content_clients  .quotes{
	color: #999966;
	font-size: 1.1em;
	padding: 10px 0 0 20px;
}
#container #main #top_content_clients .arttour {
	width: 350px;
	float: left;
}
#container #main #top_content_clients .arttourimage {
	float: right;
	padding: 100px 0 0 0;
}
#container #main #top_content_clients .looprints {
	width: 330px;
	float: left;
}
#container #main #top_content_clients .looprintsimage {
	float: right;
	padding: 0 25px 0 0;
}
#container #main #top_content_clients .alnwick_bottles {
	float: right;
	padding: 20px 0 0 0;
}
#container #main #top_content_clients .beal {
	float: left;
	width: 320px;
}
#container #main #top_content_clients .bealmenu {
	float: right;
	padding: 50px 0 ;
}
#container #main #top_content_clients .dalesdiary {
	background: url(../images/work/dalesdiary.png) bottom left no-repeat;
	height: 530px;
}
#container #main #top_content_clients .thorncroft {
	background: url(../images/work/thorncroft.png) top left no-repeat;
	height: 530px;
}
#container #main #top_content_clients .client_image {
	padding: 0 0 0 0px;
	text-align: center;
}
#container #main #top_content_clients .sintons {
	width: 416px;
	padding: 20px 0 0 0;
	float: right;
}
#container #main #top_content_clients .courtauld {
	width: 416px;
	float: right;
	text-align: right;
}
#container #main #top_content_clients .widehoe {
	width: 360px;
	padding: 20px 0 0 0;
	float: right;
	text-align: right;
}
#container #main #top_content_clients .culturelabel {
	width: 679px;
	padding: 0px 0 20px 0;
	text-align: center;
}
#container #main #top_content_clients .george {
	width: 252px;
	float: right;
}
#container #main #top_content_clients .sweetiehome {
	width: 308px;
	float: right;
	text-align: right;
}
#container #main #top_content_clients #wife {
	width: 669px;
	height: 342px;
	padding: 20px 0 0 10px;
	text-align: center;
	background: url(../images/work/wife.png) top center no-repeat;
}




/* Top images */
.inside{
	margin: 0 auto;
	width: 100%;
	height: 350px;
	background: url(../images/backgrweounds/1.jpg) top center;
	display: none;
	position: absolute;
}
#overthat{
	position: absolute;
	width: 100%;
	height: 350px;
	background: url(../images/common/darken_70.png) bottom center;
	display: block;
}
#overthat p{
	padding: 325px 0 0 0;
	height: 30px;
	color: #fff;
}
.loader{
	margin: 170px auto 0 auto;
	padding: 0;
	width: 100%;
	height: 180px;
	background: url(../images/common/loader.gif) top center no-repeat;
	display: block;
}


/* Doddington css */
#container #main #top_content_doddington{
	margin: 0 auto;
	width: 1095px;
	height: auto;
	background: url(../images/work/client_bg.png) 0 0 no-repeat;
	display: block;
}
#container #main #top_content_clients  p{
	font-family: Verdana, Arial, Sans-serif;
	padding: 0 20px 15px 27px;
	font-size: 0.9em;
	color: #7d7973;
}
#container #main #top_content_clients #doddington{
	margin: 0 15px 0 72px;
	padding:  0 0 0;
	width: 679px;
	min-height: 550px;
	display: block;
	float: left;
	height: auto;
}
#container #main #top_content_clients #doddington h2{
	display: none;
}

#container #main #top_content_clients  p.client_intro {
	color: #7d7973;
	font-size: 1.4em;
	line-height: 1.4em;
	padding: 20px 20px 15px 27px;
}
#container #main #top_content_clients  img.cow {
	float: left;
	padding: 0 52px 0 0;
}

/* Hackett css */
#container #main #top_content_hackett{
	margin: 0 auto;
	width: 1095px;
	height: auto;
	background: url(../images/work/client_bg/doddington.png) 0 0 no-repeat;
	display: block;
}
#container #main #top_content_hackett  p{
	font-family: Verdana, Arial, Sans-serif;
	padding: 0 20px 15px 27px;
	font-size: 0.9em;
}
#container #main #top_content_hackett #hackett{
	margin: 58px 15px 0 72px;
	padding:  0 0 0;
	width: 679px;
	min-height: 550px;
	display: block;
	float: left;
	height: auto;
}
#container #main #top_content_hackett #hackett h2{
	display: none;
}
#container #main #top_content_hackett #hackett h3{
	font-family: Verdana, Arial, Sans-serif;
	color: #333300;
	padding: 15px 0 0px 20px;
	font-size: 1.5em;
}
#container #main #top_content_hackett  p.client_intro {
	color: #666666;
	font-size: 1.1em;
	line-height: 1.4em;
	padding: 20px 20px 15px 27px;
}
#container #main #top_content_hackett  img.cow {
	float: left;
	padding: 0 52px 0 0;
}
/* how we helped */
#container #main #work_services  #howwehelped{
	font-family: Verdana, Arial, Sans-serif;
	padding: 30px 0 0 20px;
}
#container #main #work_services  #howwehelped ul{
	font-family: Verdana, Arial, Sans-serif;
}
#container #main #work_services  #howwehelped img{
	margin: 0 0 0 -60px;
}
#container #main #work_services  #howwehelped li{
	font-family: Verdana, Arial, Sans-serif;
	color: #b24c10;
	display: list-item;
	float: none;
	background: url(../images/work/tickbox.png) 0 5px no-repeat;
	padding: 0 0 0 30px;
	line-height: 2.5em;
	list-style: none;
}
#container #main #work_services  #howwehelped  .view_website {
	position: relative;
	width: 197px;
	height: 70px;
	z-index: 5;
	top: 20px;
}

#container #main #work_services  #howwehelped .button_view_website {
	width: 197px;
	height: 70px;
	background: url(../images/work/view_website.png) 0 -79px no-repeat;
	display: block;
}
#container #main #work_services  #howwehelped .button_view_website:hover {
	background: url(../images/work/view_website.png) 0 0 no-repeat;
}
#container #main #work_services  #howwehelped .button_view_website span {
	position: absolute;
	top: -9999px;
}

#container #main #work_services  #howwehelped .button_back {
	width: 197px;
	height: 45px;
	background: url(../images/work/backtowork.png) 0 -5px no-repeat;
	display: block;
	margin: 20px 0 0 0;
}
#container #main #work_services  #howwehelped .button_back:hover {
	background: url(../images/work/backtowork.png) 0 -48px no-repeat;
}
#container #main #work_services  #howwehelped .button_back span {
	position: absolute;
	top: -9999px;
}