@charset "UTF-8";
/* FW100R3 */
/* (c)2010 SugarHill Works LLC - http://www.sugarhillworks.com */


/* ------------------ portfolio pages main image -------------------- */
body {
	background: #cfab6d url(../img/gallery_bg.jpg) top center no-repeat;
}

#loading_gif_cntr { 
	position: absolute;
	top: 7px;
	right: -18px;
	width: 15px;
	height: 15px;
	display: block;
}
#loading_gif_cntr img {
	width: 15px;
	height: 15px;
}
#ceibw #ss_cntr {
	background: none;
	position: relative;
	top: 0px;
	left: 0px;
	width: 750px;
	height: 500px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	z-index: 1300;
	overflow: hidden;
}
#ceibw #main_cntr #ss_cntr img { 
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 0;
	padding: 0;
	border: #DDD 1px solid;
	display: block;
	opacity: 0;
	-moz-opacity: 0;
	filter: alpha(opacity=0);
	z-index: 220;
}
#ss_cntr #tmpvid_cntr {
	position: absolute;
	top: 0px;
	left: 0px;
}
#ss_cntr .ss_vid_cntr {
	background: none;
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 0;
	padding: 0;
	border: none;
	z-index: 210;
	/*display: none;*/
	background: #000 url(../img/loading.gif) no-repeat center center;
}
#vplayer {
	opacity: 0;
	-moz-opacity: 0;
	filter: alpha(opacity=0);
}
#glass_cntr { /*border: orange thin solid;*/
	background: none;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 430px;
	z-index: 9999999999;	
}
.glass_nav:hover {
	cursor: pointer;
}



/* ------------- image title / name --------------- */
#ceibw #ss_info_cntr {
	background: none;
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 25px;
	margin: 0;
	padding: 0;
	display: none;
	z-index: 99999;
}
#ceibw .ss_info_cntr_bg {
	background: #FFF;
	position: absolute;
	bottom: 0px;
	left: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	opacity: 0.70;
	-moz-opacity: 0.70;
	filter: alpha(opacity=70);
	z-index: 99;
}

#ceibw #title_cntr {
	background: none;
	position: absolute;
	top: 0px;
	left: 0px;
	width: auto;
	height: auto;
	margin: 0 auto;
	padding: 7px 35px;
	z-index: 999999999;
	display: none;
	overflow: visible;
}

#ceibw #title_cntr2 { 
	background: none;
	position: relative;
	left: 1px;
	width: 160px;
	height: 45px;
	margin: 0;
	padding: 0;
}
#ceibw #title_cntr #title_txt_0,
#ceibw #title_cntr #title_txt_1 {
	background: none; 
	position: relative;
	float: left;
	top: 0px;
	left: 0px; /* this rule makes IE6 layout correctly */
	width: auto;
	height: auto;
	padding: 0;
	display: block;
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
	z-index: 200;
}
#ceibw #title_cntr #title_txt_0 {
	display: block;
}
#ceibw #title_cntr #title_txt_1 {
	display: none;
}
#ceibw #title_cntr p {
	background: none;
	position: relative;
	float: left;
	top: 0px;
	width: auto;
	height: auto;
	text-align: left;
	font-size: 110%;
	font-weight: bold;
	color: #000;
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}


/* ------------- image captions / byline ------------- */
#ceibw #captions_cntr {
	background: none;
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: auto;
	height: auto;
	margin: 0 auto;
	padding: 20px 35px;
	display: none;
	overflow: visible;
	z-index: 999999999;
}
#ceibw #captions_cntr #caption_txt_0,
#ceibw #captions_cntr #caption_txt_1 {
	background: none; 
	position: relative;
	float: left;
	top: 0px;
	left: 0px; /* this rule makes IE6 layout correctly */
	width: auto;
	height: auto;
	padding: 0;
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
	z-index: 200;
}
#ceibw #captions_cntr #caption_txt_0 {
	display: block;
}
#ceibw #captions_cntr #caption_txt_1 {
	display: none;
}
#ceibw #captions_cntr .caption1_txt,
#ceibw #captions_cntr .caption2_txt {
	background: none;
	position: relative;
	float: left;
	top: 0px;
	width: auto;
	height: auto;
	text-align: justify;
	font-weight: bold;
	color: #000;
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}
#ceibw #captions_cntr .caption1_txt {
}
#ceibw #captions_cntr .caption2_txt {
	padding-left: 5px;
}




