#content {
	min-height:625px;
	_height:625px;
	position:relative;
}
#content h1 {
	background:#e96f0c url(/images/bg-subpage-portfolio.gif) bottom right no-repeat;
	z-index:1;
}


#content ul#detailNav {
	list-style:none;
	position:absolute;
	top:0;
	right:25px;
	height:50px;
	z-index:3;
}
#content ul#detailNav li {
	list-style:none;
	display:inline;
	font-size:16px;
	line-height:50px;
	margin:0;
	padding:0 5px;
	z-index:3;
}
#content ul#detailNav a {
	color:#fff;
	z-index:3;
}




#content #sidebar {
	font-size:13px;
	padding:0 16px 0 0;
	width:190px;
	overflow:hidden;
	z-index:1;
	position:absolute;
	top:0;
	left:0;
}

#content #sidebar h1 {
	margin-bottom:10px;
}



/* ----------------------------------- gallery main ------------------------------------*/
#dhtmltooltip{
	position: absolute;
	width: 100px;
	border: 0;
	padding: 6px;
	background-color: #000;
	visibility: hidden;
	z-index: 100;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ccc;
	/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
	/*filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);*/
}

ul.gallery {
	clear:both;
	margin:0 0 25px 0;
	padding:0;
	list-style:none;
	display:inline-block;
	width:100%;
}

ul.gallery li {
	list-style:none;
	display:inline;
	float:left;
	margin:15px 20px 0 0;
	padding:0;
}

ul.gallery li a img {
	margin:0;
	padding:4px;
	background:#adadad;
}
ul.gallery li a:hover img {
	background:#e96f0c;
}





	
/* ----------------------------------- detail page ------------------------------------*/
#detailWrap {
	position:absolute;
	top:50px;
	right:0;
	display:block;
	width:683px;
	margin:0;
	padding:0;
	z-index:1;
}


.sliderwrapper{
	position: relative; /*leave as is*/
	overflow: hidden; /*leave as is*/
	width: 650px; /*width of featured content slider*/
	height: 460px;
	clear:right;
	padding:10px 0 0;
	z-index:1;
}
.sliderwrapper .contentdiv{
	visibility: hidden; /*leave as is*/
	position: absolute; /*leave as is*/
	left: 0;  /*leave as is*/
	top: 10;  /*leave as is*/	
	padding:0;
	width: 650px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
	height: 100%;
	filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
	/*background:#ccc url(../images/portfolio_bg01.gif);*/
}
.sliderwrapper .contentdiv p.photoTitle {
	text-align:left;
	float:left;
	display:inline-block;
	width:550px;
}
.sliderwrapper .contentdiv p.photoNumber {
	text-align:right;
	float:right;
	display:inline-block;
}


.pagination{
	width: 650px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
	padding:0 0 25px 0;
	margin:0 33px 0 0;
	position:absolute;
	top:0;
	z-index:2;
	display:block;
}
.pagination ul {
	clear:both;
	margin:0 0 25px 0;
	padding:0;
	list-style:none;
	display:block;
}
.pagination li {
	list-style:none;
	display:inline;
	float:left;
	margin:10px 10px 0 0;
	padding:0;
}
.pagination li a img {
	margin:0;
	padding:1px;
	background:#fff;
}
.pagination li a:hover img {
	background:#e96f0c;
}
.pagination a:hover, .pagination a.selected{
	color: #000;
}

#prevLink a, #nextLink a{
	width: 49%;
	height: 460px;
	padding:0;
	margin:0;
	background: transparent url(/images/spacer.gif) no-repeat; /* Trick IE into showing hover */
	display: block;/*
	filter:progid:DXImageTransform.Microsoft.alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;*/
}
#prevLink a { left: 0; float: left;}
#nextLink a { right: 0; float: right; text-align:right;}

#prevLink a img, #nextLink a img { width:325px; height:460px; border:none;}

#prevLink a:hover, #prevLink a:visited:hover{/*
	filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;*/
	background:url(/images/sample-portfolio-prev.gif) left 30px no-repeat;
}
#nextLink a:hover, #nextLink a:visited:hover  {/*
	filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;*/
	background:url(/images/sample-portfolio-next.gif) right 30px no-repeat;
}