body { 
	margin: 0; 
	padding: 0; 
	border: 0; 
	background-color: black; 
	font: 10pt Verdana;  
	color: white; 
	text-align: center;
	width: 100%;
}

a:link { text-decoration: none; color: white; font: Verdana; }
a:active { text-decoration: none; color: white; font: Verdana;  }
a:visited { text-decoration: none; color: white; font: Verdana; }
a:hover { text-decoration: underline; color: #ffcc00; font: Verdana; }

.home_image {
	position: absolute;
	left: 10px;
	/*top: 15px;*/
	top: 132px;
	z-index:-1;
	height: 310px;
	overflow: hidden;
}	
.home_nothing { 
	height: 313px;
}
.home {
	margin-left: 20px;
	background-color: black; 
}	
.home_thumbnails {
	width: 140px;
	float: left;
	text-align: left;
	margin-top: 5px;
	margin-right: 26px;
	height: 350px;
	overflow: hidden;
	font: 9pt Verdana;  
}
.photographer_thumbnails {
	width: 200px;
	float: left;
	text-align: left;
	margin-right: 26px;
	height: 300px;
}
#home_info {
	position:absolute;
	top: 132px;
	/*left: 570px;*/
	right: 20px;
	left: 50%;
	width: 560px;
	height: 310px;
	text-align: left;
	padding-left: 5px;
	padding-right: 5px;
	overflow: hidden;
}
#home_info .home_info_content {
	width: 440x;
	padding-left: 5px;
	padding-right: 5px;
}
.home_info_content {
	position: relative;
}
.home_info_overlay {
	position: absolute;
	top: 0; /* These positions makes sure that the overlay */
	bottom: 0;  /* will cover the entire parent */
	left: 0;
	width: 100%;
	background: black;
	opacity: 0.70;
	moz-opacity: 0.70; /* older Gecko-based browsers */
	filter:alpha(opacity=70); /* For IE6&7 */
}
/* Lets use the * html hack so only IE6 reads the rule */
* html #home_info .home_info_overlay {
	height: expression(document.getElementById("home_info").offsetHeight);
}
.new_header {
	height: 132px;
}
.logo {
	position: absolute;
	left: 10px;
	top: 0px;
}
.strap_line {
	position: absolute;
	left: 137px;
	top: 0px;
	right: 0px;
	background-color: #333333;
	text-align: left;
}
.nav {
	right: 0px;
	min-width: 1000px;
	position: absolute;
	left: 10px;
	top: 102px;
	background-color: #505050; 
	height: 30px;
	text-align: left;
	padding-left: 2px;
	line-height: 30px;
}
.images {
	text-align: left;
}
.search_image_small {
	width: 310px;
	height: 360px;
	float: left;
	padding-top: 20px;
	text-align: center;
}
.search_image_large {
	width: 460px;
	height: 510px;
	float: left;
	padding-top: 20px;
	text-align: center;
}
.search_next_small {
	width: 310px;
	height: 360px;
	float: left;
	padding-top: 20px;
	text-align: center;
	line-height: 310px;
	line-height: 310px;
}
.search_next_large {
	width: 460px;
	height: 510px;
	float: left;
	padding-top: 20px;
	text-align: center;
	line-height: 510px;
}


