@charset "UTF-8";


.clr{ clear:both; }
.gallery  			{ width:455px; overflow:hidden;}
.gallery .pics		{ width:444px; height:315px; border:5px solid #CCC; } 
.controls 			{ width:410px; height:32px; background:url('../images/gal_images/box.jpg') top left no-repeat; margin-top:5px; padding:4px 0 0 45px;}
.controls .play,
.controls .pause	{ text-indent:-2000em; overflow:hidden; padding:0; margin:0 8px;}
.controls .play 	{ width:13px; height:21px; background:url('../images/gal_images/play.jpg') top left no-repeat; }
.controls .pause	{ width:18px; height:23px; background:url('../images/gal_images/pause.jpg') top left no-repeat; margin:0 15px 0 8px;}
.controls a			{ color:#555; text-shadow:1px 1px 1px; text-decoration:none; margin:4px 8px; float:left; display:block; font-size:130%;}
.controls a:hover,
.controls .activeSlide	{ color:#000; }
.controls .play:hover { background-position:-13px 0 !important; }
.controls .pause:hover{ background-position:-18px 0 !important; }


#Content .gallery 			{ width:217px; float:right; }
#Content .gallery .pics a,
#Content .gallery .pics img	{ width:217px; height:157px; float:none; }
#Content .gallery .pics 	{ width:100%; height:157px; border:0;}
#Content .controls			{ background:none; width:100%; padding:0; opacity:1 !important;}
#Content .controls .play	{ background:url('../images/gal_images/flat_play.jpg') top left no-repeat; opacity:1 !important;}
#Content .controls .pause	{ background:url('../images/gal_images/flat_pause.jpg') top left no-repeat; opacity:1 !important;}
#Content .controls a		{ margin:2px 4px 4px; text-shadow:none; }
#Content .controls #nav2 a	{ position:relative; top:5px; }




/* SWITCH MAIN IMAGE TO SUB IMAGE */
.mainimage img { width:457px; height:350px; }