#gallery {
	width:0px;
	height:0px;
	position:relative;
 top:223px; /* squares up down position */
 left:-1px;



	border:0px solid #ddd;
	background:#828282;
}
#gallery {width:820px; height:0px; position:relative; border:0px solid #ddd; background:none;} /* squares left right position */
#gallery ul {list-style:none; padding:5px; margin:50; width:300px; float:right; height:155px; overflow:auto;} /* width for squares */
#gallery ul li {display:inline; width:45px; height:45px; float:left; margin:0 0px 10px 16px; border:0px solid #b6b6b6; cursor:pointer;}
#gallery ul li img {display:block; width:45px; height:45px;}
#gallery ul li span {
	display:none;
	position:absolute;
	left:530px; /* text details */
	top:185px;
	width:354px;
	font-family:verdana, arial, sans-serif;
	color:#ffffff;
	font-size:11px;
	line-height:15px;
	text-align:justify;
	height: 48px;
}
#gallery ul li span b {color:#444;}

/* required for IE5.x and IE6 to display the start image size correctly */
#gallery ul li.click i img.default {margin:5px auto 0 auto; width:500px; height:700px; border:0px solid #fff;}

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

#gallery ul li.click {border-color:#444; background:#444; cursor:default;}

#gallery ul li.click i {position:absolute; left:0; top:-226px; width:485px; height:485px;} /* Big square position width-left right  */

#gallery ul li.click i img {margin:5px auto 0 auto; width:auto; height:auto; border:0px solid #b6b6b6;}

#gallery ul li.click span {display:block;}