body{
}

a:focus{
	outline: 			none;
	-moz-outline-style: none;
}



#gallery{
	position: 			relative;
	float: 				left;  
	width: 				730px;
	height: 			600px;
	font-family: 		Arial, Helvetica, sans-serif;
	background-image: 	url("../_lib/img/bkg.png");
}
* html #gallery{
	position: 			relative;
	float: 				left;  
	width: 				730px;
	height: 			600px;
	font-family: 		Arial, Helvetica, sans-serif;
	background-image: 	url("../_lib/img/bkg.jpg");
}


#gallery_thumbs{
	float: 				left;
}

#thumbs_content{
	position: 			relative;
	 top: 				59px; 
	margin-left: 		0;
	width:				200px;
	height: 			450px;
	overflow: 			hidden;
}

/* IE 6 */
* html #thumbs_content{
	position: 			relative;
    top: 				59px; 
	margin-left: 		0;
	width:				200px;
	height: 			450px;
	overflow: 			hidden;
}
* html #thumbs_content a {
	margin-bottom:0px;
}
/* IE 7 */
*+html #thumbs_content{
	position: 			relative;
	 top: 				59px; 
	margin-left: 		0;
	width:				200px;
	height: 			450px;
	overflow: 			hidden;
}

.page{
	width:				200px;
	height: 			450px;
	text-align: 		center;
}

.page a,
.page a:link,
.page a:visited{
	display: 			inline-block;
	width: 				170px;
	height: 			140px;
	margin-bottom: 		0;
	margin-left: 		15px;
	margin-right: 		15px;
	padding: 			0;
	text-decoration: 	none;
	text-align: 		left;
	font-size: 			11px;
	color: 				#707b7e;
	background-image: 	url("../img/thumb_bkg.png");
	background-repeat: 	no-repeat;
	padding: 			10px;
}

.page a:active,
.page a:hover,
.page a:focus{
	color:				#ffffff;
	background-image: 	url("../img/thumb_bkg_r.png");
}

.page a img{
	width: 				150px;
	border: 			none;
}

.page .thumb_title{
	display: 			block;
	height: 			25px;
	padding-top: 		5px;
}



#scroll_u{
	position: 			absolute;
	display: 			block;
	top: 				15px;
	left: 				15px;
	width: 				29px;
	height: 			29px;
	background-image: 	url("../img/up_btn.png");
}

#scroll_u:hover{
	background-image: 	url("../img/up_btn_r.png");
}

#scroll_d{
	position: 			absolute;
	top: 				524px;
	left: 				15px;
	width: 				29px;
	height: 			29px;
	background-image: 	url("../img/down_btn.png");
}

#scroll_d:hover{
	background-image: 	url("../img/down_btn_r.png");
}

#scroll_l{
	position: 			absolute;
	display: 			block;
	top: 				524px;
	left: 				220px;
	width: 				100px;
	height: 			29px;
	background-image: 	url("../img/left_btn.png");
}

#scroll_l:hover{
	background-image: 	url("../img/left_btn_r.png");
}

#scroll_r{
	position: 			absolute;
	top: 				524px;
	left: 				610px;
	width: 				100px;
	height: 			29px;
	background-image: 	url("../img/right_btn.png");
}

#scroll_r:hover{
	background-image: 	url("../img/right_btn_r.png");
}


#gallery_content{
	float: 				left;
	width: 				529px;
	height: 			600px;
}

#gallery_title{
	position: 			absolute;
	top: 				21px;
	left: 				230px;
	width: 				490px;
	height: 			30px;
	font-size: 			14px;
	color: 				#ffffff;
}

#gallery_info{
	position: 			absolute;
	top: 				532px;
	left: 				270px;
	width: 				250px;
	height: 			20px;
	font-size: 			10px;
	color: 				#7d7d7d;
}



#img_overlay{
	position: 			absolute;
	width: 				529px;
	height: 			525px;
}

#img_title{
	position: 			absolute;
	top: 				22px;
	left: 				18px;
	width: 				250px;
	height: 			30px;
	font-size: 			14px;
	color: 				#ffffff;
}

#img_loading{
	position: 			absolute;
	top: 				165px;
	left: 				245px;
	width: 				38px;
	height: 			38px;
	background-image: 	url("../img/loading_dial.gif");
}

#img_content{
	position: 			relative;
	display: 			inline-block;
	padding: 			10px;
	/* Width/height to be provided from JavaScript
	width: 				440px;
	height: 			290px; */
}

#img_border_tl{
	position: 			absolute;
	top: 				0;
	left: 				0;
	width: 				10px;
	height: 			10px;
	background-image: 	url("../img/border_tl.png");
}
#img_border_t{
	position: 			absolute;
	top: 				0;
	left: 				10px;
	right: 				10px;
	height: 			10px;
	background-image: 	url("../img/border_t.png");
}
#img_border_tr{
	position: 			absolute;
	top: 				0;
	right: 				0;
	width: 				10px;
	height: 			10px;
	background-image: 	url("../img/border_tr.png");
}
#img_border_l{
	position: 			absolute;
	top: 				10px;
	bottom: 			10px;
	left: 				0;
	width: 				10px;
	background-image: 	url("../img/border_l.png");
	background-repeat: 	repeat-y;
}
#img_border_r{
	position: 			absolute;
	top: 				10px;
	bottom: 			10px; 
	right: 				0;
	width: 				10px;
	background-image: 	url("../img/border_r.png");
	background-repeat: 	repeat-y;
}
#img_border_bl{
	position: 			absolute;
	bottom: 			0;
	left: 				0;
	width: 				10px;
	height: 			10px;
	background-image: 	url("../img/border_bl.png");
}
#img_border_b{
	position: 			absolute;
	bottom: 			0;
	left: 				10px;
	right: 				10px;
	height: 			10px;
	background-image: 	url("../img/border_b.png");
}
#img_border_br{
	position: 			absolute;
	bottom: 			0;
	right: 				0;
	width: 				10px;
	height: 			10px;
	background-image: 	url("../img/border_br.png");
}




#vid_overlay{
	position: 			absolute;
	width: 				529px;
	height: 			525px;
}

#vid_content{
	position: 			absolute;
	width: 				529px;
	height: 			525px;
}

#vid_loading{
	position: 			absolute;
	top: 				165px;
	left: 				245px;
	width: 				38px;
	height: 			38px;
	background-image: 	url("../img/loading_dial.gif");
}

#vid_no_flash{
	margin: 			100px;
	width: 				327px;
	height: 			163px;
}

#vid_download{
	position: 			absolute;
	top: 				6px;
	left: 				280px;
	width: 				100px;
	height: 			19px;
	background-image: 	url("../img/download_btn.png");
}

#vid_download:hover{
	background-image: 	url("../img/download_btn_r.png");
}

#vid_close{
	position: 			absolute;
	top: 				6px;
	left: 				390px;
	width: 				100px;
	height: 			19px;
	background-image: 	url("../img/browse_btn.png");
}

#vid_close:hover{
	background-image: 	url("../img/browse_btn_r.png");
}