* {
	margin: 0;
	padding: 0;
}

img {
	border: 0;
	display: block;
}

.clear {
	clear: both;
}

.hide {
	position: absolute;
	top: -10000px;
}

ul {
	list-style: none;
}

ul li span {
	position: absolute;
	top: -10000px;
}

abbr, acronym {
	cursor: help;
	border-bottom: 1px dotted #F6C690;
}



body {
	color: #334148;
	background-color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 17px;
}


/*-----------------------------*/
/*----- headings styles ----- */
/*-----------------------------*/

h1 span, h2 span, h3 span {
	position: absolute;
	top: -10000em;
}

h4 {
	font-size: 11px;
}


/*-----------------------------*/
/*----- links styles ----- */
/*-----------------------------*/


a {
	color: #75aecc;
	font-weight: bold;
	text-decoration: none;
}

/*a:visited {
	color: #f00;
}*/

a:hover, a:active {
	color: #698ea1;
}


/*-----------------------------*/
/*----- navigation styles ----- */
/*-----------------------------*/

#logo h1, #logo h1 a:hover, #logo h1 a:active {
	background: url(../images/logo.gif) 27px 50px no-repeat;
	width: 230px;
	height: 127px;
	border: 0;
}

	#logo h1 a {
		display: block;
		width: 230px;
		height: 127px;
		text-decoration: none;
		border: 0;
	}

	
	
#mainnav {
	padding: 0 0 0 30px;
}

	#mainnav ul li {
		color: #527A8F;
		font-weight: bold;
		line-height: 20px;
	}
	
		#mainnav ul li a {
			color: #334148;
			font-weight: normal;
		}
		
			#mainnav ul li a:hover, #mainnav ul li a:active {
				color: #ED8D22;
			}
			
	#mainnav ul li a.selected {
		color: #75AECC;
		font-weight: bold;
	}
	
		#mainnav ul li a:hover.selected {
			color: #75AECC;
			font-weight: bold;
		}
		
	#mainnav ul li a.semiselected {
		color: #527A8F;
		font-weight: bold;
	}
		

ul#secondnav li a {
	color: #000;
	background: url(../images/nav_arrow01.png) 0 4px no-repeat;
	padding: 0 0 0 9px;
}

	ul#secondnav li a.selected {
		color: #75AECC;
		background: url(../images/nav_arrow02.png) 0 4px no-repeat;
	}





/*-----------------------------*/
/*----- main structure styles ----- */
/*-----------------------------*/


#outerbox01 {
	margin-left: auto;
	margin-right: auto;
	width: 1000px;
}

#outerbox02 {
	position: absolute;
	top: 50%;
	width: 1000px;
	height: 595px;
	margin-top: -297px;
	background-color: #fff;
}


#leftcolumn {
	float: left;
	width: 230px;
	height: 595px;
	border-right: 1px solid #698EA1;
}

#workimagearea {
	float: left;
	width: 472px;
}

#workinfoarea {
	float: left;
	width: 240px;	
}


/*-----------------------------*/
/*----- 'inside homemainarea' styles ----- */
/*-----------------------------*/

#homemainarea {
	width: 769px;
	float: left;
}

	#homemainarea h2 a {
		display: block;
		width: 769px;
		height: 595px;
		background: url(../images/home.gif) top left no-repeat;
	}

	#homemainarea h3 {
		width: auto;
	}




/*-----------------------------*/
/*----- 'inside approach' styles ----- */
/*-----------------------------*/

#approachpage {
	float: left;
	width: 769px;
	height: 595px;
	background-color: #F7F9FA;
}

	#approachpage_flash {
		line-height: 1px;
	}


#approachpageimage {
	width: 769px;
	height: 339px;
	background: url(../images/approachpage.jpg) top left no-repeat;
}

#approachpagebox01, #approachpagebox02, #approachpagebox03 {
	float: left;
	line-height: 16px;
}

.approachpagebox_text {
	height: 189px;
}

	
	#approachpagebox01 {
		width: 628px;
		padding: 23px 0 0 29px;
	}

	#approachpagebox02 {
		width: 594px;
		padding: 23px 0 0 29px;
	}
	
	#approachpagebox03 {
		width: 596px;
		padding: 23px 0 0 29px;
	}

	#approachpagebox02 {
		display: none;
	}
	
	#approachpagebox03 {
		display: none;
	}
		
		
		#approachpagebox01 h2 {
			width: 545px;
			height: 85px;
			background: url(../images/title_approach02.gif) 0px 1px no-repeat;
			margin-left: -3px;
		}
	
		#approachpagebox02 h2 {
			width: 545px;
			height: 47px;
			background: url(../images/title_approach01.gif) top left no-repeat;
			margin-left: -3px;
		}
		
		#approachpagebox03 h2 {
			width: 545px;
			height: 47px;
			background: url(../images/title_approach03.gif) top left no-repeat;
			margin-left: -2px;
		}
		
		
	
	#approachpagebox01 p, #approachpagebox02 p, #approachpagebox03 p {
		margin: 0 12px 10px 0;
		font-size: 12px;
	}
	
	
	
	

