html                        /* Always show scrollbar in Firefox,etc - legal CSS way! */
	{
	min-height: 101%;
	margin-bottom: 1px;
	} 

body
    {
	margin:0px;
	font-family:"Comic Sans MS", Arial, Helvetica, sans-serif;
	font-size:90%;
	color:#ffffff;
	background-color:#E2d0e2;
	margin:0px;
	padding:0px;
	background-image:url(images/background.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	background-attachment:fixed;
	}
	
#wrapper /*---wraps complete page*---*/
	{
	position:relative;
	top:10px;
	left:0px;
	margin:2px auto 0px auto;
	z-index: 1;
	}	
	
#content /*--wraps content panel on each page*/
	{
	padding:25px 35px;
	background-color:#555555;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border-radius:15px;
	width:912px;
	}
		
	
h1 	/*main headline on banner only*/
	{
	color:#ffffff;
	font-weight:bold;
	font-size:185%;
	margin-bottom:0px;
	margin-top:0px;
	}
	
h2 /*-------section headers-------------*/
	{
	color:#c3a3cc;
	font-weight:bold;
	font-size:105%;
	margin:0px 0px -5px 0px;
	}


p
	{
	/*no styling*/
	}


img
	{
	display:block; /*---stops IE putting unwanted space around images---*/
	}
	


iframe
	{
	border-width:10px 30px 30px 30px;
	padding:25px 25px 10px 25px;
	border-color:#000000;
	border-style:solid;
	background-color:#000000;
	}



a
	{
	color:#68aca5;
	text-decoration:none;
	}

a:hover
	{
	color:#ffff66;
	
	}

a img
	{
	border:0;
	display:block;
	}


li
	{
	list-style-image:url(/images/bullet4.gif);
	list-style-position:outside;
	text-align:left;
	margin-bottom:10px;
	}

ul
	{
	margin-left: 0px; 
	padding-left: 25px;
	margin-top:10px;
	padding-top:0px;
	font-size:90%;
	}
	
.indent
	{
	text-indent:10px;
	}
	

	
.smallprp
	{
	text-align:left;
	font-size:85%;
	color:#c3a3cc;
	}
	
.smallwht
	{
	text-align:left;
	font-size:80%;
	color:#ffffff;
	}
	
.smallgrey
	{
	text-align:left;
	font-size:80%;
	color:#444444;
	}
	

#wrapper, .examtable, .samples, #mast, #footer, #btmstrap, #homepage1, #homepage2
	{
	width:982px;
	}
	
.brdr
	{	
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border-radius:15px;
	-moz-box-shadow:2px 2px 1px #bbbbbb;
	-webkit-box-shadow:2px 2px 1px #bbbbbb;
	box-shadow:2px 2px 1px #bbbbbb;
	}
	
.brdr2
	{	
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	-moz-box-shadow:2px 2px 1px #bbbbbb;
	-webkit-box-shadow:2px 2px 1px #bbbbbb;
	box-shadow:2px 2px 1px #bbbbbb;
	}	

.btn a
	{
	font-size:24px;
	background-color:#68ACA5;
	font-weight:bold;
	display:inline;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	-moz-box-shadow:2px 2px 1px #bbbbbb;
	-webkit-box-shadow:2px 2px 1px #bbbbbb;
	box-shadow:2px 2px 1px #bbbbbb;
	color:#ffffff;	
	}
	
.btn a:hover
	{
	background-color:#C7E368;
	color:#000000;
	}
	
/*-----------------------------individual page styling----------------------------------*/

/*---------------INDEX.HTM----------------*/


#frontpic1
	{
	float:left;
	margin:0 20px 20px 0;
	
	}


#passport
	{
	}

#indexlower
	{
	margin-top:50px;
	width:912px;
	height:300px;
	}


#howIwork
	{
	float:left;
	width:600px;
	}

#photopanel
	{
	margin-top:50px;
	float:right;
	width:300px;
	text-align:center;
	}



	








/*--------------------------ABOUTME.HTM---------------------------*/

#abtmephts
	{
	float:left;
	margin-right:35px;
	}

#aboutme1, aboutme2
	{
	float:left;
	}

#aboutme1
	{
	margin-bottom:70px;
	}


	
/*------------------------DRUM_LESSONS.HTM------------------------*/
	
#montagelft
	{
	float:left;
	margin-right:50px;
	}
	

	

/*-------------------------DRUM_GRADES_EXAMS.HTM---------------------*/


#examtable
	{
	font-size:70%;
	margin-top:20px;
	width:550px;
	}				
				
#examtable td
	{	
	text-align:left;
	}

#examtable th
	{
	text-align:left;
	color:#c3a3cc;
	font-weight:normal;
	font-size:125%;
	}

#certhold
	{
	float:right;
	margin-top:20px;
	text-align:center;
	}
	
/*-----------------------JIMMY TEACHING AUDIO-------------------------------*/

#edexelcriteria
	{
	width:650px;
	border:1px solid #dddddd;
	font-size:80%;
	border-collapse:collapse;
	background-color:#585858;
	}



#edexelcriteria td
	{
    border:1px dotted #dddddd;
	vertical-align:top;
	padding:5px;
	}

#edexelcriteria th
	{
    border:1px solid #dddddd;
	vertical-align:top;
	padding:5px;
	}
	
.tick
	{
	float:right;
	}
	
	
/*----------------------------DRUM_SAMPLES.HTM---------(jimmy drumming/audio---------------*/
	
.samples
	{
	font-size:85%;
	margin-top:5px;
	margin-bottom:10px;
	width:600px;
	}

.smpltblhldr
	{
	float:right;
	margin-left:20px;
	}
	
.samples td
	{
	text-align:left;
	padding:1px 0px 1px 0px;
	vertical-align:top;
	}
	
.genres
	{
	color:#c3a3cc;
	}
	
#samplespgpic2, #samplespgpic3, #samplespgpic4, #samplespgpic5
	{
	margin-top:30px;
	}

/*--yahoo music player--*/



#ymp-player .ymp-color-main, #ymp-tray .ymp-color-tray
	{ 
	background-color:transparent !important; 
	/*background-image:url(/images/greytexture.jpg);*/
	}

#ymp-meta-image
	{
	display:none !important;
	} 

#ymp-body #ymp-meta-top, #ymp-body #ymp-meta-bottom
	{ 
	left:8px !important; 
	width:330px !important; 
	}	
	
#ymp-player .ymp-color-text-main
	{   
	color:#68aca5 !important; 
	}
	
#ymp-relevance{ display:none !important; } 
.ymp-player-max #ymp-body { width:570px !important; } 
.ymp-player-max #ymp-body #ymp-body-strip { width:557px !important; } 
.ymp-player-max #ymp-body #ymp-body-base  { width:560px !important; }

.ymp-tray-track ymp-color-text-tray playing
	{
	color:#c3a3cc !important;
	}

/*---------------------DRUM_VIDEOS.HTM---------jimmy drumming/videos----*/


.videomenu
	{
	margin:0 auto;
	width:850px;
	}



.videomenu td
	{
	vertical-align:middle;
	padding:20px 5px 5px 5px;
	}
	


#vid-menu-left
	{
	float:left;
	}
	
#vid-menu-right
	{
	float:right;
	}



.videoplayer
	{
	text-align:center;
	margin:25px auto 0 auto;
	width:650px;
	}
	
#videodisclaim
	{
	position:relative;
	top:0;
	left:0;
	visibility:hidden;
	margin:5px auto 0 auto;
	width:500px;
	text-align:center;
	font-size:80%;
	color:#ffffff;
	}


#videodisclaim p
	{
	margin:0;
	}
	
	
/*----------------------------GCSE-------------------------------------*/

#drumlesson
	{
	float:left;
	margin:18px 25px 25px 0;
	}
	
			
/*--------------------------------DRUM_LINKS.HTM------------------------*/

#links
	{
	font-size:80%;
	width:650px;
	}
	

#links th
	{
	color:#c3a3cc;
	text-align:left;
	}

#links td
	{
	padding:0px 0px 0px 0px;
	}	
	
#bonham
	{
	float:right;
	margin-top:30px;
	}
	

/*-------------------------CONTACT.HTM-----------------------*/	

#msgfrm
	{
	
	width:500px;
	}

#msgpanel
	{
	margin:30px 0;
	}

#contactformpanel
	{
	/*float:left;*/
	}	

#contactformtable
	{
	width:500px;
	background-color:#dfcce4;
	color:#444444;
	font-size:80%;
	}
		
#contactformtable td
	{
	vertical-align:top;
	padding:10px 10px 10px 10px;	
	}	

#pricingpanel
	{
	margin-top:20px;
	}


/*------------------header & footer------------------*/	
	
/*------header----------*/

#headerpic
	{
	/*position:absolute;
	top:0px;
	left:0px;
	z-index:1;
	visibility: visible;*/
	margin-bottom:55px;
	border-radius:15px;
	box-shadow:none;
	}

#bigtitle
	{
	position:absolute;
	top:15px;
	left:30px;
	width:auto;
	height:40px;
	z-index:2;
	visibility: visible;
	}
	
#auxtitle
	{
	position:absolute;
	top:35px;
	left:450px;
	color:#ffffff;
	font-style:italic;
	font-size:150%;
	z-index:30;
	}
	
		



/*-------------footer----------------*/

#btmstrap
	{
	/*position:relative;
	top:140px;*/
	margin:5px 0 20px 0; 
	height:27px;
	background-color:#c3a3cc;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border-radius:15px;
	
	}
	
#strapleft, #strapright 
	{
	width:40%;
	background-color:#c3a3cc;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border-radius:15px;
	}
	
#strapleft p, #strapright p
	{
	margin:2px;
	} 
	
#strapleft
	{
	float:left;
	padding-left:25px;
	text-align:left;
	}
	
#strapright
	{
	float:right;
	padding-right:25px;
	text-align:right;
	}
	
/*-------------image styling-----------------------*/



	

	
/*------------------------------------------------------css3 menu styling--------------------------------------------------*/

#menubar
	{
	position:absolute;
	z-index:1;
	top:123px;
	}



ul#css3menu1,ul#css3menu1 ul{
	margin:0;list-style:none;background-color:#000000; background-image:-moz-linear-gradient(50% 0%,rgba(255,255,255,0.38),rgba(255,255,255,0.16));background-image:-webkit-gradient(linear,50% 0%,50% 100%,from(rgba(255,255,255,0.38)),to(rgba(255,255,255,0.16)));background-repeat:repeat;border-width:1px;border-style:solid;border-color:#343434;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;}
ul#css3menu1 ul{
	display:none;position:absolute;left:0;top:100%;-moz-box-shadow:1.4px 1.4px 2px #B1B1B1;-webkit-box-shadow:1.4px 1.4px 2px #B1B1B1;box-shadow:1.4px 1.4px 2px #B1B1B1;padding:0;background-color:#68aca5; background-image:-moz-linear-gradient(50% 0%,rgba(255,255,255,0.16),rgba(255,255,255,0));background-image:-webkit-gradient(linear,50% 0%,50% 100%,from(rgba(255,255,255,0.16)),to(rgba(255,255,255,0)));border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;border-color:#000000;}
ul#css3menu1 li:hover>*{
	display:block;}
