@charset "utf-8";
/* reset */
body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul, ol, li, dl, dt, dd, form, a, fieldset, input, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: none;
}
body {
	line-height: 1;
	font-size: 75% /* Decide for yourself if you want to include this. */;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	padding: .6em 0;
}
ul, ol {
	list-style: none;
}
a {
	color: black;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
.clear {
	clear:both;
	width:0;
	height:0;
	font-size:0;
	overflow:hidden;
}
/* end of reset */

/* start layout */

html {
	background: #fff url(images/bg.jpg) repeat-x;
	color: #444;
}
body {
	background: transparent url(images/bg_side.jpg) center 181px no-repeat;
	min-height: 800px;
	height: auto !important;
	height: 800px;
}
#container {
	margin: 0 auto;
	width: 975px;
	overflow: hidden
}
/* scene */


#header {
	height: 80px;
	background: url(images/header.jpg);
	position: relative;
	overflow: hidden;
}
#header h1 {
	font: normal 2em Arial, Helvetica, sans-serif;
	color: #61a80e;
	padding: 0;
	margin: 17px 20px 0;
}
#header h1 strong {
	color: #314c12
}
#header p {
	font: normal 1em Arial, Helvetica, sans-serif;
	margin: 0 20px 0;
}
#header ul {
	display: block;
	position: absolute;
	right: 20px;
	top: 48px;
}
#header ul li {
	float: left;
	padding: 0 10px;
	border-right: 1px solid #444;
	font: normal 1em Arial, Helvetica, sans-serif
}
#header ul li a {
	color: #1da0dd;
	white-space: nowrap;
}
#header ul li.last {
	border: 0;
}
/* end of header */

.top {
	height: 14px;
	padding: 0;
	background: url(images/top.png);
	margin-top: 15px;
	float: left;
	width: 100%;
}
.content {
	min-height: 400px;
	height: auto !important;
	height: 400px;
	background: url(images/center.png) repeat-y;
	float: left;
	width: 100%;
}
.vidz {
	position: relative
}
.bottom {
	clear: left;
	height: 14px;
	background: url(images/bottom.png)
}
/* scene */

#player {
	height: 407px;
	width: 500px;
	background: black;
	float: left;
	margin-left: 14px;
	display: inline
}
#player div {
	margin: 0 !important;
	padding: 0 !important
}
#details {
	width: 416px;
	float: left;
	margin-left: 14px;
}
#details h1 {
	padding: 0;
	font: normal 3em/1em Arial, Helvetica, sans-serif;
	color: #993333;
	letter-spacing: -1px
}
#details p {
	padding: 8px 0;
	height: 62px;
	overflow: hidden;
}
#details a, #details p {
	font: normal 1em Arial, Helvetica, sans-serif;
}
#details a {
	color: #c2242b;
	display: block
}
#details dl {
	width: 200px;
	float: left;
	margin: 14px 0 10px;
}
#details dt {
	font: bold 1.167em Arial, Helvetica, sans-serif;
	background: #878585;
	color: white;
}
#details dt, #details dd {
	height: 35px;
	display: block;
	line-height: 35px;
	text-indent: 10px
}
#details dd {
	font: normal 1em/35px Arial, Helvetica, sans-serif
}
dd.alt {
	background: #f9f9f9
}
#details dl.alt dt {
	background: #646464
}
#details dl.alt {
	margin-left: 14px
}
#details h2 {
	clear: left;
	font: bold 1.167em Arial, Helvetica, sans-serif;
	padding: 0;
}
#details p#options {
	padding: 8px 0 0;
	font: normal 1.167em/1em Arial, Helvetica, sans-serif;
	height: auto;
}
#details p#options a {
	display: inline !important
}
/* end of scene */


/* videos */
.content h3 {
	font: normal 2.583em Arial, Helvetica, sans-serif;
	padding: 0;
	text-align: center;
	color: #114b79;
	letter-spacing: -1px;
}
.content h3 strong {
	color: #3d90d2
}
#videos li {
	float: left;
	display: inline;
	margin: 18px 0 0 21px
}
#videos li img {
	display: block;
}
#videos li a {
	border: 1px solid #ccc;
	padding: 3px;
	display: block;
	position: relative;
	overflow: hidden;
	width: 209px;
}
#videos li a:hover {
	text-decoration: none
}
#videos span {
	display: block;
	background: url(images/black.png);
	position: absolute;
	bottom: 3px;
	width: 209px;
	color: white;
	font: normal 1em Arial, Helvetica, sans-serif;
	padding: 6px 0;
	text-align: center
}
/* end of videos */

/* sites */
.content h4 {
	font: normal 3em/1em Arial, Helvetica, sans-serif;
	text-align: center;
	color: #114b79;
	letter-spacing: -1px;
	padding: 0
}
.content h4 strong {
	color: #3d90d2
}
#sites dl {
	display: block;
}
#sites dd h1 {
	font: normal 3em Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
	color: #993333;
	padding: 0;
}
#sites dd {
	font: normal 1em Arial, Helvetica, sans-serif;
	padding: 20px 0;
	float: left;
	width: 484px;
}
#sites dd.image {
	width: auto
}
#sites dl {
	border-bottom: 1px solid #ccc;
	float: left; display: inline;
	overflow: hidden;
	margin: 0 22px;
}
#sites a {
	color: #c2242b;
}
#sites p {
	width: 484px;
	padding: 8px 0
}
#sites img {
	padding: 3px;
	border: 1px solid #ccc;
	margin-left: 22px
}
/* end of sites */

#footer {
	clear: both;
	margin: 15px 0;
	font: normal 1em Arial, Helvetica, sans-serif;
	position: relative
}
#footer ul {
	display: block;
	position: absolute;
	right: 20px;
	top: 0px;
}
#footer ul li {
	float: left;
	padding: 0 10px;
	border-right: 1px solid #444;
	font: normal 1em Arial, Helvetica, sans-serif
}
#footer ul li a {
	color: #1da0dd;
	white-space: nowrap;
}
.last {
	border: 0 !important;
}