@charset "UTF-8";
@import url("src/reset.css");
@import url("src/typography.css");
@import url("src/forms.css");
@import url("src/extended_classes.css");
/*======================================================================================================
Loukoum
red
#400e09
dark red
#310a07
======================================================================================================*/
a{outline:0;outline:none}
body,html{margin:0;padding:0}
body {
	text-align:center;	/* Makes IE6 center the layout */
	margin:0;
	padding:0;
	border:0;			/* This removes the border around the viewport in old versions of IE */
	background:url(../images/bg/01.png) top repeat-x fixed #000;
	font-family:Tw Cen MT,veranda,helvetica,arial,sans serif;
	font-size:98%;
	color:#ccc;
}
body * {
	text-align:left;	/* Remove text alignment from IE6 centering patch */
}
#ivy,#wrapper,#layout,#inner,#header,.nav,#content,#footer
{
	float:left;
	width:100%;
	clear:both;
	display:block;
	position:relative;
	margin:0;
	padding:0;
}
#wrapper {
	margin:20px auto;
	float:none !important;
	width:980px !important;
	overflow:hidden;
}
#layout{
	background:url(../images/bg/ivy.png) top center repeat fixed #222;
	padding:1%;
	border:1px solid #000;
	border-top-color:#111;
	border-bottom-color:#111;
	width:958px;
	-moz-border-radius:10px 10px 0 0;
}
#ivy{
	background:url(../images/bg/ivy.png) top center fixed no-repeat;
	padding-bottom:20px;
}
#inner{
	background:url(../images/bg/ivy5.png) top center fixed no-repeat #000;
	-moz-border-radius:10px;
}
#footer,
#header,
#content{
	width:96%;
	margin:2%;
}
#header{
	margin-bottom:0;
	background:url(../images/bg/ivy3.png) top center fixed repeat #000;
	padding:2% 0 2% 0;
	border:1px solid #272727;
	-moz-border-radius:10px;
}
#header img{
	width:600px;
	margin:0 auto;
	float:none;
	position:relative;
	display:block;
}
#content{
	width:90%;
	padding:3%;
	border:1px solid #222;
	-moz-border-radius:10px;

}
#footer{
	
	padding:2%;
	width:92%;
	margin-top:0;
	-moz-border-radius:10px 10px 0 0;
	
}



h1,h2,h3,h4,h5,h6{
	color:#bbb;
}
a,a:link,a:active,a:visited{
	color:#ccc;
}
a:hover,a:focus{
	color:#fff;
}









.nav{
	width:110%;
	left:-5%;
	text-align:center;
	margin-top:15px;
	background:#000;
	border:1px solid #222;
}
.nav a{
	text-decoration:none;
	font-size:21px;
	font-weight:100;
	font-family:Monotype Corsiva;
	letter-spacing:.1em;
	color:#ddd;

}
.nav a:hover,.nav a:focus{
	color:#fff;

}
.nav li{
	display:inline;
	list-style:none;
	margin:0 20px 0 0;
}












h3{border-bottom:1px dotted #333;}



body.repertoire_body #content div.left,
body.repertoire_body #content div.right
{width:30%;padding:1.5%;}

.testimonial{
	padding:10px 40px 0 40px;
	font-size:110%;
	border-top:1px dotted #333;
}



#musicplayer{margin:0;padding:4px 0 0 0;position:fixed;left:0;bottom:0;width:100%;float:left;height:50px;background:#000;border-top:1px solid #444}