ul#css3menu1 li:hover{
	position:relative;}
ul#css3menu1 ul ul{
	position:absolute;left:100%;top:0;}
ul#css3menu1{
	padding:6px 6px 6px 0;display:block;font-size:0;float:left;}
ul#css3menu1 li{
	display:block;white-space:nowrap;font-size:0;float:left;}
ul#css3menu1>li,ul#css3menu1 li{
	margin:0 0 0 6px;}
ul#css3menu1 ul>li{
	margin:6px 0 0;}
ul#css3menu1 a:active, ul#css3menu1 a:focus{
	outline-style:none;}
ul#css3menu1 a,ul#css3menu1 a.pressed{
	display:block;vertical-align:middle;text-align:center;text-decoration:none;font:bold 12px Arial;color:#ffffff;cursor:pointer;}
ul#css3menu1 ul li{
	float:none;margin:0;}
ul#css3menu1 ul a{
	text-align:center;}
ul#css3menu1 li:hover>a{
	background-color:#ffff00;border-color:#F8F8F8;border-style:solid;font:bold 12px Arial;color:#000000;text-decoration:none; background-image:-moz-linear-gradient(50% 0%,rgba(255,255,255,0.38),rgba(85,170,0,0.7));background-image:-webkit-gradient(linear,50% 0%,50% 100%,from(rgba(255,255,255,0.38)),to(rgba(85,170,0,0.7)));filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr=#60FFFFFF,endColorstr=#B355AA00)}
