/*  
Site Name: CAM
Version: 1.0
Author: Andy Pearson
Author URI: http://www.binamic.co.uk
Date: 29th October 2007
*/

* {
	margin:0;
	padding:0;
}
body {
	background-color:#5d5d5d;
	font:62.5%/1.5 Verdana, Arial, Helvetica, sans-serif;
	color:#333;
}
h1 {
	float:left;
}
	h1 a {
		display:block;
		border:none;
		border-left:6px solid #48daf3;
		padding:0;
		background:#f6f6f6 url(../images/cam.gif) no-repeat top left;
		width:400px;
		height:72px;
	}
		h1 a img {
			display:none;
		}
h2 {
	padding-bottom:30px;
	color:#ff167d;
	font-size:2.4em;
	line-height:1;
	font-weight:normal;
}
	h2 span {
		padding-bottom:8px;
		border-bottom:1px solid #ddd;
	}
h3 {
	padding:0 6px;
	clear:both;
	font:1.8em/2 Georgia, "Times New Roman", Times, serif normal;
	color:#333;
	background-color:#cff1f7;
	margin-bottom:18px;
}
img {
	display:block;
	border:none;
}
p {
	font-size:1.2em;
	color:#333;
	padding-bottom:18px;
}
a {
	text-decoration:none;
	padding-bottom:1px;
	border-bottom:1px solid #e8e8e8;
	color:#2b8392;
}
a:hover {
	border-bottom-color:#000;
	color:#000;
}
ul,
ol {
	font-size:1.2em;
	padding-bottom:18px;
}

table {
	font-size:1.2em;
	border-collapse:collapse;
	border:none;
	width:100%;
	margin-bottom:18px;
	clear:both;
}
	table th {
		padding:10px 3px 4px;
		border-bottom:1px solid #bababa;
		text-align:left;
		font:0.9em Georgia, "Times New Roman", Times, serif normal;
		letter-spacing:0.1em;
		text-transform:uppercase;
	}
	table td {
		padding:4px 3px;
		border-bottom:1px solid #d9d9d9;
		vertical-align:top;
	}
		table td a {
			border:none;
		}
table tr.last td { border-bottom-color:#fff; }

table td.notes {
	font-family:Georgia, "Times New Roman", Times, serif normal;
	font-style:italic;
	color:#666;
}
		
input,
textarea {
	font:12px Verdana, Arial, Helvetica, sans-serif;
	padding:2px 3px;
}
hr { display:none; }
object { display:block; }

pre {
	clear:both;
	margin-top:36px;
	font-size:1.2em;
	line-height:1.4;
	color:#e2e1dc;
	background-color:#232323;
	border:3px solid #1c1c1c;
	padding:15px;
	overflow:auto;
	font-family:"Monaco", "Courier New", Courier;
}

/*
---- Container
*/
.container {
	margin:0 auto;
	width:756px;
}

/*
---- Header
*/
#header {
	padding:18px 0;
	background-color:#f6f6f6;
}
	#header .container {
		width:768px;
	}
	
/*
---- Navigation
*/
#navigation {
	clear:both;
	padding:0 6px 0 132px;
}
	#navigation ul {
		padding:0;
		list-style:none;
		background-color:#e8e8e8;
		font-size:1.4em;
		line-height:36px;
		float:left;
	}
		#navigation ul li {
			float:left;
			display:block;
			border-right:1px solid #ddd;
		}
			#navigation ul li a {
				display:block;
				float:left;
				border:none;
				padding:0;
				color:#5c5c5c;
				width:125px;
				text-align:center;
			}
			#navigation ul li a:hover {
				color:#000;
			}
			#navigation ul li a.current {
				color:#cc1264;
			}
		#navigation ul li.last { border:none; }

/*
---- Extra Navigation
*/
#extra-navigation {
	float:right;
	list-style:none;
	padding:19px 12px 0 0;
}
	#extra-navigation li {
		padding:6px 18px 6px 10px;
		display:block;
		float:left;
		background:transparent url(../images/backies/extra-navigation.gif) no-repeat center right;
	}
	#extra-navigation li.last {
		padding-right:0;
		background-image:none;
	}
		#extra-navigation li a {
			padding:0;
			border-bottom:none;
			color:#990d4b;
		}
		#extra-navigation li a:hover {
			color:#000;
		}
		
/*
---- Banner
*/
#banner {
	background-color:#bababa;
}
	#banner .container {
		background:#5d5d5d url(../images/backies/banner.gif) no-repeat bottom left;
	}

#telephone {
	padding:0 15px 6px 15px;
	vertical-align:top;
	font:2.4em/36px Georgia, "Times New Roman", Times, serif;
	color:#fff;
}

div.telephone {
	float:left;
}

#user-panel {
	padding:8px 15px 4px;
	color:#aaa;
}
	#user-panel a {
		border-bottom:none;
		color:#ccc;
	}
	#user-panel a:hover {
		color:#48daf3;
	}