#approachpagebox01_cta {
	padding: 10px 0 0 0;
}

#approachpagebox01_cta a {
	color: #ed8d22;
}

	#approachpagebox01_cta a:hover {
		color: #334148;
	}


#approachpagebox02_cta a {
	color: #527a8f;
}

	#approachpagebox02_cta a:hover {
		color: #334148;
	}







.approachpagenav ul {
	margin: 10px 0 0 1px;
	padding: 0 0 13px 0;
}

	.approachpagenav ul li {
		float: left;
	}
	
		.approachpagenav ul li a {
			color: #334148;
			font-family: Georgia, "Times New Roman", Times, serif;
		}
		
			.approachpagenav ul li a:hover, .approachpagenav ul li a.selected {
				color: #75AECC;
			}
			
.approachpagenav ul li a {
	display: block;
	width: 13px;
	height: 13px;
}

	.approachpagenav ul li.next a {
		background: url(../images/next.png) 2px 0 no-repeat;
		width: 33px;
	}
	
		.approachpagenav ul li.next a:hover {
			background: url(../images/next.png) 2px -100px no-repeat;
		}

	.approachpagenav ul li.one a {
		background: url(../images/number01.png) 0 0 no-repeat;
	}
	
		.approachpagenav ul li.one a:hover, .approachpagenav ul li.one a.selected {
			background: url(../images/number01.png) 0 -100px no-repeat;
		}
		
	.approachpagenav ul li.two a {
		background: url(../images/number02.png) 0 0 no-repeat;
	}
	
		.approachpagenav ul li.two a:hover, .approachpagenav ul li.two a.selected {
			background: url(../images/number02.png) 0 -100px no-repeat;
		}
		
	.approachpagenav ul li.three a {
		background: url(../images/number03.png) 0 0 no-repeat;
	}
	
		.approachpagenav ul li.three a:hover, .approachpagenav ul li.three a.selected {
			background: url(../images/number03.png) 0 -100px no-repeat;
		}




/*-----------------------------*/
/*----- 'inside work landing' styles ----- */
/*-----------------------------*/

#worklanding {
	float: left;
	width: 769px;
	height: 595px;
	background-color: #fff;
}

	.worklanding_column {
		width: 210px;
		padding: 0 10px 0 20px;
		float: left;
	}

#worklanding h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 16px;
	line-height: 21px;
	padding: 15px 0 15px 0;
	margin: 20px 60px 0 20px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

#worklanding h3 {
	padding: 17px 0 0 0;
	color: #698ea1;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 21px;
	letter-spacing: -1px;
}

#worklanding p {
	padding: 15px 0 0 0;
	min-height: 90px;
	
}

#worklanding ul {
	padding: 15px 0 15px 0;
	border-top: 1px solid #ccc;
}


#worklanding a:hover {
	color: #334148;
}
	
	
	
	
	
	
	

#disciplinebox01, #disciplinebox02, #disciplinebox03 {
	float: left;
}

	#disciplinebox01 {
		width: 206px;
		border-right: 1px solid #B4C6D0;
		padding: 10px 0 0 44px;
	}

	#disciplinebox02 {
		width: 221px;
		border-right: 1px solid #B4C6D0;
		padding: 9px 0 0 33px;
		margin: 0 33px 0 0;
	}
	
	#disciplinebox03 {
		width: 180px;
		padding: 10px 0 0 0;
	}
	
		#disciplinebox01 h3, #disciplinebox02 h3, #disciplinebox03 h3 {
			font-family: Arial, Helvetica, sans-serif;
			font-size: 21px;
			letter-spacing: -1px;
			width: 190px;
		}
		
		#disciplinebox01 h3 a, #disciplinebox02 h3 a, #disciplinebox03 h3 a {
			color: #527A8F;
		}
		
			#disciplinebox01 h3 a:hover, #disciplinebox02 h3 a:hover, #disciplinebox03 h3 a:hover {
				color: #75AECC;
			}
			
		
