html,body{height:100%;}
body{background-color:#000000;
padding:0px;
margin:0px;
background-image:url(images/website-bg.jpg);
background-position:top right;
background-repeat:no-repeat;
color:#fff;

font-family: "Trebuchet MS", sans-serif;
  font-size:12px;}
#promo{
	position:absolute;
	top:30px;
	left:30px;
	border: 1px solid #fff;
	padding:5px;
	text-align:center;
}
#twitter{
	position:absolute;
	top:30px;
	left:500px;
	border: 1px solid #fff;
	padding:5px;
	text-align:center;
}
#container{
	position:absolute;
	left:20px;
	bottom:10px;
	text-align:right;
}
img{border:0px;}
a:link{color:#05657B;
text-decoration:underline;}
a:hover{color:#05657B;
text-decoration:none;}
a:visited{color:#05657B;
text-decoration:underline;}
a:active{color:#05657B;
text-decoration:underline;}
h1{color:#666;}
#ytvideo2 {
    float: left;
	margin-right:10px;
}

.yt_holder {
	padding: 10px;
    float: left;
}
ul {
    float: left;
    margin: 0;
    padding: 0;
    width: 245px;
	height:300px;
	overflow:auto;
}

ul li {
    list-style-type: none;
    display:block;
    background: #05657B;
    float: left;
    width: 216px;
    margin-bottom: 6px;
	padding:2px;
	filter:alpha(opacity=30);
	-moz-opacity:0.3;
	-khtml-opacity: 0.3;
	opacity: 0.3;
}

ul li:hover {
    list-style-type: none;
    display:block;
    background: #05657B;
    float: left;
    width: 216px;
    margin-bottom: 6px;
	padding:2px;
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity:1;
	opacity:1;
}

ul li img {
    width: 120px;
    float: left;
    margin-right: 5px;
    border: 1px solid #fff;
}

ul li a:link, ul li a:visited, ul li a:active, ul li a:hover {
	color:#fff;
    text-decoration: none;
    display: block;
	text-align:left;
}

.currentvideo {
	background: #05657B;
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
}

#app{
position:absolute;
	left:20px;
	bottom:55px;