@charset "utf-8";

#wrapper {

	height: auto;

	width: 900px;

	margin: 0px auto;
	
}

body {

	background-color: #CCCCCC;

	margin-top: 0px;

}

#wrapper #header {

	background-image: url(../images/header.jpg);

	float: left;

	height: 250px;

	width: 900px;

}

#wrapper #navwrapper {

	float: left;

	height: 40px;

	width: 900px;

}

#wrapper #navwrapper #navhome {

	background-image: url(../images/nav.jpg);

	background-position: 0px 0px;

	float: left;

	height: 40px;

	width: 103px;

}

.centering {
	text-align:center;
}
	
#wrapper #navwrapper #navabout {

	background-image: url(../images/nav.jpg);

	background-position: -103px 0px;

	float: left;

	height: 40px;

	width: 270px;

}

#wrapper #navwrapper #navmixes {

	background-image: url(../images/nav.jpg);

	background-position: -373px 0px;

	float: left;

	height: 40px;

	width: 101px;

}

#wrapper #navwrapper #navlisten {

	background-image: url(../images/nav.jpg);

	background-position: -474px 0px;

	float: left;

	height: 40px;

	width: 182px;

}

#wrapper #navwrapper #navlinks {

	background-image: url(../images/nav.jpg);

	background-position: -656px 0px;

	float: left;

	height: 40px;

	width: 98px;

}

#wrapper #navwrapper #navcontact {

	background-image: url(../images/nav.jpg);

	background-position: -754px 0px;

	float: left;

	height: 40px;

	width: 146px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

}

#wrapper #navwrapper #navhome a{

	float: left;

	height: 40px;

	width: 103px;

}

#wrapper #navwrapper #navabout a{

	float: left;

	height: 40px;

	width: 270px;

}

#wrapper #navwrapper #navmixes a{



	float: left;

	height: 40px;

	width: 101px;

}

#wrapper #navwrapper #navlisten a{

	float: left;

	height: 40px;

	width: 182px;

}

#wrapper #navwrapper #navlinks a{

	float: left;

	height: 40px;

	width: 98px;

}

#wrapper #navwrapper #navcontact a{

	float: left;

	height: 40px;

	width: 146px;

}

#wrapper #navwrapper #navhome a:hover{

	background-image: url(../images/nav.jpg);

	background-position: 0px 40px;

	float: left;

	height: 40px;

	width: 103px;

}

#wrapper #navwrapper #navabout a:hover{

	background-image: url(../images/nav.jpg);

	background-position: -103px 40px;

	float: left;

	height: 40px;

	width: 270px;

}

#wrapper #navwrapper #navmixes a:hover{

	background-image: url(../images/nav.jpg);

	background-position: -373px 40px;

	float: left;

	height: 40px;

	width: 101px;

}

#wrapper #navwrapper #navlisten a:hover{

	background-image: url(../images/nav.jpg);

	background-position: -474px 40px;

	float: left;

	height: 40px;

	width: 182px;

}

#wrapper #navwrapper #navlinks a:hover{

	background-image: url(../images/nav.jpg);

	background-position: -656px 40px;

	float: left;

	height: 40px;

	width: 98px;

}

#wrapper #navwrapper #navcontact a:hover{

	background-image: url(../images/nav.jpg);

	background-position: -754px 40px;

	float: left;

	height: 40px;

	width: 146px;

}

#wrapper #content {

	float: left;

	height: auto;

	width: 880px;

	background-image: url(../images/contentbg.jpg);

	background-repeat: repeat-y;

	padding-top: 10px;

	padding-right: 10px;

	padding-bottom: 10px;

	padding-left: 10px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

}

#wrapper #footer {

	background-image: url(../images/footer.jpg);

	float: left;

	height: 15px;

	width: 900px;

	background-repeat: no-repeat;

	background-position: top;

}

#shoutcast {
	float: left;
	height: 480px;
	width: 640px;
}
#content #stuff {
	text-align: center;
}