/*  styles.css */

a
{
	color: #666666;
	text-decoration: none;
}


a:hover {text-decoration: underline; color: #666666;}
img { border: 0; }

body
{
	background-color: #666;
	margin: 0;
	padding: 0;
	font: 10px verdana, helvetica, arial, geneva, sans-serif;
	line-height: 13px;
	color: #000;
}

p
{
	font: 11px arial;
	line-height: 16px;
	color: #000;
	background-color: transparent;
}


#bodysub
{
	position: absolute;
	width: 904px;
	margin: 20px 20px 0 20px;
}

.content
{
	position: relative;
	margin: 0;
	padding: 0;

}

.subcontent
{

	margin: 3px 0 15px 0;
	padding: 10px 10px 10px 10px;
	background: #bababa;
	border: 3px solid #d5d5d5;
}

.gallery_nav
{

	margin: 3px 0 15px 0;
	padding: 3px 30px 3px 30px;
	background: #bababa;
	border: 3px solid #d5d5d5;
}

#topleft
{
	position: relative;
	text-align: left;
	float: left;
      height: 56px;
	width: 500px;
	margin: -10px 0 15px 0;
}

#topright
{
	position: absolute;
	right: 0;
	top: 33px;
	text-align: right;
	float: right;
	width: 500px;
	margin: 0;
	padding: 0;
}

.carousel-component {
	padding:8px;

}
.carousel-component .carousel-list li { 
	margin:4px;
	width:79px; /* img width is 75 px from flickr + a.border-left (1) + a.border-right(1) + 
	               img.border-left (1) + img.border-right (1)*/
	/*	margin-left: auto;*/ /* for testing IE auto issue */
}

.carousel-component .carousel-list li a { 
	display:block;
	border:1px solid #e2edfa;
	outline:none;
	-moz-outline:none; 
}

.carousel-component .carousel-list li a:hover { 
	border: 1px solid #87bf4e; 
}

.carousel-component .carousel-list li img { 
	border:1px solid #999;
	display:block; 
}

.carousel-component .carousel-list li strong { 
	display:block; 
}
									

#prev-arrow { 
	position:absolute;
	top:40px;
	z-index:3;
	cursor:pointer; 
	left:5px; 
}

#next-arrow { 
	position:absolute;
	top:40px;
	z-index:3;
	cursor:pointer; 
	right:5px; 
}