#photo_viewer
{
	border: 1px solid #ccc;
	padding:  10px;
	overflow: hidden;
	background-color: #e8e8e8;
	margin-bottom: 20px;
}

#hero_image
{
	margin-top: -30px;
/*	border: 1px solid #ccc; */
	background-color: #e8e8e8;
	border-bottom: 0;
	position: relative;
	float:  left;
}
#hero_image img
{
	width: 500px;
	margin: 0px;
}

#overlay
{
	position: relative;
	bottom: -250px;
	left: 0px;
	height: 30px;
	width: 500px;
	z-index: 1;
	color:  #ccc;
}

#overlay
{
	background-image: url(transparent.png) !important;  /* Mozilla only */
	background-color: transparent !important;	/* Mozilla only */
	background-image: none;	/* IE only */
	background-color: #000;	/* IE only */
/*	filter:alpha(opacity=80);  IE only */
}

#overlay p
{
	font-size: 10px;
	text-align: left;
	font-weight: normal;
	padding: 0;
	margin: 0;
	padding: 10px;
}

#overlay a
{
	color: #ccc;
}

* {
	margin: 0;
	padding: 0;
}

img
{
	border: 0;
}

p
{
	margin-bottom: 1em;
}

ul
{
	list-style-type: none;	
}

/* -------------------------------------------------------------
	VERTICAL CAROUSEL
------------------------------------------------------------- */

#vertical_carousel
{
	margin-top: -30px;
	float: left;
	width:  75px;
	height: 280px;
	padding: 0px;
	position: relative;
	overflow: hidden;
	text-align: center;
	margin-left: 10px;
}

#vertical_carousel .container
{
  width: 75px;
  height: 234px;
  position: relative;    
  overflow: hidden;
  margin:  0 auto;
}

#vertical_carousel ul
{
	height: 100000px;
	position: relative;
	top: 0;
	left: 0;
/*	height: 75px; */
}                      

#vertical_carousel ul li
{
	width: 75px;
	height: 81px;
/*	float:left; */
}


#vertical_carousel .previous_button
{
/*	float:left; */
	width: 75px;
	height: 21px;
	background: #d3d3d3 url(up.gif) no-repeat 50% 4px;
	z-index: 100;
 	cursor: pointer;
 	margin-bottom: 3px;
}

#vertical_carousel .previous_button_over
{
	background: #fff url(up_hover.gif) no-repeat 50% 4px;
}

#vertical_carousel .previous_button_disabled
{
	background: #d3d3d3 url(up_off.gif) no-repeat 50% 4px;
	cursor: default;
}

#vertical_carousel .next_button
{
/*	float:right;  */
 	margin-top: 3px;
	width: 75px;
	height: 22px;
	background: #d3d3d3 url(down.gif) no-repeat 50% 3px;
	z-index: 100;
	cursor: pointer;
}

#vertical_carousel .next_button_over
{
  background: #fff url(down_hover.gif) no-repeat 50% 3px;
}

#vertical_carousel .next_button_disabled
{
  background: #d3d3d3 url(down_off.gif) no-repeat 50% 3px;
  cursor: default;
}