/*************************************************************

 *            (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;

}

/** addded by mark mansfield **/
/** add margins around in page images **/
h1 img, h2 img, h4 img, h3 img{
margin-left:15px;

}



/*  #####################

 * 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: 8px;

	margin-left: 8px;

	width:223px;

	margin-bottom:-4px;

	}



#testimonials {

	background:url(../images/testimonial-bg.jpg) repeat-y 0 0;

	padding-left: 8px;

	margin-left: 8px;

	width:230px;

}



#rightbox-bottomline {

	clear:both;

	background:url(../images/rightbox-bottomline.jpg) no-repeat 0 0;

	padding-left: 8px;

	margin-left: 8px;

	}





#testimony {

	font-size:12px;

	margin: 0px 10px 0px 10px;

	color:#F2770E; 

	font-weight:bold;

	width:190px;

	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 ,#youtube{

	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;

	}