#wrapper {position:relative;}

#bothcolumns {}

#gallery {
	list-style-type: none;
	z-index:1; /* IE Mac */
}

#gallery li {
	float: left;
	padding: 0;
	margin: 0;
}

#gallery li img {
	border:3px solid #fff;
	color: #fff;
	background: #fff;
	position:relative;
	z-index:10;
}

/* overflow:hidden will break FF 0.8 */ 
#gallery li a {
	display:block;
	float:left;
	height:86px;
	width:126px;
	position:relative;
	color:#fff;}

#gallery li a:hover {
	color:#000;
	background:#fff;
	} 

#gallery li a:hover img, #gallery li a:focus img, #gallery li a:active img {
	border-color: #354C5A;
	}

#gallery span {
	position:absolute;
	top:0;left:0;
	margin-top:2.2em;
	padding:0 3px;
	z-index:1;
	}

#content {margin:10px 10px 20px 270px;}


.note {font-style:italic;color:#999}

dd a,.note a {color:red}
/************************ The stuff *********************/

.transparent {opacity:.2;-moz-opacity:0.2}

.nonOpaque {opacity:1;-moz-opacity:1}

a.transparent {cursor:default}

a.nonOpaque {cursor:pointer}

#zDIV_slideShow a {color:#000;background-color:#fff}

#zDIV_slideShow {display:none;position:absolute;left:0;top:0 !important;width:100%;height:100%;background-position:50% 50%;background-repeat:no-repeat;text-align:center;margin:0;z-index:10/* IE Mac */}

/* new style (not for IE 5 WIN or Mac) to center the whole thing if we deal with fixed height images */

@media screen {#zDIV_slideShow {top:50% !important;height:440px;margin-top:-220px}}

#zA_previous,#zA_next,#zA_close {background:transparent !important}

#zA_previous img,#zA_next img,#zA_close img {border:0 !important;margin:5px 2px;margin-bottom:-20px/* to make sure FF doesn't show only the bottom part of these images (top part being hidden by the viewport) 
ONLY NEEDED if vertical centering is not applied */}

#zA_title {display:block;font-size:1.1em;margin:40px auto 9px/* top margin to compensate for the negative margin on the image ONLY NEEDED if vertical centering is not applied */;padding:5px;width:90%;background-color:#fff !important;cursor:default;text-decoration:none; color: #fff;width:400px;}

#zDIV_slideShow #zA_description {color: #354C5A;padding:9px 3px;border:1px solid #354C5A;width:400px;margin:5px auto;display:block; bakground: #fff;}

#zDIV_counter {display:block;width:400px;margin:9px auto;background:#354C5A;color:#fff;padding:3px;font: .9em Arial, Helvetica, sans-serif}

#zIMG {/*margin-top:15px;padding:3px;background:#fff;border:2px solid #000;background:#fff url(../img/ajax-loader.gif) 50% 50% no-repeat;width:600px;height:400px*/}

#zDIV_slideShow {padding-bottom:50px !important} /* to make sure FF does not cut-off the description below the image */

.hand {cursor:pointer}

* html #gallery {/*width:520px*/}


* html a.transparent {visibility:hidden}

* html a.nonOpaque {visibility:visible}

/* last minute stuff after IE 7 release */
.transparent {filter:alpha(opacity=20);*visibility:visible;*zoom:1;}

.nonOpaque {filter:alpha(opacity=100);}

#wrapper {*display:inline-block;}