*{
	margin:0;
	padding:0;
	}
body {
	background: #000 url(../images/bkgd-gradient.gif) center repeat-y;
	font: 12px/17px Helvetica, Arial, sans-serif;
	}
#wrapper {
	text-align: left;
	margin: 0 auto;
	background-color: #FFFFFF;
	width: 700px;
	}
#content{
	width: 680px;
	margin: 0 auto;
	padding: 15px 12px 10px 12px;
	}	
/************ GENERAL STYLINGS ***********/			
p {
	margin: 0 0 10px 0;
	}
p.lessmargin{
	margin: 0 0 3px 0;
	}	
h1{
	font-size:27px;
	font-weight:normal;
	text-transform:uppercase;
	letter-spacing:0.2px;
	margin: 8px 0 12px 0;
	}
.pink{
	color: #e32085; /*pink*/
	}
.blue{
	color: #0092b5; /*blue*/
	}
.green{
	color: #80c900; /*green*/
	}
.yellow{
	color: #eba600; /*yellow*/
	}
h2{
	font-size:24px;
	font-weight:normal;
	text-transform:uppercase;
	letter-spacing:0.2px;
	margin: 0 0 12px 0;
	color: #e32085; /*pink*/
	}			
ul {
	line-height: 19px;
	margin:0 0 10px 25px;
	}
a {
	font-weight: bold;
	color: #0092b5; /*blue*/
	text-decoration: none;
	}
a:hover {
	color: #80c900; /*green*/
	}

/************CONTENT***********/	
#left {
	width: 462px;
	float: left;
	margin-right:25px;
	}
.photosfloatleft {
	float: left;
	margin-right:5px;
	}
p.staff {
	font-size: 16px;
	font-weight: bold;
	}
.mapfloatright {
	float: right;
	margin-right: 30px;
	}	

/************** PRICING PAGE *************/	
.pricetable {
	border: 2px solid #333333;
	margin: 0 auto;
	}
.toppricetablecell {
	border-bottom: 2px solid #000000;
	font-size: 16px;
	color: #e32085; /*pink*/
	font-weight: bold;
	}
.midptrightbottom {
	border-right: 2px solid #000;
	border-bottom: 1px solid #999;
	}			
.ptright {
	border-right: 2px solid #000;
	}
.midptbottom {
	border-bottom: 1px solid #999;
	}
.BoldPink{
	font-weight: bold;
	color: #e32085; /*pink*/
	font-size:14px;
	letter-spacing:0.3px;
	}
ul.morespace li{
	margin-bottom:5px;
	}

/************ SIDEBAR ***********/
#sidebar {
	float: left;
	width: 191px;
	}
#audio-piano{
	margin:500px 0 0 0;
	}
#audio-guitar{
	margin:285px 0 0 0;
	}	
#audio-sing{
	margin:245px 0 0 0;
	}
#audio-drama{
	margin:470px 0 0 0;
	}	
#sidebar h3{
	margin-bottom:7px;
	}	

/************ FOOTER ***********/
#footer {
	width: 680px;
	height: 25px;
	text-align: center;
	border-top: 1px solid #999999;
	padding-top:5px;
	color:#555;
	}
#footer a {
	font-weight: bold;
	text-decoration: none;
	color: #e32085; /*pink*/
	letter-spacing:0.2px;
	}
#footer a:hover {
	color: #eba600; /*yellow*/
	}

/*************** BOOK PAGE ***************/
#leftColumn{
	width: 445px;
	float: left;
	margin-right:15px;
	}	
#rightColumn{
	float: left;
	}
table.book{
	border-bottom: #000 2px solid;
	width:100%;
	}		
td{
	vertical-align: top;
	}	
td.col1{
	width: 260px;
	}
td.col2{
	width: 230px;
	}		
td.tableheadlines{
	color: #e32085; /*pink*/
	font-size: 16px;
	font-weight: bold;
	border-bottom: #000 1px solid;
	border-top: #000 2px solid;
	vertical-align: middle;
	height: 27px;
	}
.price{
	font-size: 16px;
	font-weight: bold;
	color: #e32085; /*pink*/
	}	
	
/************ NEW DROP DOWN MENU***********/

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
.menu {
	position:relative; 
	z-index:100;
	text-transform:uppercase;
	letter-spacing:0.2px;
	background-color:#000;
	width:700px;
	height:30px;
	border-top:2px solid #fff;
	padding-top:7px;
	}
/* hack to correct IE5.5 faulty box model */
/** html .menu {width:746px; w\idth:745px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:97px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
	float:left;
	width:97px;
	position:relative;
	}
/* style the links for the top level */
.menu a, .menu a:visited {
	text-decoration:none;
	display:block;
	width:97px;
	height:23px;
	float:left;
	text-align:center;
	color:#FFFFFF;
	padding-top:7px;
	background-color: #444;
	}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {
	width:97px;
	}
/* style the second level hover */
.menu ul ul a.drop:hover{
	width: 97px;
	}
.menu ul ul :hover > a.drop {
	width:97px;
	}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
	visibility:hidden;
	position:absolute;
	height:0;
	top:30px;
	left:0;
	width:97px;
	}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu a.sub{
	background:#444;
	color:#fff;
	width:180px;
	height:20px;
	padding-top:2px;
	text-align:left;
	padding-left:18px;
	border-top:1px solid #000;
	text-transform:capitalize;
	}	
.menu a.pink{
	background:url(../images/nav-pink.gif) no-repeat bottom;
	}
.menu a.blue{
	background:url(../images/nav-blue.gif) no-repeat bottom;
	}
.menu a.yellow{
	background:url(../images/nav-yellow.gif) no-repeat bottom;
	}
.menu a.green{
	background:url(../images/nav-green.gif) no-repeat bottom;
	}	
/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{
	color:#000;
	background-position:top;
	}
.menu :hover > a, .menu ul ul :hover > a {
	color:#000;
	background-color: #a8f324; /*brighter green*/
	background-position:top;
	}
/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}

.menu li.spacer{
	width:3px;
	float:left;
	}
.menu span.spacer1{
	width:1px;
	float:left;
	}
.menu a:hover{
	color:#000;
	background-position:top;
	}	
.menu a.pink-active{
	background:url(../images/nav-pink.gif) no-repeat top;
	color:#000;
	}
.menu a.blue-active{
	background:url(../images/nav-blue.gif) no-repeat top;
	color:#000;
	}
.menu a.yellow-active{
	background:url(../images/nav-yellow.gif) no-repeat top;
	color:#000;
	}
.menu a.green-active{
	background:url(../images/nav-green.gif) no-repeat top;
	color:#000;
	}
	
/***************CONTACT FORM**************/
form.contactform{
	margin: 10px 0 0 0;
	}
form.contactform input{
	border: #999 2px solid;
	width: 210px;
	height: 13px;
	color:#000;
	font-weight:bold;
	background-color: #fff;
	padding:3px;
	margin-bottom:10px;
	margin-top:3px;
	font-family: Helvetica, Arial, sans-serif;
	font-size:12px;
	}
form.contactform input#Email{
	width:238px;
	}	
form.contactform input.submit{
	width: 70px;
	height: 26px;
	clear: both;
	margin: 10px 0 0 120px;
	outline: none 0;
	border:none;
	background-color: #0092b5; /*blue*/
	color:#fff;
	font-weight:bold;
	text-transform:uppercase;
	letter-spacing:0.3px;
	}	
form.contactform input.submit:hover{
	background-color: #80c900; /*green*/	
	color:#000;
	cursor:pointer;
	}