#disciplinebox01 h3 a, #disciplinebox02 h3 a, #disciplinebox03 h3 a {
	display: block;
	width: 165px;
	height: 20px;
	text-decoration: none;
	border: 0;
}
	
		#disciplinebox01 h3 {
			background: url(../images/title_branding.gif) top left no-repeat;
		}
		
		#disciplinebox02 h3 {
			background: url(../images/title_communications.gif) top left no-repeat;
		}
		
		#disciplinebox03 h3 {
			background: url(../images/title_packaging.gif) top left no-repeat;
		}
	
	
	#disciplinebox01 p {
		padding: 15px 20px 0 0;
	}
	
	#disciplinebox02 p {
		padding: 16px 45px 0 1px;
	}
	
	#disciplinebox03 p {
		padding: 15px 0 0 0;
	}
	
	
#worklanding a.morelink span {
	position: absolute;
	top: -10000em;
}

	#worklanding a.morelink {
		display: block;
		width: 40px;
		height: 11px;
		background: url(../images/worklanding_cta.gif) 0 0 no-repeat;
	}
	
		#worklanding a:hover.morelink {
			background: url(../images/worklanding_cta.gif) 0 -100px no-repeat;
		}
	
		#disciplinebox01 a.morelink {
			margin: 25px 0 0 1px;
		}
		
		#disciplinebox02 a.morelink {
			margin: 7px 0 0 0;
		}
		
		#disciplinebox03 a.morelink {
			margin: 25px 0 0 1px;
		}
		
		
#worklanding #clientlink {
	clear: both;	
	padding: 29px 0 0 44px;
}
		
#worklanding #clientlink h3 {
	width: auto;
	font-size: 16px;
	color: #527A8F;
}

	#worklanding #clientlink h3 a {
		color: #334148;
		font-weight: normal;
	}
	
		#worklanding #clientlink h3 a:hover {
			color: #75AECC;
			font-weight: normal;
		}
		
	#worklanding #clientlink h3 a {
		display: block;
		width: 654px;
		height: 18px;
		background: url(../images/worklanding_clientlink.gif) 0 0 no-repeat;
	}
	
		#worklanding #clientlink h3 a:hover {
			background: url(../images/worklanding_clientlink.gif) 0 -100px no-repeat;
		}

	
	
/* dropdown */

#dropdown {
	margin: 0 33px 0 30px;
	height: 91px;
	/*border-bottom: 1px solid #DBE4E8;*/
}

#dropdown select {
	margin-top: 4px;
}

#dropdown img.left {
	margin: 0;
	padding: 0;
}

#dropdown #dropdownlinks {
	padding: 0;
	float: left;
	width: 172px;
	height: 19px;
	margin: 43px 0 0 -3px;
	/* OR 	margin: 50px 0 0 -3px;*/
	background: url(../images/dropdown_verylightblue.gif) no-repeat 0 100%;
	color: #fff;
	}
	
#dropdown #dropdownlinks select {
	width: 172px; margin-top: -2px; opacity: 0;
}	
	

	
	
/*-----------------------------*/
/*----- 'inside work type landing' styles ----- */
/*-----------------------------*/

#worklanding_discipline_flash {
	line-height: 1px;
}

#worklanding_branding, #worklanding_communications, #worklanding_packaging {
	float: left;
	margin: 124px 0 0 40px;
}

#worklanding_branding {
	width: 660px;
}

#worklanding_communications {
	width: 640px;
}

#worklanding_packaging {
	width: 620px;
}

#worklanding_bignav {

}


#worklanding_bignav ul {
	font-size: 38px;
	line-height: 46px;
	letter-spacing: -2px;
}

#worklanding_bignav ul li {
	float: left;
}

#worklanding_bignav ul li a {
	color: #527A8F;
	background: url(../images/bignavslash.gif) top right no-repeat;	
	padding: 0 25px 0 0;
	margin: 0 8px 0 0;
}

#worklanding_bignav ul li a:hover {
	color: #ED8D22;
}

#worklanding_littlenav {
	clear: both;
	padding: 130px 0 0 4px;
}

		#worklanding_littlenav.worklanding_communications {
			padding-top: 83px;
		}

#worklanding_littlenav ul {
	font-size: 17px;
}

#worklanding_littlenav ul li {
	float: left;
}

#worklanding_littlenav ul li a {
	background: url(../images/littlenavslash.gif) top right no-repeat;	
	padding: 0 14px 0 0;
	margin: 0 4px 0 0;
}

	#worklanding_littlenav ul li a:hover {
		color: #ED8D22;
	}

	#worklanding_littlenav ul li a.lastlink {
		background: transparent;
	}

