/* gallery css file */
body {
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#d9d9d9;
	background-color: #666252;
}

div {position:relative;}
div span {display:block;position:absolute}

/* Media centre */
#mediacentre {  padding-bottom: 1em; padding-top:2em; position:relative; width:855px;margin-left:1em;}

#mainphotocontainer { display: inline; position: relative; left: 0.8em; float: left;  margin: 0.8em; margin-left: 0; }
div#mainphoto { text-align: center; width: 335px; height: 230px }
div#mainphoto {  padding:0; }

div#photoinfo { position: relative; width: 320px; height: 1.8em;  padding-top: -0.5em; font-weight: bold; }
div#mainphoto img {height:225px; width:330px;border-radius: 10px 10px 10px 10px;}

/* Within photoinfo */
div#caption { position: absolute; left: 6px; width:150px;}

/* Thumbnails */
div#thumbnails { min-height: 390px; padding-bottom: 2.8em; position: relative; left: 3.0em; top:10px; overflow: auto;
	background-color:#a42727;
	padding:10px;
	border-radius: 10px 10px 10px 10px;
	font: "Century Gothic",Verdana;

 }

* html div#thumbnails { margin-left: auto; top: 0; left: 0.7em; }

div#thumbnails ol { list-style-type: none; padding: 25px; line-height: 85%; margin:0; }
div#thumbnails ol li { height:63px; width:87px; text-align: center; float: left; margin: 0 1.7em 0.6em 0;}
div#thumbnails ol li a:hover { background-color: transparent; }
div#thumbnails ol li img {max-width: 81px; max-height: 62px; border-radius: 5px 5px 5px 5px;}

#link-previous {position:absolute;left:220px;z-index:100;}
#link-next{position:absolute;left:310px;z-index:100;}
#link-next img {border-width:0px;}
#link-previous img {border-width:0px;}
#picCounter {font-size:1em;font-weight:normal;border:0px;position:absolute;top:3px;left:245px;z-index:100;width:55px;text-align:right;}

#sitewrapper { margin: 0 auto; font-size: 92%;  max-width: 1280px; min-width: 960px; }

/* Site-wide hacks */
/* clearfix from 456bereastreet */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
.clearfix { display: block; }
* html .clearfix { height: 1px; }

.caption {font-size:1em;font-weight:normal;}

#sitewrapper{ width:960px; }
#textbox {
	position:absolute;
	top:320px;
	left:25px;
	background-color:#a42727;
	min-height:105px;
	width:310px;
	left:25px;
	padding:10px;
	border-radius: 10px 10px 10px 10px;
	font-size:14px;
}
.imageoff {
	-moz-opacity:.50; 
	filter:alpha(opacity=50); 
	opacity:.50;
}