/*--------------------------------------------------*/

/*		Copyright (c)2008 EvyOrtiz.com			  	*/
/* 		Author: EM Monzones {em@mxplore.com} 		*/

/*--------------------------------------------------*/

/* CSS Document */

#gallery {width: 700px; position: relative; height: 80px; padding-top: 0px; margin:0 110px 90px 140px; border: 0px solid #000;}

#gallery img.left { float: left; cursor: pointer; padding: 20px 15px 0 0;}
#gallery img.right { float: left; cursor: pointer; padding: 20px 0 0 15px;}

#gallery ul {list-style:none; padding:0; margin:0; float:left; border:2px solid #fff; border-width:5px 2px; border: 0px solid #000; }
#gallery ul li {display:inline; width:78px; height:80px; float:left; margin:0 4px; border:1px solid #000; cursor:pointer;}

#gallery ul li.hide {display:none;}

/* using background ../images */
#gallery ul li.th1 	{background:url(../images/ephotos_thumb01.jpg);}
#gallery ul li.th2 	{background:url(../images/ephotos_thumb02.jpg);}
#gallery ul li.th3 	{background:url(../images/ephotos_thumb03.jpg);}
#gallery ul li.th4 	{background:url(../images/ephotos_thumb01_0408.jpg);}
#gallery ul li.th5 	{background:url(../images/ephotos_thumb02_0408.jpg);}
#gallery ul li.th6 	{background:url(../images/ephotos_thumb03_0408.jpg);}
#gallery ul li.th7 	{background:url(../images/ephotos_thumb04_0408.jpg);}
#gallery ul li.th8 	{background:url(../images/ephotos_thumb05_0408.jpg);}
#gallery ul li.th9 	{background:url(../images/ephotos_thumb04.jpg);}
#gallery ul li.th10	{background:url(../images/ephotos_thumb05.jpg);}
#gallery ul li.th11 {background:url(../images/ephotos_thumb06.jpg);}
#gallery ul li.th12 {background:url(../images/ephotos_thumb07.jpg);}
#gallery ul li.th13 {background:url(../images/ephotos_thumb08.jpg);}
#gallery ul li.th14 {background:url(../images/ephotos_thumb09.jpg);}
#gallery ul li.th15 {background:url(../images/ephotos_thumb10.jpg);}
#gallery ul li.th16 {background:url(../images/ephotos_thumb11.jpg);}
#gallery ul li.th17 {background:url(../images/ephotos_thumb12.jpg);}
#gallery ul li.th18 {background:url(../images/ephotos_thumb13.jpg);}
#gallery ul li.th19 {background:url(../images/ephotos_thumb14.jpg);}
#gallery ul li.th20 {background:url(../images/ephotos_thumb15.jpg);}

/* remove visibility:hidden; if you want to use the original ../images as thumbnails */
#gallery ul li img {visibility:hidden; display:block; width:60px; height:60px; }

/* sets the photo description */
#gallery ul li span {display:none; position:absolute; left:80px; top:120px; width:500px; font: normal 0.98em arial, sans-serif; color:#666; line-height:15px; text-align: left; border: 0px solid #000;} 
/* bold description */
#gallery ul li b {color:#000;}

/* sets the selected thumb */
#gallery ul li.chosen {border-color:#ff3300; cursor:default;}

#gallery ul li.chosen div {position: absolute; left:40px; top: 155px; width:560px; height:670px; background:#000; border:0px solid #000; border:1px 1px 0 1px; padding: 20px; }

#gallery ul li.chosen div i {width:540px; top:0; padding: 10px; height: 650px; display:table-cell; margin-left: auto; margin-right: auto; border: 0px solid #232323;} 
#gallery ul li.chosen div i img { visibility: visible; width: auto; height: auto; margin-right: auto; margin-left: auto; border: 1px solid #232323; padding: 15px; position: relative; top: 0; left: -8px; }
#gallery ul li.chosen span {display:block; }