#worklanding_littlenav ul li a.selected {
	color: #527A8F;
}



/*-----------------------------*/
/*----- 'inside work image area' styles ----- */
/*-----------------------------*/





/*-----------------------------*/
/*----- 'inside work info area' styles ----- */
/*-----------------------------*/

#workinfoarea {
	margin: 148px 0 0 0;
}

#workinfoarea h2, h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 18px;
	line-height: 23px;
	display: block;
	width: 240px;
	height: 23px;
}

	#workinfoarea h2 {
		color: #334148;
	}

		#workinfoarea h3 {
			color: #75AECC;
		}		
		
	#workinfoarea h4 {
		margin: 11px 0 0 1px;
		color: #989289;
		font-weight: normal;
	}
	
#workinfoarea p {
	margin: 11px 0 0 1px;
	/* was margin: 23px 0 0 1px; */
}

	#workinfoarea p a {
		font-weight: normal;
	}

	#workinfoarea p.extrapara {
		margin-top: 11px;
		/* was margin-top: 16px; */
	}


#workinfoarea ul {
	margin: 23px 0 0 1px;
	padding: 0 0 12px 0;
}

#workinfoarea ul#lonesomelink {
	margin: 16px 0 0 -2px;
}

	#workinfoarea ul li {
		float: left;
	}
	
		#workinfoarea ul li a {
			color: #334148;
			font-family: Georgia, "Times New Roman", Times, serif;
		}
		
			#workinfoarea ul li a:hover, #workinfoarea ul li a.selected {
				color: #75AECC;
			}
			
#workinfoarea ul li a {
	display: block;
	width: 13px;
	height: 13px;
}

	#workinfoarea ul li#next a {
		background: url(../images/next.png) 2px 0 no-repeat;
		width: 33px;
	}
	
		#workinfoarea ul li#next a:hover {
			background: url(../images/next.png) 2px -100px no-repeat;
		}
		
		/* back button */
		
	#workinfoarea ul li#back a {
		background: url(../images/back.png) 2px 1px no-repeat;
		width: 33px;
	}
	
		#workinfoarea ul li#back a:hover {
			background: url(../images/back.png) 2px -89px no-repeat;
		}
		
	/* back button 2 */
		
	#workinfoarea ul li#back2 a {
		background: url(../images/back2.png) 2px 1px no-repeat;
		width: 33px;
	}
	
		#workinfoarea ul li#back2 a:hover {
			background: url(../images/back2.png) 2px -89px no-repeat;
		}
		
		
		

	#workinfoarea ul li#one a {
		background: url(../images/number01.png) 0 0 no-repeat;
	}
	
		#workinfoarea ul li#one a:hover, #workinfoarea ul li#one a.selected {
			background: url(../images/number01.png) 0 -100px no-repeat;
		}
		
	#workinfoarea ul li#two a {
		background: url(../images/number02.png) 0 0 no-repeat;
	}
	
		#workinfoarea ul li#two a:hover, #workinfoarea ul li#two a.selected {
			background: url(../images/number02.png) 0 -100px no-repeat;
		}
		
	#workinfoarea ul li#three a {
		background: url(../images/number03.png) 0 0 no-repeat;
	}
	
		#workinfoarea ul li#three a:hover, #workinfoarea ul li#three a.selected {
			background: url(../images/number03.png) 0 -100px no-repeat;
		}
		
	#workinfoarea ul li#four a {
		background: url(../images/number04.png) 0 0 no-repeat;
	}
	
		#workinfoarea ul li#four a:hover, #workinfoarea ul li#four a.selected {
			background: url(../images/number04.png) 0 -100px no-repeat;
		}
		
	#workinfoarea ul li#five a {
		background: url(../images/number05.png) 0 0 no-repeat;
	}
	
		#workinfoarea ul li#five a:hover, #workinfoarea ul li#five a.selected {
			background: url(../images/number05.png) 0 -100px no-repeat;
		}
		
	#workinfoarea ul li#six a {
		background: url(../images/number06.png) 0 0 no-repeat;
	}
	
		#workinfoarea ul li#six a:hover, #workinfoarea ul li#six a.selected {
			background: url(../images/number06.png) 0 -100px no-repeat;
		}
		
	#workinfoarea ul li#seven a {
		background: url(../images/number07.png) 0 0 no-repeat;
	}
	
		#workinfoarea ul li#seven a:hover, #workinfoarea ul li#seven a.selected {
			background: url(../images/number07.png) 0 -100px no-repeat;
		}
		
	#workinfoarea ul li#eight a {
		background: url(../images/number08.png) 0 0 no-repeat;
	}
	
		#workinfoarea ul li#eight a:hover, #workinfoarea ul li#eight a.selected {
			background: url(../images/number08.png) 0 -100px no-repeat;
		}
		
	#workinfoarea ul li#nine a {
		background: url(../images/number09.png) 0 0 no-repeat;
	}
	
		#workinfoarea ul li#nine a:hover, #workinfoarea ul li#nine a.selected {
			background: url(../images/number09.png) 0 -100px no-repeat;
		}
		
		
	




