@charset "utf-8";

/* CSS Document */

/*TEXT ATTRIBUTES*/

h1 { font:italic normal 2.2em Georgia, Arial, sans-serif;}
h2 { font:oblique normal 2em Georgia, Arial, sans-serif;}
h3 { font:oblique normal 1.4em Georgia, Arial, sans-serif; margin:20px 0 5px0;}
h4 { font: small-caps normal 1.2em Georgia, Arial, sans-serif; text-align:center;}

h1, h2, h3	{ margin-bottom:0; padding-bottom:0;  color:#333; margin-left:25px;}

p	{
	color:#000;
	font: 16px Arial, Helvetica, sans-serif;
	background:none;
	font-weight:normal;
	margin:5px 25px 15px 25px;
	line-height:22px;
	clear:left;
}

/* END OF TEXT ATTRIBUTES */


body {
	background:#fffbe2 url(../images/backingtop.png) no-repeat top center;
	margin:0 auto;
	z-index:-2;
}

#container {
	background:none;
	width:840px;
	height:auto;
	margin:0 auto;
	z-index:1;
	position:relative;
	overflow:hidden;
}

#header {
	height:140px;
	width:auto;
}

/*NAVIGATION*/

#navigation {
	width:840px;
	height:auto;
	margin:0;
	padding:0;
}

#navigation #nav	{
	position:relative;
	z-index:500;
}

#navigation #nav li.top { 
	float:left;
}

#navigation #nav li a:hover	{
	outline:none;
}

#navigation #nav li a.toplink	{
	float:left;
	height:40px;
	text-indent:-9999px;
	display:block;
}

/*BUTTONS*/

#navigation #nav li#home a { background-position:0 0; width:64px;}
#navigation #nav li#sound a { background-position:-64px 0; width:140px;}
#navigation #nav li#coaching a { background-position:-204px 0; width:93px;}
#navigation #nav li#performance a { background-position:-297px 0; width:127px;}
#navigation #nav li#workshops a { background-position:-424px 0; width:134px;}
#navigation #nav li#testimonials a { background-position:-557px 0; width:121px;}
#navigation #nav li#contact a { background-position:-679px 0; width:109px;}
#navigation #nav li#links a { background-position:-788px 0; width:52px;}

/*HOVER*/

#navigation #nav li#home a:hover { background-position:0 -40px; width:64px;}
#navigation #nav li#sound a:hover { background-position:-64px -40px; width:140px;}
#navigation #nav li#coaching a:hover { background-position:-204px -40px; width:93px;}
#navigation #nav li#performance a:hover { background-position:-297px -40px; width:127px;}
#navigation #nav li#workshops a:hover { background-position:-424px -40px; width:134px;}
#navigation #nav li#testimonials a:hover { background-position:-557px -40px; width:121px;}
#navigation #nav li#contact a:hover { background-position:-679px -40px; width:109px;}
#navigation #nav li#links a:hover { background-position:-788px -40px; width:52px;}	

/*ACTIVE*/

#navigation #nav li#home a:active { background-position:0 -80px; width:64px; outline:none;}
#navigation #nav li#sound a:active { background-position:-64px -80px; width:140px; outline:none;}
#navigation #nav li#coaching a:active { background-position:-204px -80px; width:93px; outline:none;}
#navigation #nav li#performance a:active { background-position:-297px -80px; width:127px; outline:none;}
#navigation #nav li#workshops a:active { background-position:-424px -80px; width:134px; outline:none;}
#navigation #nav li#testimonials a:active { background-position:-557px -80px; width:121px; outline:none;}
#navigation #nav li#contact a:active { background-position:-679px -80px; width:109px; outline:none;}
#navigation #nav li#links a:active { background-position:-788px -80px; width:52px; outline:none;}

.drop	{
	position:absolute;
	visibility:hidden;
	float:left;
}