#site-tools {
	padding:0 12px;
	width:228px;
	background-color:#3aaec2;
	float:right;
}
	#site-tools p {
		padding:8px 0;
		color:#b6f0fa;
	}
		#site-tools p a {
			border-bottom:none;
			color:#fff;
		}
		#site-tools p span { font-size:0.9em; }
		#site-tools p span a { color:#b6f0fa; }
		#site-tools p a:hover {
			color:#000;
		}
			
	#site-tools label {
		font-size:1.2em;
		color:#b6f0fa;
	}
	#site-tools #SearchQuery {
		width:125px;
	}
/*
---- Content
*/
#content {
	background-color:#fff;
}

/*
---- Clients
*/
#clients {
	padding:0px 18px;
	list-style:none;
	float:left;
	width:720px; /* IE6 Fix */
}
	#clients li {
		padding:6px 6px 0;
		width:132px;
		float:left;
		text-align:center;
	}
		#clients li div {
			float:left;
			width:132px;
			min-height:4.5em;
			border-top:6px solid #fff;
		}
		#clients li a {
			border-bottom:none;
			padding-bottom:0;
			color:#333;
		}
		#clients li a.thumb {
			width:96px;
			display:block;
			margin:0 auto;
			border:6px solid #f6f6f6;
			padding:0;
		}
		
* html #clients li div { height:4.5em; } /* IE6 Fix */
	
#client-image {
	float:left;
	padding-bottom:30px;
}
	#client-image img {
		border:6px solid #f6f6f6;
		display:block;
	}
	
#details {
	float:right;
	padding-top:6px;
	width:486px;
}
	#details ul {
		list-style:none;
	}
	
p.back-link {
	text-align:right;
	padding:36px 6px 0;
}
	#details p.back-link {
		float:right;
		padding-top:0;
	}

#tools {
	padding-top:18px;
	padding-bottom:none;
}

div.text {
	clear:both;
	padding:0 6px;
}
	div.text p {
		width:480px;
		float:right;
	}
	div.text h3 {
		margin:0;
		padding:0 0 18px 0;
		float:left;
		font-size:1.2em;
		line-height:1.5;
		color:#858585;
		font-weight:bold;
		background-color:#fff;
		width:234px;
		text-align:right;
	}

/*
---- Voiceovers
*/
#voiceovers ul { padding:0; }
#voiceovers li { padding-bottom:18px; }
#voiceovers div { padding:5px 0 3px; }
#voiceovers ul a { border:none; color:#999; font-size:0.9em; }
#voiceovers ul a:hover { color:#000; }

/*
---- Pages
*/
#clients-page { padding:36px 0; }
#clients-page h2,
#clients-page p { padding-left:36px; }
#clients-page h2 { float:left; }
#clients-page .pagination { padding-right:36px; }

#client-page { padding:30px 0 36px; width:732px; }

#client-page table {
	width:auto;
	border-left:3px solid #fff;
	border-right:3px solid #fff;
	border-collapse:separate;
}

#search-page { padding:36px 0; }
#search-page h3 { margin-right:36px; margin-left:36px; }
#search-page h2,
#search-page p,
#search-page form { padding-left:36px; padding-right:36px; }
#search-page form div { padding:18px 0; border-top:1px solid #d2d2d2; }
#search-page form div span.submit { background-color:#fff; padding-left:6px; }

#shortlists-page { padding:36px 0; }
#shortlists-page h2,
#shortlists-page p,
#shortlists-page form { padding-left:36px; padding-right:36px; }
#shortlists-page form { padding-left:36px; padding-right:36px; }
#shortlists-page form div { padding:18px 0; border-top:1px solid #d2d2d2; }
#shortlists-page form div span.submit { background-color:#fff; padding-left:6px; }

#shortlists-page p.success { margin-right:36px; margin-left:36px; padding:4px 6px 3px; }

#saved-shortlists {
	clear:both;
	padding:36px 36px 0 36px;
}

#shortlists-about-page {
	padding:36px 0;
	width:696px;
}
	#shortlists-about-page h2,
	#shortlists-about-page p {
		margin-left:6px;
		margin-right:6px;
	}
	
	#shortlists-about-page div { background:#f0f0f0 url(../images/backies/shortlist.gif) repeat-y top left; }
	#shortlists-about-page div div { background:transparent url(../images/backies/shortlist-top.gif) no-repeat top left; }
	
	#shortlists-about-page ol {
		padding:3px;
		background:transparent url(../images/backies/shortlist-bottom.gif) no-repeat bottom left;
	}
		#shortlists-about-page ol li {
			width:212px;
			padding:9px;
			float:left;
			display:block;
		}
			#shortlists-about-page ol li img {
				display:block;
				border-bottom:6px solid #fff;
			}
			#shortlists-about-page ol li h3 {
				font-size:1.2em;
				font-family:Verdana, Arial, Helvetica, sans-serif;
				margin-bottom:12px;
			}
			#shortlists-about-page ol li p {
				font-size:1em;
				padding:0 0 6px;
			}
	