/* ------------ nav controls layout ---------- */
#ss_nav_cntr {
	position: relative;
	top: 0px;
	left: 0px;
	width: 750px;/*720px;*/
	height: 25px;
	margin: 0 auto;
	padding: 5px 0 0 0;
	font-size: 95%;
	font-weight: bold;
	z-index: 999;
}
#ss_nav_cntr_bg { display: none;
	background: #000;
	position: absolute;
	top:: 5px;
	left: 0px;
	width: 100%;
	height: 25px;
	opacity: 0.40;
	-moz-opacity: 0.40;
	filter: alpha(opacity=40);
	z-index: 0;
}
#nav_btns_cntr {
	position: relative;
	top: 0px;
	left: 0px;
	width: 100px;
	height: 25px;
	margin: 0 auto;
	padding: 0;
	font-size: 95%;
	font-weight: bold;
}
#ss_overlay_btn_cntr, #ss_play_cntr , #ss_pause_cntr , #nav_nums_cntr, #buy_btn_cntr, #ss_back_cntr , #ss_next_cntr {
	position: relative;
	float: left;
	height: 15px;
	padding: 4px 0 5px 4px;
	margin: 0;
	display: block;
}
#ss_overlay_btn_cntr {
	position: absolute;
	top: 5px;
	left: 0px;
	padding: 4px 4px 5px 0;
}

#ss_back_cntr,
#ss_next_cntr {
	z-index: 999999999;
}
#ss_back_cntr {
	padding: 5px 4px 5px 0;
}
#ss_next_ctnr {
	padding: 5px 0 5px 4px;
}

#ss_play_cntr, #ss_pause_cntr {
	position: absolute;
	top: 5px;
	right: 0px;
}
#ss_pause_cntr {
	display: none;
}
/* ------------ nav nums layout ---------- */
#nav_nums_cntr {
	position: relative;
	float: left;
	width: 52px;
	height: 25px;
	display: block;
	margin: 0;
	padding: 0;
}
#nav_nums_txt_0, #nav_nums_txt_1 {
	position: absolute;
	top: 4px;
	left: 0px;
	width: 22px;
	height: auto;
	text-align: center;
}
#nav_nums_txt_0 img, #nav_nums_txt_1 img {
	position: relative;
	margin: 0 auto;
}
#nav_nums_txt {
	position: absolute;
	top: 4px;
	right: 0px;
	width: 30px;
	text-align: left;
}





/* --------- hScroll img layout --------- -- IGNORE if ss_layout != 'hScroll' in gallerySettings */
#main_imgs_cntr {
	position: relative;
	float: left;
	width: 100%;/*720px;*/
	height: 430px;
	overflow: hidden;
	z-index: 1310;
}
#imgs_scr_cntr {
	position: relative;
	width: 0;/*720px;*/
	height: 430px;
	display: block;
	overflow: visible;
}
#imgs_scr_cntr .img_cntr {
	position: relative;
	float: left;
	display: block;
	visibility: visible;
	width: auto;
	height: 430px;
	margin: 0;
	padding: 0 5px;
	visibility: visible;
	z-index: 1320;
}
#imgs_scr_cntr .img_cntr div {
	background: #000;
	position: absolute;
	top: 0px;
	left: 5px;
	z-index: 0;
}
/* --------- ----------------- --------- */