#workinfoarea p#caption {
	clear: both;
	margin: 21px 0 16px 0;
	line-height: 15px;
	color: #75AECC;
}

	#workinfoarea p#caption a {
		color: #527a8f;
	}
	
		#workinfoarea p#caption a:hover {
			color: #334148;
		}






/* --- client and what we did title feck --- */

	/* -- default layout -- */

	#workinfoarea h2#nameofclient {
		background: url(../images/title_client.png) 0 3px no-repeat;
	}
	
	#workinfoarea h2#nameofclient_onblack {
		background: url(../images/title_client_onblack.png) 0 3px no-repeat;
	}

		#workinfoarea h3#whatwedid {
			background: url(../images/title_whatwedid.png) 0 3px no-repeat;
		}
		
	/* -- landscape01 layout -- */
		
	#workinfoarea h2#nameofclient_landscape {
		background: url(../images/title_client_landscape.png) 0 3px no-repeat;
	}
	
	#workinfoarea h2#nameofclient_landscape_onblack {
		background: url(../images/title_client_landscape_onblack.png) 0 3px no-repeat;
	}
	
	
		
/* --- if you liked that box -- */

	#seealso p {
		background: url(../images/seealsodash01.gif) 1px 0 no-repeat;
		font-size: 11px;
		font-family: Arial, Helvetica, sans-serif;
		color: #989289;
		padding: 15px 0 0 0;
	}
	
	/*#seealso p {
		margin: 0;
		color: #59636B;
		line-height: 13px;
		padding: 0 0 11px 1px;
	}*/
	
	#seealso ul {
		margin: 0;
	}
	
	#seealso ul li {
		float: none;
	}
	
	#seealso ul li a {
		font-size: 11px;
		font-family: Arial, Helvetica, sans-serif;
		display: inline;
	}
	
		#seealso a {
			color: #334148;
			padding: 0 10px 0 1px;
			background: url(../images/next02.png) top right no-repeat;
		}
		
			#seealso a:hover {
				color: #75AECC;
			}
			
			


/* --- landscape01 --- */

.landscape01 #workimagearea {
	width: 769px;
	height: 377px;
}

.landscape01 #workinfoarea {
	margin: 0 0 0 55px;
	width: auto;
}

.landscape01 #workinfoarea h2 {
	width: 450px;
	margin-left: -1px;
}

.landscape01 #workinfoarea h3 {
	display: none;
}

.landscape01 h4 {
	/*float: left;
	padding-right: 3px;*/
}


.landscape01 #workinfoarea ul {
	margin-top: 89px;
}


.landscape01 #workinfoarea01 {
	width: 487px;
	float: left;
}

	.landscape01 #workinfoarea01 p {
		margin: 11px 0 0 0;
		padding: 0 20px 2px 0;
	}

.landscape01 #workinfoarea02 {
	width: 180px;
	float: left;
}


.landscape01 #workinfoarea p#caption {
	/* No, nothing. Forget it, really. */
}

.landscape01 #seealso {
	background: url(../images/seealsodash01.gif) 0 0 no-repeat;
}

	.landscape01 #seealso p {
		color: #75AECC;
		padding: 14px 0 0 0;
	}
	
	.landscape01 #workinfoarea h4 {
		margin-left: 0;
		margin-top: 8px;
	}
	
	
/*-----------------------------*/
/*----- END OF 'inside work info area' ----- */
/*-----------------------------*/









/*-----------------------------*/
/*----- client landing page ----- */
/*-----------------------------*/


#clientlanding {
	float: left;
	padding: 127px 0 0 49px;
	width: 720px;
	height: 468px;
	background: url(../images/client_landing_bkgd.gif) 0 0 no-repeat;
}

	#clientlanding_flash {
		line-height: 1px;
	}

#clientlanding_bignav {
	width: 633px;
}


#clientlanding_bignav p {
	color: #527A8F;
	font-size: 28px;
	font-weight: bold;
	line-height: 34px;
	letter-spacing: -1px;
}