#info-page,
#user-page { padding:36px 0; width:684px; }

#links-page { padding:36px 0; }
#links-page h2 { padding-left:36px; padding-right:36px; }
#links-page ul {
	float:left;
	padding:0 18px;
	list-style:none;
}
	#links-page ul li {
		width:324px;
		padding:0 18px 18px 18px;
		float:left;
	}
		#links-page ul li strong {
			display:block;
		}
		
#contact-page { padding:36px 0; width:684px; }

#contact-page p {
	float:left;
	width:342px;
}

/*
---- Home Page
*/
#home-content {
	border-top:36px solid #fff;
	border-bottom:72px solid #fff;
	padding:0 24px;
	background:#fff url(../images/backies/home.gif) repeat-y top left;
}
	#home-content p {
		padding:0;
		width:360px;
		float:left;
	}
	#home-content #address {
		width:234px;
		float:right;
	}
	
/*
---- Pagination
*/
.pagination {
	float:right;
	position:relative;
}
	.pagination ul {
		list-style:none;
		font-size:1.1em;
		line-height:1.45;
	}
		.pagination ul li {
			padding:0 0 0 3px;
			display:block;
			float:left;
			color:#333;
		}
			.pagination ul li a {
				padding:0 4px;
				display:block;
				float:left;
				border:none;
				border:1px solid #fff;
			}
			.pagination ul li a:hover {
				border-color:#ddd;
			}
			.pagination ul li em {
				padding:0 4px;
				display:block;
				border:1px solid #ddd;
				font-style:normal;
				color:#ff167D;
			}
			.pagination ul li span {
				padding:0 4px;
				display:block;
				border:1px solid #fff;
				color:#bababa;
			}
			.pagination ul li a span {
				padding:0;
				cursor:pointer;
				border:none;
				color:#2b8392;
			}
			.pagination ul li a:hover span { color:#000; }
			
.first {
	padding-top:18px;
}

	
/*
---- Forms
*/
form.base {
	padding-bottom:18px;
}
	form.base div {
		padding:6px 0 18px;
		border-bottom:1px solid #d2d2d2;
		float:left;
		width:100%;
	}
	form.base div.error_message {
		padding:4px 0 0 142px;
		clear:both;
		font-size:1.1em;
		font-weight:bold;
		border-bottom:none;
		color:#800;
	}
		form.base div label {
			padding:7px 6px;
			font-weight:bold;
			display:block;
			float:left;
			font-size:1.1em;
			width:130px;
			color:#333;
		}
		form.base div span {
			padding:4px;
			background-color:#ddd;
			display:block;
			float:left;
		}
		form.base div img {
			border:4px solid #ddd;
			float:left;
		}
		form.base div p {
			clear:both;
			font-size:1.1em;
			padding:4px 0 0 142px;
		}
		form.base div p.upload_link {
			padding:0 0 0 142px;
		}
	form.base div.submit {
		padding:0;
		background-color:#e8e8e8;
	}
		form.base div.submit p {
			font-size:1.2em;
			padding:8px 6px 8px 142px;
		}
	form.base div.checkbox {
		padding-left:142px;
		width:auto;
		border:none;
		padding-bottom:8px;
	}
		form.base div.checkbox label {
			padding:0;
			float:none;
			display:inline;
		}
		
form.base select {
	width:200px;
}

#additional-recipients {
	padding:6px 0 0 142px;
	border-bottom:none;
	width:auto;
	clear:both;
	float:none;
}
	#additional-recipients div {
		border-bottom:none;
		padding:6px 0;
	}


/*
---- Messages
*/
p.success,
p.error {
	padding:4px 6px 3px;
	font-weight:bold;
	border:1px solid #000;
	margin-bottom:1.5em;
}

/*
---- Misc
*/
col.col_1 { width:240px; }
col.col_2 { width:192px; }
col.col_3 { width:147px; }
col.col_4 { width:147px; }

a.icon {
	padding:0;
	display:block;
}
	a.icon img {
		display:block;
	}

#clients li span.remove-link {
	display:block;
	font-size:0.9em;
	color:#999;
}
	#clients li span.remove-link a {
		color:#666;
		font-weight:bold;
	}
	#clients li span.remove-link a:hover {
		color:#800;
	}

/*
---- Footer
*/
#footer {
	padding:36px 0;
	background:transparent url(../images/backies/footer.gif) repeat-x top left;
}
	#footer p {
		padding:0 6px;
		color:#e1e5e5;
		float:left;
	}
	#footer p.binamic {
		padding:0 6px;
		color:#e1e5e5;
		float:right;
	}
	#footer p.binamic a{
		text-decoration:none;
		color:#e1e5e5;	
	}
	#footer p.binamic a:hover{
		text-decoration:none;
		color:#000000;		
	}

/*
---- Clear All and the Clearfix
*/
.clearboth { 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 */