body {
	background: #e4e4e4 url(../images/bg.jpg) top center no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin: 0;
}
:focus { outline: none; }
.wrapper {
	width: 960px;
	margin: 0 auto;
}
#header {
	display: block;
	height: 123px;
	position: relative;
}
	#header .logo {
		width: 305px;
		height: 123px;
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		background: url(../images/logo.jpg) 0px 0px no-repeat;
		text-indent: -9999px;
	}
	#header .bg {
		display: block;
		background: url(../images/indx_head_bg.jpg) 0px 0px no-repeat;
		position: absolute;
		top: 0;
		right: 0;
		width: 356px;
		height: 123px;
	}
	#header .inside_bg {
		display: block;
		background: url(../images/head_bg.jpg) 0px 0px no-repeat;
		position: absolute;
		top: 0;
		right: 0;
		width: 255px;
		height: 123px;
	}
	#header a.favorites {
		display: block;
		width: 100px;
		height: 31px;
		position: absolute;
		top: 41px;
		left: 450px;
		background: url(../images/favorites.gif) 0px 0px no-repeat;
		padding: 13px 0 0 70px;
		color: #9e9e9e;
		font-size: 12px;
	}
	#header.inside a.favorites {
		left: 550px;
	}
	#header a:hover.favorites {
		background: url(../images/favorites.gif) 0px -44px no-repeat;
	}
#menu {
	height: 53px;
	background: url(../images/menu.jpg) 0px 0px no-repeat;
	position: relative;
}
	#menu .bg {
		display: block;
		background: url(../images/indx_menu_right.jpg) 0px 0px no-repeat;
		position: absolute;
		top: 0;
		right: 0;
		width: 356px;
		height: 53px;
	}
	#menu .inside_bg {
		display: block;
		background: url(../images/menu_right.jpg) 0px 0px no-repeat;
		position: absolute;
		top: 0;
		right: 0;
		width: 255px;
		height: 61px;
	}
	#menu ul {
		padding: 14px 0 0 10px;
		margin: 0;
		list-style: none;
	}
	#menu ul li {
		display: inline;
	}
	#menu ul li a {
		float: left;
		margin: 0 20px;
		font-size: 20px;
		color: #728602;
		font-family: "Arial Narrow";
		text-decoration: none;
		font-weight: bold;
		text-shadow: 1px 1px #c8e71c;
	}
	#menu ul li a:hover {
		color: #000;
	}
#promo {
	display: block;
	height: 350px;
	background: url(../images/omdx_promo.jpg) 0px 0px no-repeat;
	margin-bottom: 8px;
	position: relative;
}
	#promo .solovideo {
		display: block;
		position: relative;
		padding: 17px 0 0 10px;
		font-size: 11px;
		color: #656565;
	}
	#promo img {
		border: 0;
	}
	#promo .thumb {
		display: block;
		width: 400px;
		height: 260px;
		position: absolute;
		top: 17px;
		left: 10px;
		z-index: 2;
		background: url(../images/thumbbg.png) 0px 0px no-repeat;
	}
	#promo .data {
		padding: 15px 10px;
	}
	#promo .data a {
		display: block;
		font-size: 15px;
		font-weight: bold;
		color: #f2185b;
		text-decoration: none;
	}
	#promo .data a:hover {
		text-decoration: underline;
	}
	#promo ul.features {
		padding: 5px 0 0 0;
		margin: 0;
		position: absolute;
		top: 10px;
		left: 435px;
		font-family: "Arial Narrow";
		font-size: 21px;
		color: #5b690c;
		list-style: none;
		width: 140px;
	}
	#promo ul.features li {
		height: 37px;
		padding: 15px 0;
		line-height: 17px;
	}
	#promo a.reg {
		position: absolute;
		top: 285px;
		left: 418px;
		width: 320px;
		height: 52px;
		text-indent: -9999px;
	}