.browse_image_small {
	width: 310px;
	height: 360px;
	float: left;
	padding-bottom: 20px;
	text-align: center;
}
.browse_image_large {
	width: 460px;
	height: 510px;
	float: left;
	padding-bottom: 20px;
	text-align: center;
}
.highlight_image {
	padding: 10px;
	background-color: #505050; 
	margin-bottom: 40px;
	color: black;
}
.image_mouseover {
	visibility: hidden; 
	position: relative;
}
ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
li {
	background-image: url(assets/list.gif);
	background-repeat: no-repeat;
	background-position: 0 .6em;
	padding-left: .6em;
}
.left_border {
	padding-left: 20px;
}
#search_nav {
	position:absolute;
	right: 0px;
	width: 250px;
	text-align: left;
	padding-left: 5px;	
}
#search_nav_off {
	position:absolute;
	right: 0px;
	width: 250px;
	text-align: left;
	padding-left: 5px;
	visibility: hidden; 
}
#search_nav .search_nav_content {
	width: 245x;
	padding-left: 5px;
}
#search_nav_off .search_nav_content {
	width: 245x;
	padding-left: 5px;
}
.search_nav_content {
	position: relative;
}
.search_nav_overlay {
	position: absolute;
	top: 0; /* These positions makes sure that the overlay */
	bottom: 0;  /* will cover the entire parent */
	left: 0;
	width: 100%;
	background: black;
	opacity: 0.70;
	moz-opacity: 0.70; /* older Gecko-based browsers */
	filter:alpha(opacity=70); /* For IE6&7 */
}
/* Lets use the * html hack so only IE6 reads the rule */
* html #search_nav .search_nav_overlay {
	height: expression(document.getElementById("search_nav").offsetHeight);
}
* html #search_nav_off .search_nav_overlay {
	height: expression(document.getElementById("search_nav_off").offsetHeight);
}
.search_nav_control {
	position: absolute;
	top: 0px;
	right: 3px;
}
.search_nav_control_bot {
	position: absolute;
	bottom: 0px;
	left: 3px;
}
.thumbnails {
	width: 145px;
	height: 145px;
	float: left;
	padding-top: 5px;
}
.thumbnail_highlight {
	position: absolute;
	top: 120px;
	left: 0;
	color: #ffcc00;
	width: 140px;
	height: 20px;
	visibility: hidden; 
	overflow: hidden;
}
#thumbnail_highlight .thumbnail_highlight_content {
	width: 140px;
	/*padding-left: 5px;*/
}
.thumbnail_highlight_content {
	position: relative;
}
.thumbnail_highlight_overlay {
	position: absolute;
	top: 0; /* These positions makes sure that the overlay */
	bottom: 0;  /* will cover the entire parent */
	left: 0;
	width: 100%;
	background: #262626;
	opacity: 0.55;
	moz-opacity: 0.55; /* older Gecko-based browsers */
	filter:alpha(opacity=55); /* For IE6&7 */
}
/* Lets use the * html hack so only IE6 reads the rule */
* html #thumbnail_highlight .thumbnail_highlight_overlay {
	height: expression(document.getElementById("thumbnail_highlight").offsetHeight);
}
.min_width { 
	min-width: 1000px;
}
.highlight_min_width {
	min-width: 1200px;
}
.text {
	padding-top: 10px;	
	padding-bottom: 10px;
	margin-bottom: 10px;
	padding-left: 5px;
	width: 645px;
	text-align: left;
}	
.text_grey {
	padding-top: 10px;	
	padding-bottom: 10px;
	margin-bottom: 10px;
	width: 645px;
	text-align: left;
	background-color: #333333; 
	padding-left: 5px;
}
.bot_nav_container {
	width: 100%;
	position: relative;
}
.bot_nav {
	position: fixed;
	min-width: 1000px;
	background-color: #505050; 
	height: 20px;
	text-align: left;
	padding-top: 2px;
	left: 10px;
	margin-top: 25px;
	right: 0px;
	bottom: 0;
	top: auto;
	padding-left: 20px;
}
.legal {
	width: 98%;
	text-align: left;
	margin-left: 20px;
	margin-top: 5px;
}
.clearfix:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.clearfix {
display: inline-block;
}
html[xmlns] .clearfix {
display: block;
}
* html .clearfix {
height: 1%;
}
.float {
	float: left;
}
.border-top {
	border-top: 2px solid black;
}
.clear {
	clear: both;
}
.search_form {
	font: 11pt Verdana; 
}
.contact_form {
	font: 10pt Verdana; 
}
.page_title  {
	font: 12pt Verdana; 
	font-weight: bold; 
}
.title  {
	font: 12pt Verdana; 
	font-weight: bold; 
}
#home_info .title {
	font: 10pt Verdana; 
	/*font-weight: bold; */
}
.highlight {
	color: #ffcc00;
	font-style: italic; 
}
.left_bar { 
	float: left;
	width: 560px;
}
.middle_bar { 
	/*margin-left: 20px;*/
	float: left;
	width: 330px;
}
.gold {
	color: #ffcc00;  /*Gold*/
	/*font-weight: bold; */
}
.thumbnail_mouseover {
	visibility: hidden; 
	position: relative;
	color: #ffcc00; 
	font: 12pt Verdana; 
	font-weight: bold; 
}
.large_title {
	font: 12pt Verdana; 
	font-weight: bold; 
	background-color: #262626; 
}
.welcome {
	font: 10pt Verdana; 
	font-weight: bold; 
}
.categories { 
	float: left;
	width: 170px;
	padding-right: 10px;
	background-color: #262626; 	
}
.gallery {
	width: 100%;
	background-color: #262626; 
}
.gallery_image_and_menu {
	float: right;
	padding-right: 10px;
}
.info {
	top: 10px;
	left: 10px;
	width: 250px;
	height: 317px;
}
.text_background {
	min-width: 1000px;
	background-repeat: no-repeat;
	background-position: 690px 0px;
}