/*
Simon James Design, v1.0

Media: Screen
Author: Tim Dawson @ Born Digital
*/

body {
	color: #000;
	}
.skipnav, .hidden {
	display: none;
	}

h1 a {
	display: block;
	width: 220px;
	height: 48px;
	text-indent: -999em;
	overflow: hidden;
	background:url(../images/simonjames_logo.gif) top right no-repeat;
	float:right;
	margin-top:10px;
	}

h2, p {
	padding-bottom: 15px;
	margin: 0 0 .5em 0;
	}

ul, li {
	list-style: none;
	margin: 0;
	padding: 0;
	}

	
#container {margin:0 auto; width:926px;}

.header {color:#939598; margin-bottom:15px; font-size:1em; position:relative; text-transform:lowercase;  font-family:Helvetica,Verdana; font-size:8pt; line-height:14px; z-index:90;}
	.header ul {display:block; float:left; margin:60px 0 0 0; position:relative; width:145px;  } 
	/*background:url(../images/white_bg_tile.png) 0 0 repeat;*/
	.header ul ul {margin-top:0px;}
	.header ul li {padding:2px 5px; }
	.header ul li a, .active ul li a {text-decoration:none; font-family:Helvetica,Verdana; font-size:8pt; font-weight:normal; color:#939598;}
	.header ul li a:hover {color:#CCC;} 
	.header ul div {position:absolute; top:0; left:145px;}
	.header ul li a.active {color:#231F20; font-weight:bold;}
	#search {float:right; display:block; width:210px; position:absolute; top:62px; right:0px; border: 1px #CCC solid; background:#FFF; z-index:90;}
		#search #s {float:right; width:160px; border:0px; padding-top:4px; height:17px; color:#444; display:block;}
		#search label {float:left; font-size:12px; padding:3px; height:15px;display:block;}
		#search_results {display:none; margin-top:10px; width:100%;}
		#search_results ul {margin:0; width:100%;}
		

#main {
	margin-top:140px;
}
	#home_gallery {z-index:1}
	.leftImage, .thumb_gallery {float:left; display:block;}
	.leftImage {width:550px;}
	.thumb_gallery {width:700px;}
	.thumb_gallery li {float:left; display:block; line-height:1;}
	.content {width:342px; display:block; float:right;margin-top:30px;}
	
.contentlower {
	width:600px;
	display:block;
	float:none;
	margin-top:100px;
}

	.controller {font-weight:bold; font-weight:14pt; color:#999; display:block;}
	.controller img, .num {float:left}
	.img_gallery img{margin:0;}
	.num {margin-top:-2px;}
	#main li {font-size:.8em; color:#939598; padding:5px 0; }
	#main ul {margin-bottom:1em;}
	
	


/* TOOLS ------------------------------------------------- */

.clear { clear: both; }
.clearfix { zoom: 1; /* for IE7 */ }
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}
* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}
.accessibility {
	position: absolute;
	left: -999px;
	width: 900px;
	background: none;
	}