#container {
	background: #fff;
	overflow: hidden;
	padding: 12px;
}
#sidebar {
	float: left;
	width: 150px;
	margin-right: 11px;
}
	#sidebar ul {
		padding: 0;
		margin: 0;
		list-style: none;
	}
	#sidebar ul li a {
		display: block;
		background: none;
		font-size: 13px; 
		font-weight: bold;
		color: #656565;
		text-decoration: none;
		padding: 9px 5px 8px 10px;
	}
	#sidebar ul li a:hover {
		background: url(../images/cat_bg.gif) 0px 0px no-repeat;
		text-shadow: 1px 1px #ededed;
		padding: 9px 5px 8px 10px;
	}
#videos {
	float: left;
	width: 775px;
}
	#videos h2 {
		background: #f2185b;
		color: #fff;
		font-weight: normal;
		font-size: 15px;
		padding: 5px 10px;
		font-family: "Arial Narrow";
		margin: 0 0 20px 0;
	}
.vid {
	width: 185px;
	margin: 0 0 10px 5px;
	float: left;
}
	.vid a img {
		border: 1px solid #707070;
	}
	.vid a:hover img {
		border: 1px solid #f2185b;
	}
	.vid a {
		text-decoration: none;
		color: #f2185b;
		font-family: "Arial Narrow";
		font-size: 15px;
	}
	.vid .data {
		font-size: 11px;
		color: #656565;
		padding: 5px 0;
	}
	
a.button {
	display: block;
	clear: both;
	width: 160px;
	background: url(../images/but_bg.gif) 0px 0px no-repeat;
	text-shadow: 1px 1px #ededed;
	padding: 9px 5px 8px 5px;
	text-align: center;
	font-size: 13px; 
	font-weight: bold;
	color: #656565;
	text-decoration: none;
}
#footer {
	background: #808080;
	padding: 20px;
	margin: 10px 0;
	color: #fff;
}
#footer a {
	color: #fff;
	text-decoration: underline;
	margin-right: 15px;
	font-size: 12px;
}
#support {
	font-family: "Arial Narrow";
	color: #adadad;
	font-size: 11px;
	text-align: right;
	padding: 20px 0;
}
#support h3 {
	font-size: 21px;
	font-weight: normal;
	color: #919191;
	padding: 0; 
	margin: 0;
}

#video_episode {
	clear: both;
	margin-bottom: 20px;
	overflow: hidden;
	position: relative;
}
#signup_box {
	position: absolute; 
	top: 0;
	left: 0;
}
#signup_bg {
	width: 780px;
	height: 608px;
	background: #fff;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0.9;
}
#signup {
	position: relative;
	z-index: 3;
	width: 775px;
}
.fla_video {
	float: left;
	width: 500px;
}
#video_data {
	float: left;
	width: 270px;
}
.data_box {
	border-bottom: 1px dotted #ccc;
	padding: 10px 0;
}
.data_box span {
	font-weight: bold;
	display: block;
}
a.videoreg {
	display: block;
	margin: 10px 0;
	background: #339900;
	padding: 10px;
	font-size: 18px;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	color: #fff;
}
a:hover.videoreg {
	background: #000;
}
.form {
	padding: 20px 40px;
	font-size: 15px;
	color: #3b4600;
	text-shadow: 1px 1px #def55a;
	background: #c0df11;
	margin: 0 auto;
    margin-top:100px;
	width: 400px;
}
.form h3 {
	padding: 20px 0 0 0;
	margin: 0;
	color: #000;
}
.form input, .form select {
	padding: 10px;
	font-weight: bold;
	margin: 10px 0;
}
div.rules {
	margin: 20px 0;
	padding: 10px 30px;
	background: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ada6a6;
	display: block;
	border: 1px solid #fff;
	overflow: auto;
	height: 150px;
	text-align: justify;
	clear: both;
}

input.placeholder {
	font-weight: normal;
	color: #AAA;
}