/* GALLERY LIST */
/* IMPORTANT - Change '#photos' to the ID of your gallery list to prevent a flash of unstyled content */

body.main
{
	padding:				0px;
	margin:					0px;
	font-family:			verdana,arial,helvetica,sans-serif;
	font-size:				10px;
	line-height				10px;
	color:					#444679;
	background:				url("../images/common/bg.gif");
	background-repeat:		no-repeat;
	background-position: 	top center
}

body.art
{
	padding:				0px;
	margin:					0px;
	font-family:			verdana,arial,helvetica,sans-serif;
	font-size:				10px;
	line-height				10px;
	color:					#444679;
}

#wrapper
{
	width:				972px;
	margin:				auto;
}

#logo_box
{
	padding-left:		50px;
	width:				181px;
	height:				68px;
	float:				left;
}

#lastupdate_box
{
	padding-right:		51px;
	padding-top:		45px;
	width:				584px;
	height:				23px;
	float:				left;
}

#vertical_nav
{
	width:				106px;
	float:				left;
}

#content_box
{
	width:				866px;
	float:				left;
}

#photos 
{ 
	visibility: 		hidden; 
}


/* GALLERY CONTAINER */
.gallery 
{ 
	border: 			0px solid #aaa; 
	padding: 			0px;
/*	background-image:	url(../images/common/bg.gif);
/*	background-color: 	#666;	*/  	

}


/* LOADING BOX */
.loader 
{ 	
/*	background: 		url("../images/common/bg_nobar.gif") center center no-repeat #fff;	*/  	
}


/* GALLERY PANELS */
.panel 
{
}


/* DEFINE HEIGHT OF PANEL OVERLAY */
/* NOTE - It is best to define padding here as well so overlay and background retain identical dimensions */
.panel .panel-overlay,
.panel .overlay-background 
{ 
	height: 			50px; 
	padding: 			0 1em; 
}


/* PANEL OVERLAY BACKGROUND */
.panel .overlay-background 
{ 
	padding:			5px;
	margin-left:		30px;
	background: 		#fff; 
}


/* PANEL OVERLAY CONTENT */
.panel .panel-overlay 
{ 
	color: 				#000;
	padding-left:		50px; 
}

.panel .panel-overlay a 
{ 
	color: 				#fff; 
	text-decoration: 	underline; 
	font-weight: 		bold; 
}


/* FILMSTRIP */
/* 'margin' will define top/bottom margin in completed gallery */
.filmstrip 
{ 
	margin: 			20px; 
}


/* FILMSTRIP FRAMES (contains both images and captions) */
.frame 
{
}


/* WRAPPER FOR FILMSTRIP IMAGES */
.frame .img_wrap 
{ 
	border: 			0px solid #aaa; 
}


/* WRAPPER FOR CURRENT FILMSTRIP IMAGE */
.frame.current .img_wrap 
{ 
	border-color: 		#000; 
}


/* FRAME IMAGES */
.frame img 
{ 
	border: 			none; 
}


/* FRAME CAPTION */
.frame .caption 
{ 
	font-size: 			11px; 
	text-align: 		center; 
	color: 				#888; 
}


/* CURRENT FRAME CAPTION */
.frame.current .caption 
{ 
	color: 				#000; 
}


/* POINTER FOR CURRENT FRAME */
.pointer 
{
	border-color: 		#000;
}


/* TRANSPARENT BORDER FIX FOR IE6 */
/* NOTE - DO NOT CHANGE THIS RULE */
*html .pointer 
{
	filter: 			chroma(color=pink);
}


/*
	GalleryView Stylesheet
	
	Use the CSS rules below to modify the look of your gallery.
	
	To create additional rules, use the markup below as a guide to GalleryView's architecture.
	
	<div class="gallery">
		<div class="panel">
			<img src="path/to/image.jpg" />
			<div class="panel-overlay">
				...overlay content...
			</div>
			<div class="overlay-background"></div>
		</div>
		<ul class="filmstrip">
			<li class="frame current">
				<img src="path/to/thumbnail.jpg" />
				<div class="caption">caption text</div>
			</li>
			<li class="frame">
				<img src="path/to/thumbnail.jpg" />
				<div class="caption">caption text</div>
			</li>
		</ul>
	</div>

*/