body {
	font-family: 'Dosis', sans-serif;
	background: #000 url(../images/bg-page.png) repeat;
	color: #fff;
	font-size: 18px;
	line-height: 1;
}

/* font syles */
h4 em {font-size: .8em; color:#B3C383;}
h4 span {display: block;font-size: .8em; text-indent: 10px; color: #849749;}
h4 span em { font-size: 1em;}
em {font-size: .875em;}

ul.music li {list-style-image: url(../images/music_beam.png);}
blockquote { background:  url(../images/quote_orange.png) no-repeat 20px 5px; padding: 10px 10px 10px 60px; width: auto; margin: 0 auto 10px; height: auto;}
blockquote p { margin: 10px 0 0 20px; font-style: italic; }
blockquote cite { font-style: normal; display: block; margin-top: 10px; color: #576430; text-align: right; text-transform: uppercase; font-size: .825em; font-weight: 700; letter-spacing: 1px; }
blockquote cite span {display: block;font-size: .8em; color: #849749;}
blockquote cite em { color: #B3C383; display: block;font-size: .725em;}

.youtube {float: right; clear: both; margin: 0 0 20px 20px; border: solid 3px #e3cb26;-webkit-border-radius: 10px;border-radius: 10px;background: #fff; padding: 5px;}
.youtube iframe {width: 450px; height: 253px;}
li h5 {font-size: 1.125em; margin-bottom: 3px; color: #256fc2;}
a {color: #57a3f9;}
a:visited {color: #999;}
.clear {
	content: '';
	clear: both;
}
.container {
	margin: 0 auto;
	max-width: 1000px;
	padding: 0 10px;
}
header {
	margin: 0 0 60px;
}
h1#logo a {text-indent: -999px; display: block; float: left; margin: 0 10px 0 0; width: 400px; height: 85px;background: url(../images/MagicBox-dot-org_logoWhite295.png) no-repeat;}

nav { float: right;}
nav ul {
	list-style: none;
	list-style-image:none;	
}
nav ul li {
	float: left;
	width: auto;
	height: 35px;
	border-top: 10px solid #fff;
	margin: 0;
	clear: right;
	border-right: solid 1px #fff;
	list-style-image:none;
}
nav ul li:last-child {border-right: none;}

nav ul li a {
	padding: 5px;
	text-align: center;
	color: #fff;
	text-decoration: none;
	font-size: 1.125em;	
	display: block;
	height: 40px;
}
nav ul li a:visited {color: #fff;}
nav ul li:hover {
	-webkit-transition: background .3s ease-in;
	-moz-transition: background .3s ease-in;
	-ms-transition: background .3s ease-in;
	-o-transition: background .3s ease-in;
	transition: background .3s ease-in;
}
nav ul li:first-child:hover {
	background: #576430;
}
nav ul li:nth-child(2):hover {
	background: #06C;
}
nav ul li:nth-child(3):hover {
	background: #F60;
}
nav ul li:nth-child(4):hover {
	background: #9CF;
}
nav ul li:nth-child(5):hover {
	background: #e3cb26;
}
nav ul li:last-child:hover {	
	background: #63F;	
}
#homeaudio {

}
footer {
	text-align: center;
	font-size: .7777em;
}