/*  
Site Name: Burnett Crowther Ltd.
Version: 1.1
Author: Andy Pearson
Author URI: http://www.binamic.co.uk
Date: 10th September 2007
*/

body {
	margin:0;
	padding:0;
	font:62.5% Verdana, Arial, Helvetica, sans-serif;
	background-color:#330033;
}
h1 {
	margin:0;
	padding:31px 0 0 68px;
	width:697px;
	height:36px;
	background:#eaeaea url(../images/burnett-crowther.jpg) no-repeat top left;
}
	h1 a {
		width:625px;
		height:19px;
		display:block;
		overflow:hidden;
		text-indent:-9999px;
	}
h2 {
	margin:0;
	padding:0;
	font-size:1.5em;
	text-transform:uppercase;
	letter-spacing:1px;
}
	h2 a {
		text-transform:lowercase;
		font-size:0.7em;
		letter-spacing:normal;
		font-weight:normal;
	}
	
h3 {
	margin:0;
	padding:22px 6px 8px 6px;
	font-size:1.1em;
}
h4 {
	font-size:1.1em;
}
p {
	font-size:1.1em;
}

/*
---- Structure
*/
#container {
	margin:0 auto;
	padding:0 0 45px 0;
	width:765px;
	background:#eaeaea url(../images/footer.gif) repeat-x bottom left;
	border:1px solid #f3f3f3;
	border-bottom-color:#626262;
	border-left-color:#626262;
}
#content {
	padding:0 54px 4px 54px;
	background:#eaeaea url(../images/content-backie.gif) repeat-y top left;
	border-top:14px solid #eaeaea;
}
#content a {
	color:#006;
	text-decoration:none;
}
#content a:hover { color:#000; }

/*
---- Navi
*/
#navi {
	margin:0;
	padding:0 0 3px 0;
	border-top:1px solid #bdbebe;
	background:#c7c7c7 url(../images/navi-backie.gif) repeat-x bottom left;
}
	#navi ul {
		margin:-1px 0 0 0;
		padding:0;
		list-style:none;
		position:relative;
		height:3px;
		z-index:100;
	}
	#navi li {
		display:inline;
	}
		#navi li a {
			display:block;
			float:left;
			background:#d7d7d7 url(../images/tab-right.gif) no-repeat top right;
			color:#000;
			text-decoration:none;
			font-size:1.2em;
			position:relative;
		}
			#navi li a span {
				display:block;
				padding:7px 15px 4px 15px;
				background:transparent url(../images/tab-left.gif) no-repeat top left;
			}
		#navi li.last a { background-color:transparent; }
		#navi li a:hover { background-position:right -200px; color:#660066; }
		#navi li a:hover span,
		#navi li a.current span { background-position:0 -200px; }
		#navi li a.current { 
			background-position:right -200px;
			border-bottom:3px solid #eaeaea;
			margin-bottom:-3px;
		}
#navi form { 
	float:right;
	padding:0 0 0 590px;
	position:absolute;
}
	#navi form label { display:none; }
	#navi form input {
		margin:0;
		padding:1px 3px;
		width:100px;
		font:11px Verdana, Arial, Helvetica, sans-serif;
	}
	#navi form #searchsubmit {
		width:28px;
		height:19px;
		position:absolute;
	}

/*
---- Thumbnails
*/
#thumbs {
	margin:0;
	padding:15px 0 0 0;
	width:675px;
	list-style:none;
	clear:both;
}
	#thumbs li {
		padding:0 31px 0 0;
		width:104px;
		height:175px;
		float:left;
		display:inline;
	}
		#thumbs li a {
			display:block;
			background:#eaeaea url(../images/thumb-backie.gif) no-repeat top left;
			text-align:center;
			text-decoration:none;
			font-size:1.1em;
			color:#660066;
		}
		#thumbs li a:hover { color:#000; }
		#thumbs li a span { display:block; }
		#thumbs li a img {
			border:none;
			margin:4px 4px 16px 4px;
		}

/*
---- Clients
*/
#client-title { background:#eaeaea url(../images/logo2.jpg) no-repeat top left; }
#client-title h2 { padding-top:314px; padding-left:6px; }
#client-image {
	padding:3px 8px 5px 4px;
	float:right;
	background:#eaeaea url(../images/main-backie.gif) no-repeat top left;
}
	#client-image img { display:block; }
	
