/*************************************************************
 *            (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 1.5em 0; 	font-size:12px;}
blockquote p { margin:0;}
a img, :link img, :visited img { border:none; }
ul, li{	list-style: none; }

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

h1{  font-size:  20px; 
	line-height:1em;
	color: #F58220;     /*  burnt orange */
	margin-top:20px;
	margin-bottom:20px;
	}
h2 { font-size:  18px; 
	line-height:1.2em;
	color: #F58220;     /*  burnt orange */
	margin-top:20px;
	margin-bottom:10px;
}
h3 { font-size:  18px; 
	line-height:1.2em;
	color: #F58220;     /*  burnt orange */
	margin-top:20px;
	margin-bottom:10px;
	font-weight:normal; 
}
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    
 * #####################  */



/*  #####################
 * 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/sd_background.gif)  #5A362A;      /* greyish brown */
	line-height:1.5em;
	color:#2D110D;					/* dark brown */
	}
#container {
	width:1014px;
	position: relative;
	margin: 0 auto;	
	}

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


/* #####################
* #HEADER 
 * ##################### */
#logo {
	margin-top:0px;
	margin-left:0px;
	width:225px;
	height:120px;
	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;
		padding:0 13px;
		height:32px;
	 }
#tnav a{
	float:left;
	margin-left:22px;
	margin-right:2px;
	padding-top:11px;
	background:none;
	color:#5A362A;        /* dark Brown */
	font:bold 14px Arial, Helvetica, sans-serif;
		text-decoration:none;
	}
#tnav  a:hover {color:#ffffff;    	text-decoration:none;	}/* white */
#tnav  a.here {	color:#FFFFFF;  text-decoration:none;	}  /*  burnt orange */

#bnav { float:left; 
	height:42px; 
	width:100%;
	vertical-align:middle; 	
	color:#5A362A;   /* dark Brown */
	background:url(../images/bottomnav.jpg)  no-repeat 0 0;
	position:relative;
		font:bold 14px Arial, Helvetica, sans-serif;
	}
	
	#bnav a {
	padding-top:11px;
	float:left;
	margin-left:32px;
	height:42px;
	color:#ffffff;
	font:bold 14px Arial, Helvetica, sans-serif;
	text-decoration:none;
	}
#bnav  a:hover {
	color:#5A362A;          /* brown   F58220  */
	text-decoration:none;
	}
#bnav  a.here {
	color:#5A362A;                      /* brown */
		text-decoration:none;
	}


/* #####################  
 * # MAIN CONTENT  
 * ##################### */


#content {
	margin-top:10px;
	float:left;
	margin-left:20px;
	width: 720px;

}



#flashPlayer{
	padding-top:10px;
	align:center;
	text-align: center;
	}
	
	/* regular page styles */

	#heading {
	margin-top:65px;
	margin-left:25px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 36px;
	text-transform: capitalize;
	line-height:1.2em;
	}
	
#pagebanner { float:left; 
	margin-left:-10px;
	width:722px;
	}
	
#pagenav { float:left; 
	height:42px; 
	width:720px;
	vertical-align:middle; 	
	background:url(../images/page-nav.jpg)  no-repeat 0 0;
	position:relative;
	color:#F2770E;			    /* burnt orange  for unvisited links */
	font:bold 15px Arial, Helvetica, sans-serif;	
	}

#pagenav a{
	float:left;
	margin-right:3px;
	padding-left:7px;
	margin-left:7px;
	padding-top:13px;
	background:none;
	color:#F2770E;			    /* burnt orange  for unvisited links */
	text-decoration:none; 
	}
#pagenav a:link {color:#F2770E; text-decoration:none;	} 		/* orange   */
#pagenav :link { color:#F2770E; text-decoration:none;  }		/* burnt orange  for unvisited links */	
#pagenav :visited {color:#F2770E;  text-decoration:none; }		/* burnt orange  for uvisited links */
#pagenav a:visited {color:#F2770E; text-decoration:none; }		/* burnt orange  for visited links */	
#pagenav a.active  {color:#F2770E;  text-decoration:none;	}   /* burnt orange when link is clicked */
#pagenav a:hover {	color:#2D110D;  text-decoration:none;	} 	/* dark brown when mouse is over link */


#pagenav :visited:hover { text-decoration:none; color:#2D110D;} /* brown when mouse is over link */
.her  {	float:left;
	margin-right:3px;
	padding-left:7px;
	margin-left:7px;
	padding-top:13px;	
	font-size:15px;
	color:#2D110D;  text-decoration:none; }                  /*  brown */

.banner {background:url(../images/banner-page.jpg) no-repeat 0 0 ;	height: 113px;width:722px;}

.clas {background:url(../images/banner-class.jpg) no-repeat 0 0 ;}
.clients {background:url(../images/banner-clients.jpg) no-repeat 0 0 ;}
.community {background:url(../images/banner-community.jpg) no-repeat 0 0 ;}

.drums {background:url(../images/banner-drums.jpg) no-repeat 0 0 ;}
.drums3 {background:url(../images/banner-3drums.jpg) no-repeat 0 0 ;}

.perform {background:url(../images/banner-performance.jpg) no-repeat 0 0 ;}

.shop {background:url(../images/banner-shop.jpg) no-repeat 0 0 ;}

.team {background:url(../images/banner-team.jpg) no-repeat 0 0 ;}

.schools {background:url(../images/banner-schools.jpg) no-repeat 0 0 ;}
.youth {background:url(../images/banner-youth.jpg) no-repeat 0 0 ;}

.wed {background:url(../images/banner-weddings.jpg) no-repeat 0 0 ;}



#page{
	float:left;
	margin-left:12px;
	background:#ffffff;
	width:700px;
	}
	