#clientlanding_bignav strong {
	color: #fff;
}

#clientlanding_bignav p a {
	color: #91BED6;
}

#clientlanding_bignav p a:hover {
	color: #ed8d22;
}


/*-----------------------------*/
/*----- END OF client landing page ----- */
/*-----------------------------*/


/*-----------------------------*/
/*----- client info page ----- */
/*-----------------------------*/

#clientinfo {
	float: left;
	padding: 127px 0 0 49px;
	width: 720px;
	height: 468px;
	background: url(../images/client_landing_bkgd.gif) 0 0 no-repeat;
}

#clientinfo_box01 {
	width: 690px;
}

#clientinfo_box02 {
	width: 450px;
	height: 189px;
	float: left;
}

#clientinfo_box03 {
	width: 167px;
	float: left;
	margin: 0 0 0 71px;
}

#clientinfo_box04, #clientinfo_box05, #clientinfo_box06, #clientinfo_box07 {
	clear: both;
	width: 450px;
	border-bottom: 1px solid #527A8F;
}

#clientinfo_box05 {
	padding: 0 0 20px 0;
}

#clientinfo_box07 {
	padding: 0;
}


#clientinfo p {
	color: #fff;
	margin: 0 0 15px 0;
}

#clientinfo p.larger {
	font-size: 13px;
	font-weight: bold;
	line-height: 18px;
}

#clientinfo_box01 h2 {
	color: #fff;
	font-size: 28px;
	font-weight: bold;
	line-height: 34px;
	letter-spacing: -1px;
	border-bottom: 1px solid #527A8F;
	padding: 0 0 14px 0;
	margin: 0 0 23px 0;
}

	#clientinfo_box03 h3 {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		font-weight: bold;
		line-height: 17px;
		color: #75aecc;
		width: auto;
		height: auto;
	}
	
		#clientinfo_box03 p {
			line-height: 20px;
			padding: 1px 0 0 0;
		}


#clientinfo_box04 h3 {
	display: block;
	width: 132px;
	height: 30px;
	background: url(../images/title_seethework.gif) 0 0 no-repeat;
}

	#clientinfo_box04 p {
		color: #75aecc;
		font-weight: bold;
		margin: 0 0 20px 0;
	}
	
		#clientinfo_box04 p span.divider {
			margin: 0 6px 0 6px;
		}
	
		#clientinfo_box04 a {
			color: #fff;
			font-weight: normal;
		}
		
		#clientinfo_box04 a:hover {
			color: #75aecc;
		}
		

		
#clientinfo_box05 h3 a, #clientinfo_box05 h3 a:active {
	display: block;
	width: 132px;
	height: 30px;
	background: url(../images/nav_seethework.gif) 0 0 no-repeat;
}
	
	#clientinfo_box05 h3 a:hover {
		background: url(../images/nav_seethework.gif) 0 -116px no-repeat;
	}

	#clientinfo_box05 h3 a {
		display: block;
		width: 132px;
		height: 30px;
		text-decoration: none;
		border: 0;
	}
	
	
	



/*-----------------------------*/
/*----- 'inside visually speaking' styles ----- */
/*-----------------------------*/

#visuallyspeaking {
	float: left;
	width: 769px;
}

#visuallyspeaking h2 {
	width: 769px;
	height: 322px;
	background: url(../images/visuallyspeaking01.jpg) top left no-repeat;
}

#visuallyspeakingbox01, #visuallyspeakingbox02 {
	float: left;
}

	#visuallyspeakingbox01 {
		width: 317px;
		height: 240px;
		border-right: 1px solid #B4C6D0;
		padding: 10px 0 0 44px;
	}

	#visuallyspeakingbox02 {
		width: 280px;
		padding: 3px 0 0 44px;
		margin: 0 33px 0 0;
		color: #527a8f;
	}
		
	
		#visuallyspeakingbox01 h3 {
			width: 277px;
			height: 45px;
			background: url(../images/title_visuallyspeaking.gif) top left no-repeat;
			margin-left: -4px;
		}
		
		
	
	#visuallyspeakingbox01 p {
		padding: 17px 45px 0 0;
	}
	
	#visuallyspeakingbox02 p {
		padding: 16px 45px 0 1px;
	}
	
	
