body {
	padding: 0;
	margin: 0;
	background: #525252 url(../media/ma-bg.png) 0 0 repeat;
	font-family: Helvetica, Arial, Sans_serif;
	font-size: 13px;
	line-height: 17px;
	color: #fff;
}

* {
margin: 0;
padding: 0;
}

img {
	border: 0;
}

a {
	font-weight: bold;
	color: #00ffef;
	text-decoration: none;
}

a:hover {
	color: #403a3a;
	background: #00ffef;
}

#container {
	width: 100%;
	background: url(../media/header-bg.png) 0 0 repeat-x;
	float: left;
	padding: 0 0 100px 0;
}

#content {
	width: 995px;
	margin: 0 auto;
	padding: 38px 0 0 0;
}

#logo {
	width: 197px;
	height: 79px;
	float: left;
	background: url(../media/ma-logo.png) 0 0 no-repeat;
	margin: 0 0 0 3px;
}

#logo a {
	width: 100%;
	height: 100%;
	display: block;
	background: none;
}

.clear {
	clear: both;
}

/* NAVIGATION */

ul#topnav {
	margin: 40px 0 20px; 
	padding: 0 71px 0 160px; 
	list-style: none;	
	font-size: 14px;
	float: right;
	width: 316px;
	background: url(../media/white-10.png) 0 0 repeat-x;
}
ul#topnav li{
	overflow: hidden; 
	float: left; 
	height: 28px;
}
ul#topnav a, ul#topnav span {
	padding: 4px 20px; 
	float: left; 
	text-decoration: none; 
	color: #00ffef;
	clear: both;
	height: 20px;
	line-height: 20px;
}
ul#topnav a {	
	color: #ffff60;
	font-weight: normal;
	background: none;
}
ul#topnav span {
	display: none;
}

/* NAVIGATION END */


#home-columns {
	float: left;
	width: 764px;
	background: url(../media/home-columns.png) repeat-y 0 0;
	margin: 54px 0 0 214px;
}

#news {
	width: 365px;
	float: left;
	margin: 0 0 0 0;
}

#news .header {
	width: 363px;
	height: 55px;
	float: left;
	background: url(../media/header-news.png) 0 0 no-repeat;
}

.article {
	float: left;
	width: 216px;
	margin: 35px 0 0 0;
}

.article img {
	margin: 17px 0 0 0;
	display: block;
}

.date-stamp {
	width: 62px;
	float: right;
	color: #7e7e7e;
	background: url(../media/black-15.png) 0 0 repeat-x;
	text-align: center;
	padding: 2px 1px;
	margin: 34px 2px 0 0;
}

#news ul {
	width: 216px;
	float: left;
	list-style-image: url(../media/bullet.png);
	margin: 0 0 0 19px;
}

h1 {
	font-weight: bold;
	font-size: 17px;
	color: #00ffef;
	margin: 0 0 7px 0;
}

#gigs {
	width: 365px;
	float: left;
	margin: 0 0 0 34px;
}

#gigs .header {
	width: 365px;
	height: 55px;
	float: left;
	background: url(../media/header-gigs.png) 0 0 no-repeat;
}

#gigs ul {
	width: 216px;
	float: left;
	list-style: none;
	margin: 34px 0 0 19px;
}

#gigs li {
	margin: 0 0 17px 0;
}

#gigs a {
	display: block;
}

/* use this for telephone numbers */
#gigs h1 {
	color: #fff;
	font-size: 13px;
	font-weight: normal;
	display: block;
}

#music, #midi, #info, #links {
	width: 764px;
	float: left;
	margin: 54px 0 0 214px;
}

#music .header, #midi .header, #links .header {
	width: 764px;
	height: 55px;
	float: left;
}

#music .header {
	background: url(../media/header-music.png) top left no-repeat;
}

#midi .header {
	background: url(../media/header-midi.png) top left no-repeat;
}

#links .header {
	background: url(../media/header-links.png) top left no-repeat;
}

#links .menu-items {
	min-height: 400px;
}

.menu {
	background: url(../media/black-15.png) 0 0 repeat;
	float: left;
	width: 732px;
	font-weight: bold;
	margin: 11px 0;
	padding: 16px;
}

.menu a {
	display: block;
}

.menu .columns {
	-moz-column-count: 2;
	-webkit-column-count: 2;
}

.column {
	padding-right: 17px;
}

.column.last {
	padding: 0;
}

#audio, #template {
	float: left;
	padding: 0 0 0 17px;
	margin: 17px 0 0 0;
}

#audio {
	width: 764px;
}

#template {
	width: 486px;
}

#audio ul, #template ul {
	list-style-image: url(../media/bullet.png);
	font-size: 17px;
	font-weight: bold;
	float: left;
}

#audio ul {
	width: 650px;
	margin: 0 0 0 18px;
}

#template ul {
	width: 375px;
	margin: 0 0 34px 18px;
}

.template-txt {
	float: left;
	width: 486px;
	margin: 17px 0 0 0;
}

.template-txt h1 {
	color: #fff;
	margin: 17px 0 7px 0;
}

.template-txt p {
	margin: 0 0 17px 0;
}

#audio img {
	margin: 17px 0;
	float: left;
	border: 1px solid #82737c;
	padding: 4px;
	background: url(../media/black-15.png) 0 0 repeat;
}

#audio .date-stamp, #template .date-stamp {
	margin: 0 17px 0 0;
}

.description {
	float: left;
	width: 282px;
	margin: 17px 0 0 34px;
}

.download {
	float: left;
	width: 236px;
	height: 48px;
}
.download a {
	display:block;
	width: 236px;
	padding: 31px 0 0 0;
	background: url(../media/ma-download.png) 0 0 no-repeat;
	overflow: hidden;
	text-indent: -500px; /* this moves your text outside the visible area, so you can safely use full mix titles */
}
.download a:hover { 
	background-position: 0 -48px;
}

#audio table {
	width: 747px;
	float: left;
	margin: 17px 0 0 0;
	border-collapse: collapse;
	background: #4c4643;
	color: #faf1ed;
}

#audio td {
	height: 22px;
	padding: 0 8px;
	border-right: 1px solid #6e6663;
}

.even {
	background: #443c39;
}

#info {
	background: url(../media/header-info.png) 0 0 no-repeat;
	width: 764px;
	min-height: 617px;
}

.bio {
	width: 244px;
	float: left;
	margin: 119px 0 0 503px;
}

.bio p {
	margin: 0 0 17px 0;
}

#info h1 {
	color: #fff;
}

#info a {
	font-size: 16px;
	display: block;
	margin: 14px 0 0 0;
}

#footer {
	float: left;
	width: 369px;
	margin: 100px 0 0 0;
	padding: 37px 0 0 25px;
	background: url(../media/ma-footer.png) 0 0 no-repeat;
}

#footer a {
	font-weight: normal;
}

#footer h1 {
	color: #00ffef;
	font-weight: normal;
	display: inline;
}

#footer h2 {
	color: #736c6a;
	font-weight: normal;
	font-size: 13px;
	display: inline;
}

#player {
	width: 290px;
	float: right;
	margin: 94px 0 0 0;
}