#page ul li{
	background-image: url(../images/hand.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	padding-left: 25px;
	margin-left:-12px;
	}
	
#paypal{
		background:#ffffff;
		width:100%;
		height:100%;
		padding: 0 0 0 0;
		border:0 0 0 0;

 }
 
 .padded { padding: 5 5 5 5;}
	
.indent {
	position: relative;
	left: 15px;
	width:525px;
; clip:    rect(   )}   
	
.blurb-t {
	color:#2D110D;
	font-size: 13px;
	font-weight: bolder;
	margin-left:15px;
	margin-right:25px;
 
	 }    /* dark brown  */
	
.blurb {
	color:#2D110D;
	font-size: 13px;
	font-weight: bolder;

	 }    /* dark brown  */
	 
.blurb-orange {
	color:#F2770E;
	font-size: 13px;
	font-weight: bolder;
line-height:1em;
	 }    /* orange  */

#right-col {
width:243px;
	font-size:12px;
	color:#2D110D;
	background:url(../images/rightcol-slice.gif) repeat-y #ffffff;
	float:right;
	height:100%;
	!Important;height:1%;
 	padding-right: 5px;
	margin-bottom:0px;
	padding-bottom:0px;
	
}
#rightcol-top {
	float:right;
 	margin-right: 5px;
		margin-top:10px;
			margin-bottom: -2px;
}



#rightbox-topline {
	clear:both;
	background:url(../images/rightbox-topline.jpg) no-repeat 0 0;
	padding-left: 5px;
	margin-left: 5px;
	width:223px;
	margin-bottom:-4px;
	}

#testimonials {
	background:url(../images/testimonial-bg.jpg) repeat-y 0 0;
	padding-left: 5px;
	margin-left: 5px;
	width:230px;
}

#rightbox-bottomline {
	clear:both;
	background:url(../images/rightbox-bottomline.jpg) no-repeat 0 0;
		padding-left: 5px;
	margin-left: 5px;
	}


#testimony {
	font-size:12px;
	margin-left: 15px;
	margin-right: 35px;
	color:#F2770E; 
	font-weight:bold;
	width:200px;
	line-height: 1.4em;
	padding-top:5px;
	padding-bottom:5px;
}

#articles {
	font-weight:bold;
	font-size:11px;
	margin-left: 15px;
	padding-top: 48px;
	width:200px;
	line-height: 1.4em;
}
#articles :link { text-decoration:none; color:#2D110D; }						/* brown for unvisited links */	
#articles a:active { text-decoration:none; color:#2D110D; }					/* dark brown when link is clicked */
#articles a:hover { text-decoration:none; color:#F2770E; }		/* burnt orange when mouse is over link */

	
#contactus {
	background:url(../images/contactus.jpg) no-repeat 0 0;
	padding-left: 7px;
	margin-left: 7px;
	margin-top: 0px;
	width:250px;
	height:130px;
	color:#2D110D;
}
#contactus :link { text-decoration:none; color:#2D110D; }			
#contactus a:hover { text-decoration:none; color:#FFFFFF; }					
#contactus :visited { text-decoration:none; color:#2D110D; }
#words {
	font-weight:bold;
	font-size:14px;
	margin-left: 35px;
	line-height: 1.8em;
	padding-top: 40px;
}
#words :link { text-decoration:none; color:#2D110D; }						/* brown for unvisited links */	
#words a:active { text-decoration:none; color:#2D110D; }					/* dark brown when link is clicked */
#words a:hover { text-decoration:none; color:#ffffff; }				/* white when mouse is over link */

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


#more{
	text-decoration:none;
	color:#F2770E;
	font-weight: bold;
	border:0px;
	background-color: #FFFFFF;	 
; font-size: 12px
}
#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;

}

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

	width:230px;
	height:253px;

}


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

}

/* In inside of content, make sure that UL's render  */
#content ul {
    list-style: outside disc;
    padding-left: 2em;
    margin: 1em 0;
}
#content ul ul {
    margin: 0;
}
/* Make ol's have the same padding as ul's */
#content ol {
    padding-left: 2.3em;
}

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

/* #####################  
 * #FOOTER   
 * ##################### */
 
#pfooter {
	clear:both;
	background:url(../images/footer-middle.jpg) repeat-y 0 0;	

	}

#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;	

	}
	


#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;
}

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


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