/*---------------------------------
	Eric Meyer's reset CSS 
---------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus{
	outline: 0;
}
body{
	line-height: 1;
	overflow: none;
	color: black;
	background: white;
	font-size: 62.5%; /* Modification by David Siegfried - text resizable throughout 1.2em = 12px */
}
ol, ul{
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table{
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td{
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after{
	content: "";
}
blockquote, q{
	quotes: "" "";
}
/* for email addresses : inside the span type the email address backwards */
span.codedirection{
direction:rtl;
unicode-bidi:bidi-override;
}
/*--------------------------------------------------------
* #1. basic styles
--------------------------------------------------------*/
body{
	background-color: black;
	color: grey;
	font-family: helvetica, "helvetica neue", arial, sans-serif;
}
.container{
	width: 960px;
	margin: 0 auto;
}
p{
	font-size: 1.2em;
	line-height: 1.4em;
}
h1{
	font-size: 2.4em;
	line-height: 2.6em;
	text-indent: -9999px;
	overflow: hidden;
}
h2{
	font-size: 1.8em;
	line-height: 2.0em;
}
h3{
	font-size: 1.4em;
	font-weight: bold;
	line-height: 1.6em;
}
a{
	
}
.clear{
	clear: both;
}
.overflow{
	overflow: auto;
}
.alignleft{
	float: left;
	padding: 5px 18px 5px 0;
}

.alignleft a{
	color: #fff;
	text-decoration: none;
}

.alignright{
	float: right;
	padding: 5px 0 10px 10px; 
}
strong{
	color: #fff;
	font-weight: bold;
}
/*--------------------------------------------------------
* #2. hgroup styles
--------------------------------------------------------*/
.hgroup{
	background: transparent url('../img/header.jpg') no-repeat 0 0;
	height: 196px;
}
/*--------------------------------------------------------
* #3. nav styles
--------------------------------------------------------*/
.nav{
	height: 40px;
}
.nav ul{
	list-style-type: none;
}
.nav li{
	display: block;
}
.nav li a, .nav li a:visited{
	-moz-border-radius: 5px; /* FF1+ */
    -webkit-border-radius: 5px; /* Saf3+, Chrome */
    border-radius: 5px;
	color: #fff;
	display: block;
	font-size: 1.4em;
	float: left;
	text-decoration: none;
	padding: 10px;
	margin-right: 10px;
}
	.nav li a:hover, .nav li a:focus{
		background-color: #fff;
		color: #000;
	}
.nav a img {
	margin-right: 10px;
}
/*--------------------------------------------------------
* #4. section styles
--------------------------------------------------------*/
.section{
	margin-top: 10px;
	padding-left: 10px;
}	
	.article{
		border-bottom: 2px solid #fff;
		margin-top: 15px;
		padding-bottom: 10px;
	}
	.article img, .article object, .article p{
		margin-bottom: 5px;
	}
	ul.videos{
		float: left;
	}
		ul.videos li{
			width: 300px;
		}
	.player{
		float: right;
		width: 640px;
	}
		.player object{
			
		}

.player a{
	color: #fff;
	text-decoration: none;
}
/*--------------------------------------------------------
* #5. section styles
--------------------------------------------------------*/
.footer{
	margin: 15px 0;
	text-align: right;
}