/* ------------- thumnails layout ------------ */
#thms_nav_cntr {
	background: none;
	position: absolute;
	top: 30px;
	left: -50px; 
	width: 860px;
	height: 50px;
	margin: 0 auto;
	padding: 0;
	overflow: visible;
	visibility: visible;
	z-index: 1300;
}
#main_thms_cntr {
	background: none;
	position: relative;
	float: left;
	width: 750px;
	height: 50px;
	margin: 0px auto;
	padding: 0;
	text-align: left;
	display: block;
	visibility: visible;
	overflow: hidden;
	z-index: 1310;
}
/* ----- thms scroll container ----- */
#thms_scr_cntr {
	position: relative;
	width: auto;
	height: 50px;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
	display: none;
	visibility: visible;
}
#thms_scr_cntr .thm_cntr { 
	position: relative;
	float: left;
	width: auto;
	height: auto;
	margin: 0;
	padding: 0px 2px;
	visibility: visible;
	z-index: 1320;
}
#thms_scr_cntr .firstThm {
	padding: 0 2px 0 0;
}
#thms_scr_cntr .lastThm {
	padding: 0 0 0 2px;
}
/* bg behind each thm */
#thms_scr_cntr .thm_cntr div { 
	background: #FFF;
	position: absolute;
	top: 0px;
	left: 2px;
	z-index: 0;
}
#thms_scr_cntr .firstThm div {
	left: 0;
}
#thms_scr_cntr .lastThm div {
}
#thms_scr_cntr .thm_cntr a {
	background:none;
	position: relative;
	float: left;	
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
	border: 0;
	visibility: visible;
	outline: none;
	z-index: 1330;
}
#thms_scr_cntr .thm_cntr a img {
	position: relative;
	margin: 0;
	padding: 0;
	border: 0;
	visibility: visible;
	z-index: 1340;
}
#thms_scr_cntr .thm_cntr a img:hover {
	cursor: pointer;
}
/* --------- thumbs nav arrows --------- */
#thmArwL_cntr, #thmArwR_cntr {
	position: relative;
	top: 30%;
	float: left;
	visibilty: hidden;
} 
#thmArwL_cntr {
	left: 0px;
}
#thmArwR_cntr {
	right: 0px;
}
#thmArwL_cntr #tArwL_img  {
	margin: 0;
	padding: 0 10px 0 10px;
}
#thmArwR_cntr #tArwR_img {
	margin: 0;
	padding: 0 10px 0 10px;
}
#thmArwL_cntr #tArwL_img,
#thmArwR_cntr #tArwR_img,
#thmArwL_cntr #tArwL_img:hover,
#thmArwR_cntr #tArwR_img:hover {
	cursor: pointer;
}







#videoDL_cntr {
	background: #FFF;
	border: 2px #FFF solid;
	position: relative;
	top: 150px;
	width: 600px;
	height: auto;
	min-height: 300px;
	margin: 0 auto;
	padding: 50px;
	color: #000;
	font-size: 150%;
	font-weight: bold;
	display: none;
}
#viewChoiceLR_txt, #videoDL_txt {
	display: none;
}
#videoDL_cntr input {
	margin: 0;
	paddng: 0;
}
#videoDL_cntr label {
	position: relative;
	float: left;
	font-size: 100%
}
#videoDL_cntr .ckbox {
	position: relative;
	float: left;
	border: #FFF 2px solid;
	width: 18px;
	height: 18px;
	margin: 0;
	padding: 0;
}
#videoDL_cntr .ckbox input {
	position: absolute;
	top: 3px;
	left: 3px;
}
#videoDL_cntr .btn_cntr {
	width: 100%;
	text-align: center;
}
#videoDL_cntr .btn {
	background: #000;
	position: relative;
	width: 200px;
	clear: both;
	margin: 5px 10px;
	padding: 5px;
	font-size: 100%;
	color: #FFF;
	border: #999 3px outset
}

.close_overlay {
	cursor: pointer;
}
.close_overlay:hover {
	cursor: pointer;
}