ul#css3menu1 img{
	border:none;vertical-align:middle;margin-right:8px;}
ul#css3menu1 img.over{
	display:none;}
ul#css3menu1 li:hover > a img.def{
	display:none;}
ul#css3menu1 li:hover > a img.over{
	display:inline;}
ul#css3menu1 li a.pressed img.over{
	display:inline;}
ul#css3menu1 li a.pressed img.def{
	display:none;}
ul#css3menu1 a{
	padding:6px 20px;background-color:;background-repeat:repeat;border-width:0;border-style:solid;border-color:transparent;color:#ffffff;text-decoration:none;}
ul#css3menu1 li:hover>a,ul#css3menu1 li>a.pressed{
	background-color:#ffff00; background-image:-moz-linear-gradient(50% 0%,rgba(255,255,255,0.38),rgba(85,170,0,0.7));background-image:-webkit-gradient(linear,50% 0%,50% 100%,from(rgba(255,255,255,0.38)),to(rgba(85,170,0,0.7)));border-style:solid;border-color:#F8F8F8;color:#000000;text-decoration:none;filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr=#60FFFFFF,endColorstr=#B355AA00)}
ul#css3menu1 li.topmenu>a{
	height:16px;background-color:#68aca5;border-width:1px 0 0 0;border-style:solid;border-color:;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;font:bold 12px Arial;color:#ffffff;text-decoration:none;text-shadow:0 1px 1px #000000;line-height:16px;}
ul#css3menu1 li.topmenu:hover>a,ul#css3menu1 li.topmenu>a.pressed{
	background-color:#ffff00; background-image:-moz-linear-gradient(50% 0%,rgba(255,255,255,0.77),rgba(85,170,0,0.7));background-image:-webkit-gradient(linear,50% 0%,50% 100%,from(rgba(255,255,255,0.77)),to(rgba(85,170,0,0.7)));border-style:solid;border-color:#F8F8F8;font:bold 12px Arial;color:#000000;text-decoration:none;text-shadow:0 1px 0 #C5EAA1;line-height:16px;filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr=#C6FFFFFF,endColorstr=#B355AA00)}
ul#css3menu1 li.subfirst>a{
	border-radius:8px 8px 0 0;-moz-border-radius:8px 8px 0 0;-webkit-border-radius:8px;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;}
ul#css3menu1 li.sublast>a{
	border-radius:0 0 8px 8px;-moz-border-radius:0 0 8px 8px;-webkit-border-radius:0;-webkit-border-bottom-right-radius:8px;-webkit-border-bottom-left-radius:8px;}