/* -------------------------------------------------- */
/* form styles */
/* -------------------------------------------------- */

	fieldset {
		border: 0;
	}
	
	legend {
		display: none;
	}
	
	.inputForm {
		margin: 10px 0;
	}
				
		.inputForm .row {
			width: 300px;
			clear: both;
			padding: 7px 0 7px 0;
			margin: 0;
		}
		
		.inputForm label span {
			color: #AACA5D;
		}
			
		.inputForm span.label {
			display: block;
			float: left;
			width: 71px;
		}
		
		
		.inputForm input, 
		.inputForm select {
			margin: 0;
			padding: 0;
			width: 200px;
		}
		
		.inputForm textarea {
			width: 200px;
		}
		
			.inputForm input.radio {
				width: auto;
			}
		
		
						
		.inputForm input.submit {
			width: auto;
			padding: 0;
			margin: 0 0 0 70px;
			font-weight: normal;
		}
		


/*-----------------------------*/
/*----- 'inside contact page' styles ----- */
/*-----------------------------*/

#contactpage {
	float: left;
	width: 769px;
}

	#contactpage p.ctatext {
		font-size: 12px;
		margin-bottom: 17px;
	}

	#contactpage_flash {
		line-height: 1px;
	}

#contactpageboxbackground {
	background: url(../images/dbamember.jpg) 372px 173px no-repeat;
	height: 200px;
	padding: 24px 30px 0 29px;
}

#contactpage h2 {
	width: 769px;
	height: 393px;
	background: url(../images/contactuspage.jpg) top left no-repeat;
}

#contactpagebox01, #contactpagebox02 {
	float: left;
}

	#contactpagebox01 {
		width: 250px;
	}

	#contactpagebox02 {
		width: 320px;
		padding-left: 94px;
		color: #6D7C83;
	}
	
		#contactpagebox02 b {
			color: #334148;
		}
		
	
		#contactpage h3 {
			width: 144px;
			height: 44px;
			background: url(../images/title_contactus.gif) top left no-repeat;
			margin-left: -2px;
		}
		
		
	
	#contactpagebox01 p, #contactpagebox02 p {
		clear: both;
		padding: 0 45px 0 0;
	}
	
		#contactpagebox01 p a {
			font-weight: normal;
			color: #527a8f;
		}
		
			#contactpagebox01 p a:hover {
				color: #75aecc;
			}
			

address {
	float: left;
	font-style: normal;
	padding-right: 4px;
}
	
p#maplink {
	margin-top: 13px;
}

p#maplink a {
	padding-left: 9px;
	background: url(../images/newmapgif.gif) 0px 1px no-repeat;
}
	
	
/*-----------------------------*/
/*----- 'inside contact page' styles ----- */
/*-----------------------------*/

#privacypage {
	float: left;
	width: 729px;
	padding: 25px 0 0 20px;
}

#privacypage h3 {
	padding: 0 0 10px 0;
}

#privacypage p {
	padding: 0 0 10px 0;
	line-height: 15px;
}

	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	

/*-----------------------------*/
/*----- DIFFERENT PAGE COLOURS ----- */
/*-----------------------------*/

/*---- beige, black and dark blue page stuff ----*/

/* background + page stuff */

body#beigepage {
	background-color: #f3eee9;
}

body#verylightbluepage {
	background-color: #F7F9FA;
}

body#blackpage {
	background-color: #000;
	color: #fff;
}

body#bluegreypage {
	background-color: #303D43;
}

#beigepage #outerbox02 {
	background-color: #f3eee9;
}

#verylightbluepage #outerbox02 {
	background-color: #F7F9FA;
}

#blackpage #outerbox02 {
	background-color: #000;
}

#bluegreypage #outerbox02 {
	background-color: #303D43;
}


#beigepage #logo h1, #beigepage #logo h1 a:hover, #beigepage #logo h1 a:active {
	background: url(../images/logo_onbeige.gif) 27px 50px no-repeat;
}

#verylightbluepage #logo h1, #verylightbluepage #logo h1 a:hover, #verylightbluepage #logo h1 a:active {
	background: url(../images/logo_onverylightblue.gif) 27px 50px no-repeat;
}

#blackpage #logo h1, #blackpage #logo h1 a:hover, #blackpage #logo h1 a:active {
	background: url(../images/logo_onblack.gif) 27px 50px no-repeat;
}

#bluegreypage #logo h1, #bluegreypage #logo h1 a:hover, #bluegreypage #logo h1 a:active {
	background: url(../images/logo_onbluegrey.gif) 27px 50px no-repeat;
}

	
	#bluegreypage #workinfoarea h2,
	#blackpage #workinfoarea h2 {
		color: #fff;
	}
	
	#blackpage #workinfoarea h4 {
		color: #bbbbbb;
	}
	

/* link stuff */

