body {
text-align: center;
margin:0;
}


#outer{width: 100%;
background-image: url(images/vinyl_bg.gif);
background-repeat: repeat-x;
background-position: center 144px;
margin: 0;
}

#container {
width: 730px;
margin: 0 auto;
text-align: left
} 

#header{
text-align: center;
height: 123px;}

#playa{
height: 450px;
padding-top: 120px;
text-align: center;
}

#footer{
margin: 25px auto 0;
width: 615px;
height: 7px;
background-image: url(images/dubtv_footer.gif);
background-repeat: no-repeat;}

.network{
color: #cccccc;}

.network a{
font-family: Helvetica, Verdana, Arial, sans-serif;
font-size: .7em;
font-weight: bold;
text-decoration: none;
}

.network a:hover{
text-decoration: underline;}

.advert{
margin-top: 25px;}

#navbar {
	background:url("images/navibar.gif") 0 0 no-repeat;					
	width:580px;
	height:20px;
	margin:0 auto;
	padding:0;
	}

#navbar li span { display: none; }

#navbar li { float:left; list-style:none; position:relative; }

#navbar li, #navbar a { 
	height:20px;	/* Each button must have the same height, define it here */
	display:block;
	margin:0;
	padding:0;
	}

li#home {width: 45px;}
li#media {width: 56px;}
li#interviews {width: 92px;}
li#features {width: 76px;}
li#dates {width: 110px;}
li#forum {width: 60px;}
li#vault {width: 81px;}
li#contact {width: 59px; margin: 0px;}

#home a:hover { background:url("images/navibar.gif") 0px  -20px no-repeat; }
#media a:hover { background:url("images/navibar.gif") -45px  -20px no-repeat; }
#interviews a:hover { background:url("images/navibar.gif") -101px  -20px no-repeat; }
#features a:hover { background:url("images/navibar.gif") -193px  -20px no-repeat; }
#dates a:hover { background:url("images/navibar.gif") -269px  -20px no-repeat; }
#forum a:hover { background:url("images/navibar.gif") -379px  -20px no-repeat; }
#vault a:hover { background:url("images/navibar.gif") -439px  -20px no-repeat; }
#contact a:hover { background:url("images/navibar.gif") -520px  -20px no-repeat; }