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


#slide_holder {
	background-image: url(/images/gallery/bg-slide.jpg);
	position: relative; /*leave this value alone*/
	overflow: scroll; /*leave this value alone*/
	width: 980px; /*Width of Carousel Viewer itself*/
	height: 170px; /*Height should enough to fit largest content's height*/
}

#slide_holder .belt{
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
}

#slide_holder .panel{
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin:20px 30px 40px; /*margin around each panel*/
	width: 920px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

#next_button, #prev_button {
	top:125px;
}
div.panel {
	padding-left:25px;
}
div.panel a img {
	border:0;
}
div.panel a {
	height:125px;
	width:125px;
	text-align:center;
	margin:0 10px;
	display:block;
	float:left;
}
img.navi a {
	width:30px;
	height:30px;
	border:1px solid red;
}
#btm_cont {
	 height:330px;
	 margin:0;
	 padding:30px 0 30px 260px;
}
#formcont {
	background:transparent url(/images/pages/bg-trans.png) repeat left top;
	width:310px;
	margin:30px 30px 0 0;
	padding:10px;
	float:left;
}
#rules {
	width:320px;
	float:left;
	padding:30px 5px 5px;
}
#rules ul {
	margin-top:5px;
	margin-bottom:10px;
}
li, p, label, span {
	font-size:12px;
	
}
p {
	margin:5px 0;
}
h1 {
	color:#BE0000;
	margin:5px 0;
	padding:0;
	font-size:14px;
}
h4 {
	margin:0;
	padding:10px 0 0 0;
	font-size:12px;
	font-weight:bold;
	color:#BE0000;
}	
form label {
	display:block;
	float:left;
	width:90px;
	margin-right:5px;
}
form div {
	clear:both;
	margin-bottom:3px;
}
.msg {
	color:#CC0000;
	font-weight:bold;
}