#bluegreypage #mainnav ul li a,
#blackpage #mainnav ul li a {
	color: #fff;
}

	#bluegreypage #mainnav ul li a:hover, #bluegreypage #mainnav ul li a:active,
	#blackpage #mainnav ul li a:hover, #blackpage #mainnav ul li a:active {
		color: #ED8D22;
	}
			
	#bluegreypage #mainnav ul li a.selected, 
	#blackpage #mainnav ul li a.selected {
		color: #75AECC;
	}
	
		#bluegreypage #mainnav ul li a:hover.selected,
		#blackpage #mainnav ul li a:hover.selected {
			color: #75AECC;
		}
		
	#blackpage #mainnav ul li a.semiselected {
		color: #527A8F;
	}
	
/* if you liked that box */

	#blackpage #seealso h3 {
		background: url(../images/title_seealso_onblack.png) 1px 0 no-repeat;
	}
	
	#blackpage #seealso p {
		color: #aaa;
	}
	
	 #blackpage.landscape01  #seealso p {
		color: #75AECC;
	}
	
		#blackpage #seealso a {
			color: #fff;
		}
		
			#blackpage #seealso a:hover {
				color: #75AECC;
			}
			
/* number nav on black */

	#blackpage #workinfoarea ul li a {
		color: #fff;
	}
	
		#blackpage #workinfoarea ul li#next a:hover {
			background: url(../images/next.png) 2px -100px no-repeat;
		}

	#blackpage #workinfoarea ul li#one a {
		background: url(../images/number01_onblack.png) 0 0 no-repeat;
	}
	
		#blackpage #workinfoarea ul li#one a:hover, #blackpage #workinfoarea ul li#one a.selected {
			background: url(../images/number01_onblack.png) 0 -100px no-repeat;
		}
		
	#blackpage #workinfoarea ul li#two a {
		background: url(../images/number02_onblack.png) 0 0 no-repeat;
	}
	
		#blackpage #workinfoarea ul li#two a:hover, #blackpage #workinfoarea ul li#two a.selected {
			background: url(../images/number02_onblack.png) 0 -100px no-repeat;
		}
		
	#blackpage #workinfoarea ul li#three a {
		background: url(../images/number03_onblack.png) 0 0 no-repeat;
	}
	
		#blackpage #workinfoarea ul li#three a:hover, #blackpage #workinfoarea ul li#three a.selected {
			background: url(../images/number03_onblack.png) 0 -100px no-repeat;
		}
		
	#blackpage #workinfoarea ul li#four a {
		background: url(../images/number04_onblack.png) 0 0 no-repeat;
	}
	
		#blackpage #workinfoarea ul li#four a:hover, #blackpage #workinfoarea ul li#four a.selected {
			background: url(../images/number04_onblack.png) 0 -100px no-repeat;
		}
		
	#blackpage #workinfoarea ul li#five a {
		background: url(../images/number05_onblack.png) 0 0 no-repeat;
	}
	
		#blackpage #workinfoarea ul li#five a:hover, #blackpage #workinfoarea ul li#five a.selected {
			background: url(../images/number05_onblack.png) 0 -100px no-repeat;
		}
		
	#blackpage #workinfoarea ul li#six a {
		background: url(../images/number06_onblack.png) 0 0 no-repeat;
	}
	
		#blackpage #workinfoarea ul li#six a:hover, #blackpage #workinfoarea ul li#six a.selected {
			background: url(../images/number06_onblack.png) 0 -100px no-repeat;
		}
		
	#blackpage #workinfoarea ul li#seven a {
		background: url(../images/number07_onblack.png) 0 0 no-repeat;
	}
	
		#blackpage #workinfoarea ul li#seven a:hover, #blackpage #workinfoarea ul li#seven a.selected {
			background: url(../images/number07_onblack.png) 0 -100px no-repeat;
		}
		
	#blackpage #workinfoarea ul li#eight a {
		background: url(../images/number08_onblack.png) 0 0 no-repeat;
	}
	
		#blackpage #workinfoarea ul li#eight a:hover, #blackpage #workinfoarea ul li#eight a.selected {
			background: url(../images/number08_onblack.png) 0 -100px no-repeat;
		}
		
	#blackpage #workinfoarea ul li#nine a {
		background: url(../images/number09_onblack.png) 0 0 no-repeat;
	}
	
		#blackpage #workinfoarea ul li#nine a:hover, #blackpage #workinfoarea ul li#nine a.selected {
			background: url(../images/number09_onblack.png) 0 -100px no-repeat;
		}


/* end of black page stuff --*/