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





/*  PAGE FORMATTING  */

body {
	margin: 0;
	background: #FFF url(images/bgf-mid.png) repeat center;
	font: 12px Arial, Helvetica, sans-serif;
	color: #0066cc;
}	
img {
	border: 0px;
	margin: 0px;
}
img, div { behavior: url(iepngfix.htc) }

.wrap {
	width: 917px;
	margin: 0px auto 0 auto;
}
.top {
	background: url(images/bgf-top.png) bottom center;
	height: 73px;
	margin: 0px;
}

.mid {
	
	min-height: 600px;
}

.mid-white {
	
	/*background: url(images/bgf-mid.png) repeat-y top center;*/
}
.bot {
	background: url(images/bgf-bot.png) no-repeat top center;
	height: 300px;
	margin: 0px;
}
.content-wrap {
	width: 896px;
	margin: 0 0 0 36px;
	padding: 14px 0 0 0;
	min-height: 200px;

}

.content-grey {
	background: url(images/bg-pic.gif) repeat-y left top;
}



.content-top {
	background: url(images/content-top.png) no-repeat top left;
	margin: 5px 0 0 0;
	height: 18px;
}
.content-bot {
	background: url(images/content-bot.png) no-repeat bottom left;
	margin: 0px;
	height: 18px;
}

#videopanel {	
	margin: 20px 0 0 0;
	padding: 20px;
	width: 517px;
	background: #fff;
	background: rgba(255,255,255,.75);
}
.fullscreen {
	width:100%;
	height:100%;
}


.video {
	background: #f4f6f4 url(images/vid-mid.gif) no-repeat top;
	float: left; 
	width: 222px;
	margin: 0px;
	padding: 0px;
	color: #0066cc;
	min-height: 500px;
}

.player {
	width: 855px;
	margin: 0 103px;
	padding: 20px;
	z-index: 10;
	background: #fff;
	min-height: 400px;
	text-align: center;
}

#player {
	position: absolute;
	z-index: 10;
}

.content {
	float: left; 
	width: 570px;
	margin: 0px 10px 5px 35px;
	
}

.login {
	float: left;
	background: url(images/login-top.png) no-repeat top;
	padding: 25px 5px 0 5px;
	width: 212px; 
	display: none;
}

.login label {
	width: 5em;
	font-size: 11px;
	clear: left;
	float: left;
}

.login input {
	text-align: left;
}

/* NAVIGATION */
ul.nav {
	margin: 5px 0 10px 0;
	list-style: none;
	padding: 0px;
	
}
ul.nav li {
	float: left;
	margin: 0;
	padding: 0;
}

/* VIDEO CONTROLS */
ul.vidcontrols {
	margin: 5px 0 10px 0;
	list-style: none;
	padding: 0px;
	
}
ul.vidcontrols li {
	float: right;
	margin: 0;
	padding: 0;
} 

ul.bandcontrols {
	margin: 0 5px 10px 0;
	list-style: none;
	padding: 0px;
}
ul.bandcontrols li {
	float: left;
	margin: 0 5px 0 0;
	padding: 4px;
}

ul.bandcontrols a {   
	text-decoration: none;
}

ul.bandcontrols li.sel, ul.bandcontrols li.sel a {
	background: #999 ;
	color: #fff;
}


/*  TYPOGRAPHY */

h1 {
	text-transform:uppercase;
	font-size: 14px;
}
	
p.footer {
	font-size: 10px;
	margin-left: 240px;
}

p.footer a {
	color: #666666;
}

p.footer a:hover {
	color: #0066cc;
}  

.video a {
	text-decoration: none;
}

.video h2 {
	border-bottom: 1px solid #a7caed;
	background: #e7f0fa;
	font-size: 12px;
	color: #0066cc;
	padding: 0px 20px 10px 20px;
	margin: 0;
}
.video p {
	padding: 10px 20px 10px 20px;
}

.content p {
	color: #666;
}

a, a:visited,a:active{
	color: #0066cc;
}
a:hover {
	color: #333;
}

.hr {
	border-bottom: 1px dotted  #0066cc;
}

.hr-grey {
	border-bottom: 1px dotted  #999;
}

ul.items {
	float: left;
	width: 220px;
	margin-right: 20px;
}
ul.items ul li {
	line-height: 1.8em;
}
.content blockquote {
	margin: 0px;
	padding: 10px;
	color: #0066cc;
	background: none;
	background: rgba(250,250,250,0.75);

}	

/* list */
ul.list { 
    list-style: none;
	padding: 0;
	margin: 0;
}

ul.list li {
	line-height: 1.5em; 
	border-bottom: 1px dotted #fff;
	padding-left: 20px; 
}
ul.list li.head {
	padding-left: 0px;
}
ul.list li.head:hover {
	background: none;
	list-style-image: none; 
}

ul.list li a {
	color: #666;
	text-decoration: none; 
	padding: 0;
	margin: 0;
}

ul.list li.sel a {
	color: #0066cc;
}     


ul.list li.sublist {
	padding-left: 30px;
}

ul.list:hover li a {
	color: #000;  
}

ul.list:hover a:hover {
	color:#0066cc;
}      

ul.projects {
    padding:0;
	margin: 0;
	list-style: none;
}           
ul.projects li {
	float: left;
	margin-right: 10px;
	margin-bottom: 20px;
}