html {background:#000; color:#fff;}
/* **************** TEMPLATE ***************** */
/* ====== Page Head, Body, and Foot ====== */
#bd{overflow:hidden; _overflow:visible; zoom:1;}
#page{margin: 0 auto; width: 920px; margin-top:10px;} /* wraps entire page */
/* 
"old school" and "liquid" extend #main to allow for different page widths
(important is required so a class can overwrite an ID)
*/
.liquid{width: auto !important;margin:0;}
/* ====== Columns ====== */
.main{overflow:hidden; _overflow:visible; zoom:1;}
.col{float:left; width:230px;}
.section { height: 180px; width:180px;float:left;}
.section a { height: 150px; width:150px;display:block; background:#000;margin:12px;margin-left:0px; margin-right:0px;	border: 1px solid #ccc;}
.colLeft{float:left; width:360px;background:#000;}
/* extend columns to allow for common column widths */


.section a span  {display:none}
a.portrait 	{ background-image: url("../images/layout/portrait.jpg");}
a.wedding 	{ background-image: url("../images/layout/wedding.jpg");}
a.business 	{ background-image: url("../images/layout/business.jpg");}
a.blog 		{ background-image: url("../images/layout/blog.jpg");}




div.controls {
	margin-top: 5px;
	height: 23px;
}
div.controls a {
	padding: 5px;
}
div.ss-controls {
	float: right;
}
div.nav-controls {
	float: right;
}

div.loader {
	background-image: url('loader.gif');
	background-repeat: no-repeat;
	background-position: center;
	width: 350px;
	height: 350px
}
div.slideshow span.image-wrapper {
	float: left;
}
div.slideshow a.advance-link {
	padding: 0px;
	display: block;
	border: 1px solid #ccc;
}
div.slideshow img {
	border: none;
	display: block;
}
div.download {
	float: right;
}
div.embox {
	border: 1px solid #ccc;
	background-color: #eee;
	padding: 12px;
}
div.image-title {
	font-weight: bold;
	font-size: 1.4em;
}

div.image-desc {
	line-height: 1.3em;
	padding-top: 12px;
}
div.navigation {
	/* The navigation style is set by a javascript generated style on the page.
	   This is so that the javascript specific styles won't be applied unless javascript is enabled. */
}
ul.thumbs {
	margin: 0;
	padding: 0;
}

ul.thumbs li {
	float: left;
	padding: 0;
	margin: 5px 10px 5px 0;
	list-style: none;
}
a.thumb {
	display: block;
	border: 1px solid #ccc;
}
ul.thumbs li.selected a.thumb {
	background: #000;
}
a.thumb:focus {
	outline: none;
}
ul.thumbs img {
	border: none;
	display: block;
}
div.pagination {
	clear: both;
}
div.navigation div.top {
	margin-bottom: 12px;
	height: 11px;
}
div.navigation div.bottom {
	margin-top: 12px;
}
div.pagination a, div.pagination span.current {
	display: block;
	float: left;
	margin-right: 2px;
	padding: 4px 7px 2px 7px;
	border: 1px solid #ccc;
}
div.pagination a:hover {
	background-color: #eee;
	text-decoration: none;
}
div.pagination span.current {
	font-weight: bold;
	background-color: #000;
	border-color: #000;
	color: #fff;
}


.image-wrapper {padding:0px; padding-top:12px; }

.ss-controls a {color:#fff}
.ss-controls a:hover {text-decoration:none;}

.pagination {display:none;}

.copy {
	float:left;
	color:#999;
}
#thumbs-adv ul {
	margin-left:560px; border:1px solid #000;
	width:360px;
}

#controls-adv {display:none;}

.textContent { width:500px;}


h1 { margin-left:0px;padding-left:0px !important; }
#hd {padding-left:0px;clear:both;}


#hd h1{font-size: 10px;color:#fff;}
#hd a{font-size: 10px;color:#fff;}