/*  run2 CSS - updated January 2011*/
/* blue: #001b8a; green: #0f0 */

body {
font: 100% Tahoma, Verdana, Geneva, Helvetica, Arial, sans-serif;
background: #6e92e6 url(/assets/bg_body.jpg) no-repeat top center;
margin: 0;
padding: 0;
text-align: center; 
}

/*html 5 defaults */
header, nav, article, article, figure, section, footer { display: block; }

/* Fix IE. Hide from IE Mac \*/
* html body { padding-left: 1px; }


/* General Typography */
h1 { margin-top: 0; padding: 0; font-size: 2.5em; }
h2, h3, h4, p { margin: 0; padding: 0; font-size: 0.8em; }
ul { font-size: 0.8em; }
a { color: #001b8a; text-decoration: underline; }
a:hover { background: #0f0; color: #001b8a; text-decoration: underline; }

/* Span Styles */
.blue { color: #001b8a; }
.boldblue { font-weight: bold; color: #001b8a; }
.green { color: #0f0; }
.boldgreen { font-weight: bold; color: #0f0; }
.grey { color: #757575; font-weight: normal; }
.white { color: #fff; }
.bold { font-weight: bold; }
.normal { font-weight: normal; }
.offleft { position: absolute; left: -999px; width: 990px; }
.clear { clear: both; }
.clearleft { clear: left; }
.noborder { border: 0; padding: 0; margin: 0 10px 0 0; }
a.nobg:hover { background: none; }
img.right, img.sil { float: right; margin: 0 20px 5px 10px; }
.rule { clear: both; margin: 20px; border-top: 1px solid #001b8a; }

.profile { border: 0; margin: 10px 10px 10px 15px; padding: 0; float: right; }
.contact { display: block; float: left; width: 8em; font-weight: bold; color: #001b8a; }
.contactwide { display: block; float: left; width: 17em; color: #001b8a; }


/* Control */
#wrapper { margin: 0; padding: 0; background: #fff; text-align: center; }


/* login dropdown */
.login_tab {
display: block; 
z-index: 1000; 
position: relative; 
top: 0; 
width: 960px;
height: 0px;
margin: 0 auto;
background: #0f0;
text-align: right;
background: none;
}
	.login_tab a {
	display: block;
	float: right; 
	padding: 0 10px 3px 10px;
	background: #0f0 url(/assets/bg_login_tab.gif) repeat-x top; 
	font-size: 0.8em;
	color: #001b8a;
	text-decoration: none;
}
#login_panel {
display: none;
width: 960px; 
height: 57px;
margin: 0 auto; 
text-align: right;
color: #001b8a;	
}
	#login_panel form {
	float: right; 
	width: 17.5em;
	height: 54px;
	margin: 0;  
	padding: 3px 10px 0px 10px;
	background: #0f0 url(/assets/bg_login.gif) repeat-x bottom;
	}
	.login_user, .login_pass { 
	position: relative; 
	top: 3px; 
	height: 21px; 
	}
	.inputbox1  { 
	display: inline; 
	width: 200px; 
	padding: 2px; 
	border: 1px solid #363; 
	font-family: Tahoma, Verdana, Geneva, Helvetica, Arial, sans-serif; 
	font-size: 0.8em; 
	height: 15px; 
	}
	.inputbox2  { 
	display: inline; 
	width: 150px; 
	padding: 2px; 
	border: 1px solid #363; 
	font-family: Tahoma, Verdana, Geneva, Helvetica, Arial, sans-serif; 
	font-size: 0.8em; 
	height: 15px; 
	}
	.loginSubmit { 
	color: #001b8a; 
	background: none; 
	width: 50px;
	border: none; 
	font-size: 1em;
	}
		.loginSubmit2 { 
		color: #001b8a; 
		background: none; 
		width: 50px; 
		border: none; 
		font-size: 1em; 
		text-decoration: underline; 
		}
	.loginSubmitRoll { 
	color: #fff; 
	background: none;
	text-decoration: underline; 
	width: 50px;
	border: none;
	font-size: 1em;
	}
		.loginSubmitRoll2 { 
		color: #001b8a; 
		background: none; 
		text-decoration: underline; 
		width: 50px; 
		border: none; 
		font-size: 1em; 
		background: #0f0; 
		}


/* header */
header { 
background: #001b8a url(/assets/bg_header.gif) repeat-x bottom; 
margin: 0 auto; 
}
	header p {
	margin: 0 auto;
	height: 120px;
	width: 960px; 
	text-align: left;
	}
	header img {
	margin: 0;
	border: 0; 
	}
	header a:hover {
	background: none; }


/* top strap */
.strap { 
clear: both; 
margin: 0; 
padding: 0; 
height: 3em; 
background: #0f0 url(/assets/bg_navbar.gif) repeat-x bottom; 
}
	.strap h1 { 
	display: block; 
	width: 960px; 
	margin: 0 auto; 
	padding: 0.2em 0; 
	font-size: 2.2em; 
	font-weight: bold;
	color: #001b8a; 
	letter-spacing: 0.5px; 
	text-align: left;
	}
	.strap a { 
	color: #001b8a; 
	text-decoration: none;
	}
		.strap a:hover {
		text-decoration: none;
		background: none; 
		}


/* top panel */
.toppanel_outer { 
background: url(/assets/bg_toppanel_green.gif) repeat-x;
}
	.toppanel { 
	clear: both; 
	height: 345px; 
	width: 960px; 
	margin: 0 auto; 
	padding: 0; 
	text-align: left;  
	}
		.toppanel img.silhouette { 
		margin: 0; 
		padding: 0; 
		border: 0; 
		float: left; 
		behavior: url(/scripts/PIE.htc);
		-pie-png-fix: true;
		}
		.toppanel h1 { 
		margin: 0 0 0 275px; 
		padding: 10px 0 0 0;
		font-size: 2.5em; 
		font-weight: bold; 
		color: #001b8a; 
		height: 95px;  
		}
		.toppanel_text { 
		float: left; 
		margin: 0; 
		padding: 10px 0 0 18px; 
		}
		
		#portfolio { 
		width: 650px; 
		height: 300px; 
		margin: 35px 0 5px 0; 
		padding: 0; 
		float: right; 
		-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.7);
		-moz-box-shadow: 0px 0px 10px rgba(0,0,0,.7);
		box-shadow: 0px 0px 10px rgba(0,0,0,.7);
		behavior: url(/scripts/PIE.htc);
		}
		/* required styles for carouSlide */
		#portfolio .slider-wrapper { clear: both; position: relative; overflow: hidden; width: 650px; height: 300px; margin: 0; padding: 0; }
		#portfolio .slider-wrapper img { margin: 0; padding: 0; }
		#portfolio .slider-holder { display: block; overflow: hidden; width: 650px; height: 300px; margin: 0; padding: 0; }
		#portfolio .slider-holder li { display: block; float: left; width: 650px; height: 300px; margin: 0; list-style: none; color: #fff; }
		#portfolio .s-active { position: relative; top: 0; left: 0; }
		#portfolio .trans { position: relative; left: 0px; bottom: 3.2em; display: block; width: 650px; height: 3.2em; margin: 0; padding: 0; background-color: #001b8a; filter: alpha(opacity=80); opacity: 0.8; }
		#portfolio p { position: relative; left: 0px; bottom: 5.5em; display: block; width: 630px; margin: 0; padding: 0.5em 20px; color:#fff; font-size: 1.1em; }

/* navigation */
nav {
clear: both;
margin: 0;
padding: 0;
height: 2.3em;
background: #0f0  url(/assets/bg_navbar.gif) repeat-x bottom; 
color: #fff;
}
	nav ul { 
	display: block; 
	margin: 0 auto; 
	padding: 0; 
	list-style: none; 
	width: 960px; 
	}
		nav ul li { 
		display: inline; 
		margin: 0; 
		padding: 0; 
		}
			nav ul li a { 
			display: block; 
			float: left; 
			width: 240px; 
			margin: 0.35em 0; 
			padding: 0; 
			color: #001b8a; 
			font-weight: bold; 
			text-decoration: none;
			text-align: center; 
			font-size: 1.5em; 
			} 
			nav ul li a:hover { 
			color: #757575; 
			background: none;
			}
				nav ul li a.current { 
				color: #757575;
				}


/* content wrapper */
.maincontent_outer { 
clear: both; 
width: 960px; 
margin: 20px auto; 
background: #fff; 
-webkit-box-shadow: 0px 0px 20px rgba(0,0,0,.7);
-moz-box-shadow: 0px 0px 20px rgba(0,0,0,.7);
box-shadow: 0px 0px 20px rgba(0,0,0,.7);
behavior: url(/scripts/PIE.htc);
}

	/* headline */
	.headline {
	width: 960px; 
	float: left; 
	margin: 50px auto;
	padding: 0;
	background: #fff;
	text-align: left;
	}
		.headline h1 { 
		margin: 0 20px; 
		font-weight: normal; 
		color: #001b8a; 
		}

	
	/* maincontent */
	article {
	width: 719px; 
	float: left; 
	margin: 0 auto 20px auto;
	padding: 0;
	background: #fff;
	border-right: 1px solid #001b8a;
	color: #757575;
	text-align: left;
	}
		article h2 { 
		margin: 0 20px 20px 20px; 
		color: #757575;
		font-size: 1.4em; 
		}
			article h2.home_h2 {
			color: #0f0; font-weight: normal; margin: 30px 20px;
			}
		article h3 { 
		margin: 20px 20px 5px 20px; 
		color: #001b8a; 
		font-size: 1.2em; 
		}
		article p { 
		margin: 0 20px 10px 20px;
		}
			article p.home_p { margin-bottom: 30px; }
			p.noright { padding-right: 20px; }
			
			.listdescription { color: #0f0; }
		article ul { 
		list-style: none; 
		margin-left: 0; 
		padding: 0 20px; 
		}
			.app_icon { margin: 5px 5px 0 0; border: 0 }

		
		.panel_half {
		float: left; 
		width: 329px; 
		margin: 10px 0 0 20px; 
		padding: 0 0 5px 0; 
		background: #eee;
		}
			.panel_half h3 { margin-top: 10px; }

		.panel_full {
		clear: both;
		width: 679px; 
		margin: 20px; 
		padding: 1px 0 5px 0; 
		background: #eee;
		}
			.panel_full h3 { margin-top: 10px; }
		
		.panel_full_alt {
		clear: both;
		float: left; 
		width: 679px; 
		margin: 0 20px 20px 20px ; 
		padding: 0; 
		background: #eee;
		}
			.panel_full_alt h3 { margin-top: 10px; }
		
		
		#pics, .static { 
		width: 350px; 
		height: 250px; 
		margin: 0 20px 20px 20px; 
		padding: 0; 
		float: right; 
		-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.7);
		-moz-box-shadow: 0px 0px 10px rgba(0,0,0,.7);
		box-shadow: 0px 0px 10px rgba(0,0,0,.7);
		behavior: url(/scripts/PIE.htc);
		}
		#pics a:hover { background: none; }
		/* required styles for carouSlide */
		#pics .slider-wrapper { clear: both; position: relative; overflow: hidden; width: 350px; height: 250px; margin: 0; padding: 0; }
		#pics .slider-wrapper img { margin: 0; padding: 0; border: 0; }
		#pics .slider-holder { display: block; overflow: hidden; width: 350px; height: 250px; margin: 0; padding: 0; }
		#pics .slider-holder li { display: block; float: left; width: 350px; height: 250px; margin: 0; list-style: none; color: #fff; }
		#pics .s-active { position: relative; top: 0; left: 0; }

		.shadow { 
		margin: 0 20px 5px 20px; 
		padding: 0; 
		float: right; 
		-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.7);
		-moz-box-shadow: 0px 0px 10px rgba(0,0,0,.7);
		box-shadow: 0px 0px 10px rgba(0,0,0,.7);
		behavior: url(/scripts/PIE.htc);
		}

		.shadow2 { 
		margin: 20px; 
		padding: 0; 
		float: right; 
		-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.7);
		-moz-box-shadow: 0px 0px 10px rgba(0,0,0,.7);
		box-shadow: 0px 0px 10px rgba(0,0,0,.7);
		behavior: url(/scripts/PIE.htc);
		}


		/* albums pages thumbnails */
		.thumbs { float: right; margin: 10px 0 0 0; padding: 0; }
			.thumbs table { margin-left: 20px; margin-right: 20px; }
			.thumbs td { width: 100px; background: #eee; margin: 0; padding: 10px 0 0 0; }
			.thumbs img { margin: 0; padding: 0; border: 0; display: block; }
			.thumbs p { color: #757575; margin: 0; padding: 5px; }
			.thumbs td a { display: block; }

		
		.enquiryform table { 
		width: 709px; 
		margin-bottom: 20px; 
		padding: 10px; 
		font-size: 0.8em; 
		}
		.enquiryform td { 
		line-height: 2.5em; 
		}
		#name, #email, #telephone, #find, #enquiry, #file  { 
		width: 500px; 
		}
		.enquiryform td.label { 
		text-align: right; 
		padding-right: 20px; 
		width: 200px; 
		}
		.enquiryform h3 { 
		margin-bottom: 0; 
		font-size: 1em; 
		}
		.enquiryform img { margin: 10px 0 0 0; padding: 0; border: 1px solid #757575; }
		#captcha { padding-bottom: 20px; }
		.buttonSubmit1 { 
		width: 11em; 
		padding: 2px; 
		border: 1px solid #001b8a; 
		color: #001b8a; 
		background: #fff; 
		}
		.buttonSubmitRoll1 { 
		width: 11em; 
		padding: 2px; 
		border: 1px solid #001b8a; 
		color: #001b8a; 
		background: #0f0; 
		}

		.map { 
		display: block; 
		float: left; 
		width: 679px; 
		height: 400px; 
		margin: 0 20px; 
		border: 1px solid #757575; 
		}
			.map img { border: none; }

	/* sidebar */
	aside { 
	width: 224px; 
	float: left;
	margin: 0 0 0 15px;
	padding: 0;
	text-align: left;
	}
		aside h4 { 
		margin: 0; 
		font-size: 1.2em; 
		color: #001b8a; 
		}
		aside ul { 
		list-style: none; 
		margin: 5px 0 15px 0; 
		padding: 0; 
		}
		aside a { 
		color: #757575; 
		text-decoration: none; 
		}
		aside ul li a.current { 
		font-weight: bold; 
		color: #001b8a; 
		}

		.module_fa { 
		width: 205px; 
		height: 135px; 
		margin-bottom: 20px; 
		background: #001b8a url(/assets/bg_header.gif) repeat-x bottom;
		-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.7);
		-moz-box-shadow: 0px 0px 10px rgba(0,0,0,.7);
		box-shadow: 0px 0px 10px rgba(0,0,0,.7);
		behavior: url(/scripts/PIE.htc);
		}
			.module_fa img { margin: 0; padding: 0; border: 0; }
			.module_fa a:hover { background: none; }
			.module_fa .module_fa_text { position: relative; right: 5px; text-align: right; bottom: 145px; display: block; width: 185px; margin: 0; padding: 0.5em 10px; color:#fff; font-size: 1em; }
			.module_fa .module_fa_text strong { font-size: 1.2em; color: #001b8a; }

		.module_ps { 
		width: 205px; 
		height: 135px; 
		margin-bottom: 20px; 
		background: #001b8a url(/assets/bg_header.gif) repeat-x bottom;
		-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.7);
		-moz-box-shadow: 0px 0px 10px rgba(0,0,0,.7);
		box-shadow: 0px 0px 10px rgba(0,0,0,.7);
		behavior: url(/scripts/PIE.htc);
		}
			.module_ps img { margin: 0; padding: 0; border: 0; }
			.module_ps a:hover { background: none; }
			.module_ps .module_ps_text { position: relative; right: 5px; text-align: left; bottom: 145px; display: block; width: 185px; margin: 0; padding: 0.5em 10px; color:#000; font-size: 1em; }
			.module_ps .module_ps_text strong { font-size: 1.2em; color: #001b8a; }

		.module_twitter { 
		width: 185px; 
		margin: 25px 0 20px 0; 
		padding: 10px; 
		background: #00309d url(/assets/bg_header.gif) repeat-x top;
		-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.7);
		-moz-box-shadow: 0px 0px 10px rgba(0,0,0,.7);
		box-shadow: 0px 0px 10px rgba(0,0,0,.7);
		behavior: url(/scripts/PIE.htc);
		}
			.twitter_bird { position: relative; top: 0px; left: 0px; float: left; margin: 0 5px 0 0; padding: 0; border: 0; behavior: url(/scripts/PIE.htc); -pie-png-fix: true; }
			.module_twitter p.tweet_head { color: #0f0; font-size: 1.2em; margin: 22px 0 5px 0; }
			.module_twitter p.tweet { color: #fff; text-align: left; }
			.module_twitter a.twitter_tab { display: block; width: 185px; height: 31px; margin-top: 10px; background: url(/assets/twitter_up.png) no-repeat; -pie-background: url(/assets/twitter_up.png) no-repeat; }
				.module_twitter a.twitter_tab:hover { background: url(/assets/twitter_over.png) no-repeat; -pie-background: url(/assets/twitter_over.png) no-repeat; }
		
/* case studies */
.strap2 { 
clear: both; 
margin: 0; 
padding: 0; 
height: 2em; 
background: #001b8a url(/assets/bg_strap.gif) repeat-x bottom; 
}
	.strap2 p { 
	display: block; 
	width: 960px; 
	margin: 0 auto; 
	padding: 0.2em 0; 
	font-size: 1.2em; 
	font-weight: normal; 
	color: #fff; 
	letter-spacing: 0.5px; 
	text-align: left;  }

.casestudies {
clear: both;
width: 960px; 
margin: 30px auto;
padding: 0;
background: #fff;
text-align: left;
}
		.cs {
		float: left; 
		width: 166px; 
		height: 19em; 
		margin: 0 20px 30px 0; 
		padding: 5px; 
		color: #757575; 
		background: #fff; 
		-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.7);
		-moz-box-shadow: 0px 0px 10px rgba(0,0,0,.7);
		box-shadow: 0px 0px 10px rgba(0,0,0,.7);
		behavior: url(/scripts/PIE.htc);
		} 
		.cs_last {
		float: left; 
		width: 166px; 
		height: 19em; 
		margin: 0 0 30px 0; 
		padding: 5px; 
		color: #757575; 
		background: #fff; 
		-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.7);
		-moz-box-shadow: 0px 0px 10px rgba(0,0,0,.7);
		box-shadow: 0px 0px 10px rgba(0,0,0,.7);
		behavior: url(/scripts/PIE.htc);
		} 
			.casestudies img { 
			margin-bottom: 5px;
			border: none;
			behavior: url(/scripts/PIE.htc);
			-pie-png-fix: true;
			} 
			.cs h4, .cs_last h4 { 
			color: #001b8a; 
			margin-bottom: 5px; 
			}
			.cs p, .cs_last p { margin-bottom: 5px; } 
			.casestudies a { font-size: 0.8em; }
			.casestudies a:hover { }
		
		
/* contact strap */
.strap3 { 
clear: both; 
margin: 15px 0 0 0; 
padding: 0; 
height: 3em; 
background: #000568 url(/assets/bg_strap.gif) repeat-x bottom; 
}
	.strap3 p { 
	display: block; 
	width: 960px; 
	margin: 0 auto; 
	padding: 0.5em 0; 
	font-size: 1.2em; 
	font-weight: normal; 
	color: #fff; 
	letter-spacing: 0.5px; 
	text-align: left;  
	}
	.strap3 a { 
	color: #fff; 
	text-decoration: none; 
	}
		.strap3 a:hover { 
		color: #0f0; 
		background: none; 
		}


/* credit */
.footer_outer { 
margin: 0 auto; 
background: #003; 
}
	footer { 
	clear: both; 
	text-align: left; 
	margin: 0 auto; 
	padding: 0; 
	border: 0; 
	background: #003; 
	color: #fff; 
	width: 960px; 
	}
		footer p.copyright { 
		float: right; 
		padding-top: 3px; 
		}
		footer ul { 
		margin: 15px 20px 15px 0; 
		padding: 0; 
		float: left; 
		width: 176px; 
		}
			footer ul.final { 
			margin-right: 0;
			}
			footer ul li { 
			list-style: none; 
			display: block; 
			font-size: 0.9em; 
			}
			footer ul li.last { 
			padding-right: 0; 
			}
				footer ul li a { 
				font-weight: normal; 
				color: #757575; 
				text-decoration: none;
				}
					footer ul li a:hover { 
					}
				footer ul li a.current { 
				color: #0f0; 
				}
		footer img { float: right; }


/* clear columns */
.clear { clear: both; }
.clear p { display: none; }

.photosales a {
background: #757575;
color: #fff;
padding: 10px;
font-weight: bold;
}
	.photosales a:hover { 
	background: #0f0;
	color: #001b8a;
	}
	
/* Photosales pages */
.maintable {
margin-left: 20px; 
width: 679px;
}
.catlink a { color: #001b8a; }
.catrow a img, a.albums img { border: 1px solid #001b8a; }
.tableh2 { height: 1.2em; }
.alblink { font-size: 1.1em; }
.tableb_compact p { display: block; margin: 5px 10px 0 10px; float: left; }

.album_box { margin-bottom: 10px; }
.album_title { display: block; width: 15em; float: left; font-weight: bold; }
.album_date { display: block; width: 15em; float: left; }