#nav :hover ul.drop { width:140px; height:auto; position:absolute; background:#FC6; border:1px solid #F60; float:left; top:40px; visibility:visible; clear:both; z-index:700;}
#nav :hover ul.drop li { display:block; height:40px; position:relative; float:left; width:140px; font-size:11px; height:40px; line-height:40px; text-align:center;}
#nav :hover ul.drop li a { display:block; text-decoration:none; color:#000;}
#nav :hover ul.drop li:hover	{ background:#fff; color:#000; width:auto; height:auto; clear:left; padding:0; float:left; position:relative; font-size:13px;}


/*INFO BOX*/

.info {
	position:relative;
	width:840px;
	height:auto;
	clear:both;
	margin:20px 0;
	padding:0;
	float:left;
	text-align:center;
	display:inline;
}

.info p	{
	font:oblique normal 18px Georgia, Arial, sans-serif;
	margin:0;
	padding:0 10px;
}
.info h1	{ font-size:28px;}
.info h1, .info h2, .info h3, .info h4	{
	text-align:center;
	padding:0;
	margin:0;
	color:#333;
}

/*MAIN AREA*/
#content_area {
	background:#FFF;
	width:838px;
	height:auto;
	clear:both;
	float:left;
	margin-top:20px;
	margin-bottom:20px;
	border:solid 1px #666;
	overflow:hidden;
}

.main	{
	clear:left;
	margin-bottom:20px;
}

.main h3	{ padding-top:10px; }

.main p	{}

.main ul	{
	margin:0 0 10px 25px;
	padding:0;
	float:left;
	display:inline;
}

.main li	{
	padding:3px 5px;
	margin:5px 0 0 0;
	float:left;
	text-align:center;
	clear:left;
}

.main li span	{ font-size:12px; font-family:Arial, Helvetica, sans-serif; }

.main li a	{ color:#000; }



#maintext	{
	width:50%;
	height:auto;
	float:left;
	padding:0;
	margin-right:0px;
	display:inline;
}


#maintext2	{
	width:100%;
	float:left;
	padding:0;
}

#maintext li, #maintext2 li	{
	padding:3px 5px;
	margin:5px 0 0 0;
	float:left;
	text-align:center;
	clear:left;
}

#maintext ul, #maintext2 ul	{
	margin:0 0 10px 50px;
	padding:0;
	float:left;
	display:inline;
}

.inset	{
	width:400px;
	float:right;
	padding:5px;
	margin:0 20px 20px;
	display:inline;
}

.inset p	{ margin:5px 15px 15px; }

.inset h3	{
	margin-left:15px;
	padding:5px;
	text-align:center;
}

.inset img	{
	float:right;
	margin:5px 10px 0;
	border:1px solid #F00;
}

/*FOOTER*/

#footer {

	display:block;
	height:30px;
	width:838px;
	clear:both;
	margin:0;
	padding:0;
	background:transparent;
	overflow:hidden;
	clear:both;
}

#footer p {
	color:#fff;
	text-align:left;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
/*	font-variant:small-caps;*/
	font-size:11px;	
	line-height:30px;
	background:transparent;
	padding:0 10px;
	margin:0;
	float:left;
	display:inline-block;
}

#footer p#address	{
	float:right;
	text-align:left;
	clear:none;
}



#footer a {
	color:#FFF;
	text-decoration:none;
	font-variant:normal;
	font-weight:bold;
}

#footer a:hover {
	text-decoration:underline;
}

ul	{
	font: 1.0em georgia, Arial, Helvetica, sans-serif;
}

.clear	{
	width:100%;
	height:0;
	clear:both;
	margin:0;
	padding:0;
	display:block;
	visibility:hidden;
}

.error	{
	background-color:#FFF;
	border:1px solid #F00;
	font-size:12px;
	padding:3px 0;
	width:836px;
	margin:0;
	text-align:center;
	line-height:2.0em;	
}



a	{
	text-decoration:none;
}

a.external {
	background: transparent url(../images/link.png) no-repeat center right;
	display:inline-block;
	padding-right:16px;
}

hr	{
	height:1px;
	width:auto;
	padding:0;
	margin:0 150px 15px;
	clear:both;
	border-bottom:1px dashed #000;
}

.min-height	{
	min-height:500px;
}

a[href^="mailto:"]:hover {
	border-bottom:1px solid #000;
}
