@charset "utf-8";
/* CSS Document */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	background-image:url(../images/bg.jpg);
	background-repeat: repeat-y;
	background-position:0px -40px;
	background-color:#4c4c4c;
	margin: 0;
	padding: 0;
}

#snow {
	position:absolute;
	width:100%;
	height:760px;
}

#container {
	width: 800px;
	position:absolute;
	height:400px;
	margin-top: 146px; /* half of the height */
	margin-left: 155px; /* half of the width */
}

#clear {
	height:1px;
	clear:both;
}

#info {
	font-size:12px;
	font-weight:bold;
	margin-top:46px;
	float:left;
	width:180px;
}

#images {
	width:360px;
	height:378px;
	float:right;
	margin-top:14px;
	margin-right:40px;
}

#boxout {
	position:absolute;
	width:210px;
	height:366px;
	color:#FFFFFF;
	background-color:#4c4c4c;
	z-index:1;
	margin-left:180px;
	margin-top:14px;
	font-size:12px;
	padding:6px 0px 6px 0px;
	overflow:hidden;
	z-index:1;
}

#block {
	background-color: #4c4c4c;
	width:330px;
	height:52px;
	position:absolute;
	margin-top:320px;
	z-index:2;
}

/* BOXOUT */

#heading {
			display: block;
			text-align: center;
			margin-bottom: 1em;
			z-index:3;
			position:absolute;
			margin-left:20px;
		}
		#heading * {
			display: inline;
			padding: 0px;
			user-select: none;
			cursor: pointer;
			vertical-align: middle;
		}
		#heading li.active {
			background-color: #66ccff;
			border-radius: 3px;
			-webkit-border-radius: 3px;
			-opera-border-radius: 3px;
			-moz-border-radius: 3px;
		}
		
		#wrapper {  }
		
		#panes {
			text-align: left;
			border-style: none;
			/*width: 245px;*/
			margin: 0 1em 0 1em;
		}
		
		#panes p {
		  width: 180px;
		  margin: 0 auto 0 auto;
		  line-height: 1.2em;
		}
		
		#panes div div { overflow: hidden; }
		
		#previous { float: none; cursor: pointer; }
		#next { float: none; cursor: pointer; }