#details {
	margin:0;
	padding:12px 0 0 6px;
	list-style:none;
	font-size:1.1em;
}
#details li {
	display:inline;
	margin:0 14px 0 0;
}
table.base {
	margin:0;
	padding:0;
	font-size:1.1em;
	width:100%;
}
table.voiceovers {
	padding-top:24px;
	clear:both;
}
	table.base tr {
		margin:0;
		padding:0;
	}
	table.base tr:hover {
		background-color:#ddd;
	}
		table.base tr td {
			margin:0;
			padding:3px 6px;
			border-top:1px solid #fdfdfd;
			border-bottom:1px solid #c5c5c5;
		}
		table.base tr th { 
			text-align:left;
			padding:3px 6px;
			background-color:#eaeaea;
			border-bottom:1px solid #c5c5c5;
		}
		table.voiceovers tr th {
			background-color:#ddd;
		}
		table.base tr.first td { border-top:none; }
		table.base tr.last td { border-bottom:none; }
		
table.base col.one { width:29%; }
table.base col.two { width:24%; }
table.base col.three { width:24%; }
table.base col.four { width:auto; }

table.base col.one-threecol { width:33%; }
table.base col.two-threecol { width:32%; }
table.base col.three-threecol { width:32%; }

table.voiceovers col.one { width:auto; }
table.voiceovers col.two { width:auto; }
table.voiceovers col.three { width:auto; }
table.voiceovers col.four { width:auto; }
		
.textcontent,
.textnoheader {
	margin:0;
	padding:0 6px;
}
.textnoheader { padding-top:22px; }

.textcontent P,
.textnoheader P {
	margin-top:0;
}

/*
---- Pagination
*/
ul.pagination {
	margin:0;
	padding:2px 0 0 0;
	list-style:none;
}
	ul.pagination li { float:left; }
	ul.pagination li.firstpage { border-left:19px solid #eaeaea; }
	
	ul.pagination a {
		display:block;
		width:17px;
		height:17px;
		background:#eaeaea url(../images/pagination.gif) no-repeat top left;
		text-align:center;
		line-height:17px;
		border:1px solid #eaeaea;
	}
	ul.pagination a.current { background:none; }

.pagination-footer { padding:0 0 0 200px; }
	
/*
---- Quickfind
*/
#quickfind {
	float:right;
	padding:0 31px 0 0;
}

/*
---- Voiceover Artistes
*/
#selectgender {
	margin:0;
	padding:0;
	list-style:none;
	float:right;
}
	#selectgender li {
		display:block;
		float:left;
	}
		#selectgender li a {
			display:block;
			width:51px;
			height:17px;
			background:#eaeaea url(../images/voice-links.gif) no-repeat top left;
			line-height:17px;
			text-align:center;
			border-left:2px solid #eaeaea;
		}
		#selectgender li a.current {
			background-image:none;
		}
#client-title #selectgender {
	float:left;
	padding-left:188px;
	position:absolute;
}
#mp3player {
	background-color:#ccc;
	margin:22px 6px 0 6px;
	padding:0;
}
	#mp3player p {
		margin:0;
		padding:6px;
		float:left;
	}
		#mp3player a {
			background-color:#009900;
		}
#downloadlink {
	display:block;
	height:23px;
	position:absolute;
	line-height:23px;
	padding:0 6px;
	border-left:2px solid #eaeaea;
	margin:-23px 0 0 565px;
}

/*
---- Contact
*/
#contactform {
	background-color:#ccc;
	padding:14px;
}
	#contactform div {
		padding:0 0 12px 0;
	}
	#contactform div.submit {
		padding:0 0 0 90px;
	}
		#contactform div label {
			font-size:1.1em;
			display:block;
			float:left;
			padding:5px 0 0 0;
			width:90px;
		}
		#contactform div input,
		#contactform div textarea {
			margin:0;
			padding:3px 4px;
			font:11px Verdana, Arial, Helvetica, sans-serif;
		}
	#contactform p {
		margin:0;
		padding:0 0 12px 90px;
	}

/*
---- Misc
*/
#toplink {
	display:none;
}
.firstparagraph {
	margin:0;
	padding:1em 0 0 0;
	clear:both;
}

/*
---- Clear All and the Clearfix
*/
.clear-all {
	margin:0px;
	padding:0px;
	clear:both;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */