/*************************************************************
 *            (c) 2009  Maggie Lavelle                       *
**************************************************************/

/*  #####################
 *  undo html css
 * ##################### */
div, ul, li, h1, h2, h3, h4,  body, html, blockquote {
	margin:0;
	padding:0;
	font-family: Arial, sans-serif;
		font-size:12px;
	}
p, blockquote { padding: 0; margin:0 0 0 0; 	font-size:12px;}
blockquote p { margin:0;}
a img, :link img, :visited img { border:none; }
ul { list-style-type:none; }

/* #####################
 * setup some defaults
 * ##################### */

h1{
	font-size:  30px;
	line-height:1.1em;
	color: #ffffff;
	margin-top:10px;
	margin-left:20px;
	
	}
h2 { font-size:  16px; 
	line-height:1.3em;
	color: #ffffff;     /*  white */
	margin-top:5px;
	margin-left:20px;
}
h3 { font-size:  12px; 
	line-height:1.2em;
	color: #ffffff;     /*  white */
	margin-left:20px;
	margin-top:5px;
}
h4
{ font-weight:bold;
	margin-top:10px;
	margin-bottom:10px;
}
h5 { 
	font-size:  14px; 
	font-weight:normal; 
	margin-top:6px;
	margin-bottom:6px;
	}

input {
	color: #999999;
	border:0px;
	vertical-align: bottom;
	text-align: left;
	padding: 2 2 2 2;
	margin-top: 10px;
	background-color: #E6E6E6;
	height:16px;
}

/*  #####################
 * Links    
 * #####################  */
 :link { text-decoration:none;  }						/* white for unvisited links */
a:active { text-decoration:none; }					/* dark brown when link is clicked */
a:hover { text-decoration:none; }				/* burnt orange when mouse is over link */
:visited { text-decoration:none; }					/* burnt orange for visited links */
:visited:hover { text-decoration:none;  }		/* burnt orange when mouse is over visited link */

/*  #####################
 * clearfix for div: <div class="clearfix"></div> 
 * ##################### */
.clearfix {
	clear:both;
	display:block;
	visibility:hidden;
	}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}


/******************************************************
 *			CONTENT BOXES                             *
 ******************************************************/

body {
	background:url(../images/background.jpg)  #5A362A;      /* greyish brown */

	line-height:1.5em;
	color:#2D110D;					/* dark brown */
	}
#container {
	width:1014px;
	position: relative;
	margin: 0 auto;	
	}

#header {
	margin-top:0px;
	height:125px;
	position:relative;
	text-align: center;
	background:url()  #ffffff;      /* white */
	}


/* #####################
* #HEADER 
 * ##################### */
#logo {
	margin-top:0px;
	margin-left:0px;
	width:225px;
	height:125px;
	float:left;

	z-index:2;
	}
#logo span { display:none; }
#logo a:hover { text-decoration:none; }

#flash{float:right;
	z-index:0;

}

#tnav { 
	background:url(../images/topnav.gif) no-repeat 0 0;
	width:100%;
		position:relative;
	 }
#tnav ul {
	float:left;
	margin-left:12px;
	height:32px;

	}
#tnav ul li { float:left; }
#tnav ul li a {
	float:left;
	height:32px;
	margin-right:2px;
	padding:0 13px;
	padding-top:11px;
	background:none;
	color:#5A362A;
	font:bold 14px Arial, Helvetica, sans-serif;
	}
#tnav ul li a:hover {
	color:#ffffff;          /* white */
	text-decoration:none;
	}
#tnav ul li.selected a {
	color:#F58220;                      /*  burnt orange */
	}
#tnav  a.here {
	color:#FFFFFF;                      /*  white */
		text-decoration:none;
	}
#bnav { float:left; 
	height:42px; 
	width:100%;
	vertical-align:middle; 	
	color:#5A362A;
	background:url(../images/bottomnav.jpg)  no-repeat 0 0;
	position:relative;
	}
	
	#bnav ul {
	float:left;
	margin-left:12px;
	height:42px;
width:100%;
	}
#bnav ul li { float:left; }
#bnav ul li a {
	float:left;
	height:42px;
	margin-right:5px;
	padding:0 13px;
	padding-top:9px;
	background:none;
	color:#ffffff;
	font:bold 15px 'Century Gothic', Arial, Helvetica, sans-serif;
	}
#bnav ul li a:hover {
	color:#5A362A;          /* brown   F58220 burnt orange */
	text-decoration:none;
	}
#bnav ul li.selected a {

	color:#5A362A;                      /*  brown */
	}


/* #####################  
 * # MAIN CONTENT  
 * ##################### */
 #middle {
	margin-top:25px;
	background:url()  #ffffff;
	color:#2D110D;               /* charcoal  */
	padding-top: 25px;
}



.content {
	float:left;
	margin-left:20px;
	width: 740px;
	color:#2D110D; 		
}

.content :link { text-decoration:none; color:#ffffff; }						/* white for unvisited links */
.content a:active { text-decoration:none; color:#2D110D; }					/* dark brown when link is clicked */
.content a:hover { text-decoration:none; color:#F2770E; }				/* burnt orange when mouse is over link */
.content :visited { text-decoration:none; color:#ffffff; }					/* white for visited links */
.content :visited:hover { text-decoration:none; color:#F2770E; }		/* burnt orange when mouse is over visited link */

#team{
	background:url(../images/team-bg.jpg) no-repeat 0 0 ;	
	float:left;
	width:474px;
	height:139px;
}

#team a:hover { text-decoration:none; color:#2D110D; }				/* dark brown when mouse is over link */

#drumclass{
	background:url(../images/class-bg.jpg) no-repeat 0 0 ;	
	float:left;
	width:474px;
	height:139px;
}

#entertain{
	background:url(../images/performer-bg.jpg) no-repeat 0 0 ;	
	float:left;
	width:474px;
	height:139px;
}

#entertain a:hover { text-decoration:none; color:#2D110D; }				/* dark brown when mouse is over link */

#drumshop{
	background:url(../images/drums-bg.jpg) no-repeat 0 0 ;	
	float:left;
	width:474px;
	height:139px;
}

#drumshop a:hover { text-decoration:none; color:#2D110D; }				/* dark brown when mouse is over link */

#wedding{
	background:url(../images/wedding-bg.jpg) no-repeat 0 0 ;	
	float:left;
	width:474px;
	height:139px;
}

#schools{
	background:url(../images/youth-bg.jpg) no-repeat 0 0 ;	
	float:left;
	width:474px;
	height:139px;
}
#schools a:hover { text-decoration:none; color:#2D110D; }				/* dark brown when mouse is over link */

.hright-col {
	float:right;
	font-size:12px;
	color:#2D110D;
	background:url(../images/home-rightcol.jpg) no-repeat 0 0 ;
	width:244px;
	height:880px;
	margin-right: 10px;		
}
.hright-col :link { text-decoration:none; color:#2D110D; }					/* dark brown for unvisited links */
.hright-col a:active { text-decoration:none; color:#2D110D; }					/* dark brown when link is clicked */
.hright-col a:hover { text-decoration:none; color:#F2770E; }				/* burnt orange when mouse is over link */
.hright-col :visited { text-decoration:none; color:#2D110D; }					/* dark brown for visited links */
.hright-col :visited:hover { text-decoration:none; color:#F2770E; }		/* burnt orange when mouse is over visited link */

#flashPlayer{
	padding-top:10px;
	align:center;
	text-align: center;
	}
	
#contactus {
	background:url(../images/contactus.jpg) no-repeat 0 0;
	padding-left: 7px;
	margin-left: 7px;
	margin-top: 0px;
	width:250px;
	height:130px;
}
#contactus a:hover { text-decoration:none; color:#ffffff; }				/* white when mouse is over link */
 
.words {
	font-weight:bold;
	font-size:14px;
	margin-left: 35px;
	line-height: 1.8em;
	padding-top: 40px;
}



#news {
	background:url(../images/news.jpg) no-repeat 0 0;
	padding-left: 8px;
	margin-left: 8px;
	width:250px;
	height:192px;
}


.articles {
	font-weight:bold;
	font-size:12px;
	margin-left: 15px;
	padding-top: 48px;
	width:200px;
	line-height: 1.4em;
}



.new {
	font-weight:bold;
	font-size:12px;
	margin-left: 15px;
	padding-top: 48px;
	width:200px;
	line-height: 2em;

}
a.new:link { text-decoration:none; color:#2D110D; }						/* brown for unvisited links */	
a.new:active { text-decoration:none; color:#2D110D; }					/* dark brown when link is clicked */
a.new:hover { text-decoration:none; color:#F2770E; }		/* burnt orange when mouse is over link */

#more{
	text-decoration:none;
	color:#F2770E;
	font:bold 16px;
	font-weight: bold;
	border:0px;
	background-color: #FFFFFF;	 

}
#more :link {
	text-decoration:none;
	color:#F2770E;
	font-size: 16px;
	font-weight: bold;
	}		
#more :visited { text-decoration:none; color:#F2770E; font-size: 16px;}			

#email {
	background:url(../images/email.jpg) no-repeat 0 0;
	padding-left: 8px;
	margin-left: 8px;
	width:250px;
	height:162px;

}

#join{
	text-decoration:none;
	color:#F2770E;
	font-weight: bold;
	border:0px;
	background-color: #FFFFFF;	 
	overflow:hidden;
; font-size: 12px
}
#join :link {
	text-decoration:none;
	color:#F2770E;
	font-size: 14px;
	font-weight: bold;
	}		
#join :visited { text-decoration:none; color:#F2770E; font-size: 14px;}			

#testimonial {
	background:url(../images/testimonial.jpg) no-repeat 0 0;
	padding-left: 8px;
	margin-left: 8px;

	width:230px;
	height:253px;

}
.art {
	font-size:11px;
	margin-left: 15px;
	padding-top: 48px;
	width:200px;
	line-height: 1.2em;
}

#facebook {
	padding-left: 4px;
	margin-left: 4px;

}




/* #####################  
 * #FOOTER   
 * ##################### */
 

#footer-topline {
	clear:both;
	height:50px;
	background:url(../images/connect.create.inspire.jpg) no-repeat 0 0 #ffffff;
	}
#footer-topline :link { text-decoration:underline; color:#2D110D; }						/* brown for unvisited links */	
#footer-topline a:active { text-decoration:underline; color:#2D110D; }					/* dark brown when link is clicked */


.enquiries {
	font-size:20px;
	font-weight:bold;
	color:#2D110D;
	margin-left:20px;
	padding-top:16px;
}
.enquiries :link { text-decoration:none; color:#2D110D; }						/* brown for unvisited links */	
.enquiries :visited { text-decoration:none; color:#2D110D; }						/* brown for visited links */	
.enquiries a:active { text-decoration:none; color:#2D110D; }					/* dark brown when link is clicked */
.enquiries a:hover { text-decoration:none; color:#F2770E; }		/* burnt orange when mouse is over link */

#footer {
	clear:both;
	background:url(../images/footer-middle.jpg) repeat-y 0 0;	
	color:#AB867A;	
	font-size:12px;
	text-decoration:none;  
	
	}
	
#footer h2{
	color:#F2770E;
	font-size:18px;	
	margin-left:0px;
}

.about {
	float:left;
	margin-left:20px;
	width: 410px;

	}
.services {
	float:left;

	margin-left:20px;
	width: 390px;
}



.links {
	float:left;
	text-decoration:none; 
	font-size:11px;
	color: #AB867A;
	margin-left:20px;
	width: 140px;
	line-height:1.3em;
	}
	
.links h2 {
text-decoration:none; 
		color:#F2770E; 
		font-weight:bold;
		font-size:12px;
		margin-bottom:2px;
}

#footer  :link { text-decoration:none;  color:#AB867A; }					
#footer   a:active { text-decoration:none; color:#AB867A; }					
#footer  a:hover { text-decoration:none; color:#F2770E; }				
#footer   :visited { text-decoration:none; color:#AB867A; }					
#footer   :visited:hover { text-decoration:none; color:#F2770E; }		

#footer ul li{
	background-image: url(../images/hand_brown.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding-left: 30px;
	margin-left:0px;
	}

#footer-bottomline {
	clear:both;
	background:url(../images/footer-bottomline.jpg) no-repeat 0 0;
	color: #ffffff;
	font-size:10px;
	}