@charset "utf-8";
/* CSS Document */
html{
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	overflow:auto;
}

body{
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	border:none;
}

div, ul, li, a, img, h1, h2, h3, h4, span, p{
	margin:0;
	padding:0;
	border:none;	
	background-color:transparent;
}


/** MAIN ******************************************************************/
#wrapper{
	min-height:100%;
	height: auto !important;
	height:100%; /*IE < 7*/
	margin:0px auto;
	position:relative;
}
#header{
	width:100%;
	height:120px;
	position:relative;
}
#mainmenu{
	list-style:none;
}
#mainmenu li{
	float:left;
}
#left{
	position:absolute;
	padding:5px;
}
#main{
	position:relative;
	min-height:600px;
}
#footer{
	position:absolute;
	bottom:0px;
	width:100%;
	clear:both;
}
div.article{
	width:auto;
	height:auto;
	float:left;	
}
#submenu{
}

div.transparent{
	width:100%;
	height:100%;
	position:fixed;
	display:none;
	z-index:100;
}
div.clear{
	height:30px;
	clear:both;
}
#userMenu{
	list-style:disc outside;
}
#imageViewer{
	width:100%;
	height:100%;
	text-align:center;
}
#bigImageWrapper{
	margin:70px auto;
	display:inline-block;
	clear:both;
	position:relative;
	padding:10px;
	width:auto;
	height:auto;
}
#bigImage{
	max-height:480px;
}

/** Gallery ******************************************************************/
#gallery{
	padding:20px;
}
div.galleryLink{
	width:120px;
	max-height:120px;
	text-align:center;
	padding:5px;
	float:left;
	margin:0 10px 10px 0;
}
div.galleryLink img{
	width:120px;
}
div.galleryLink p{
	width:120px;
	overflow:hidden;
	text-align:center;
}

#gallery div.imgWrapper{
	width:80px;
	text-align:center;
	padding:5px;
	float:left;
	margin:0 10px 10px 0;
}
#gallery div.imgBg{
	width:80px; 
	height:60px;
}
div.imgWrapper img{
	max-width:80px;
	max-height:60px;
}
#galleryControl{
	margin:10px auto;
	display:inline-block;
	position:absolute;
	bottom:5px;
	right:15px;
	clear:both;
}

#galleryBigImageBg{
	width:640px; 
	height:480px; 
}