@charset "utf-8";

/* Reset */

* {
	font-size: 100%;
	margin: 0;
	padding: 0;
}

/* Base */
html {
	color: #444;
	font-family: Trebuchet MS, Arial;
	font-size: 0.813em;
}

p {
	margin-bottom: 1em;
	line-height: 1.6em;	
}

/* Links */
a {
	color: #333;
}
	a:hover {
		color: #000;	
	}

/* Images */
img {
	border: none;
}

/* Floats */
.clear {
	clear: both;
}

.left {
	float: left;
}

.right {
	float: right;
}

.clearfix:after{
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
	font-size: 0;
}

/* Generic */
.margin {
	margin: 0 1em 1em 0;
}
.margin.right {
	margin: 0 0 1em 1em;
}
.spacer {
	height: 1em;	
}
.border {
	border: 1px solid #CCC;
}
.padded-10 {
	padding: 10px;
}
.nounderline {
	text-decoration: none;	
}

/* Lists */
ul.nobullets {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;	
}
	ul.nobullets li {
		margin: 0;
		padding: 0;	
}
ul {
	margin-bottom: 1em;	
	line-height: 1.6em;
}
	li {
		margin-left: 1.5em;
		padding-left: 0.5em;
	}

/* Headings */
h1 {
	font-size: 3em;	
	font-weight: normal;
	margin-bottom: 0.5em;
}
h2 {
	font-size: 1.6em;	
	font-weight: normal;
	margin-bottom: 0.75em;	
	margin-top: 1em;
}
h3 {
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 1em;	
}
h4 {
	font-size: 1.2em;	
	font-weight: normal;
	margin-bottom: 1em;	
}

/* Body */
body {
	background: #888DB3 url('../img/bg_main.gif');
}
	#topbar {
		position: fixed;
		top: 0;
		width: 100%;
		height: 21px;
		background: url('../img/bg_topbar.png') repeat-x;
	}

	/* Form */
	form {
		background: url('../img/bg_highlight.png') repeat-x;
	}

	/* Container */
	#container
	{
		margin: 0 auto;
		width: 987px;
	}

		/* Box */
		div.box {
			background: url("../img/box_small_top.png") no-repeat;
			padding-top: 22px;
			width: 281px;
		}
			div.box_container {
				background: url("../img/box_small_middle.png") repeat-y;
				padding: 10px 32px;
			}
			div.box_bottom {
				background: url("../img/box_small_bottom.png") no-repeat;
				height: 22px;
			}
			div.box_container.box_reducedpadding {
				padding: 5px 32px;
			}
		div.box_large {
			background: url("../img/box_large_top_grey.png") no-repeat;
			width: 706px;
		}
			div#content_container {
				background: url("../img/box_large_middle.png") repeat-y;
				padding: 10px 42px;
			}
			div.box_large_bottom {
				background: url("../img/box_large_bottom.png") no-repeat;
				height: 22px;
			}

		/* Header */
	
		#header #logo
		{
			float: left;
			margin-bottom: 0;
		}
		#header #logo a
		{
			float: left;
			width: 433px;
			padding-top: 107px;
			margin: 0 0 0 34px;
			height: 0;
			overflow: hidden;
			background: url("../img/logo.png") no-repeat;
		}
			
			/* Instruments */
			#instruments
			{
				display: none;
			}

		/* Nav */
		#nav {
			margin: 23px 42px 3px 42px;
			height: 34px;
		}
			#nav ul li {
				float: left;
				font-size: 1.3em;
				margin-right: 1.5em;
				margin-top: 3px;
			}
				#nav ul li a {
					color: #333;
					text-decoration: none;
				}
					#nav ul li a:hover {
						color: #000;
					}
					#nav ul li.nav_active a {
						border-bottom: 1px dotted #666;
					}
				
			#nav_button {
				float: right;
				margin-top: 5px;
			}
				#nav_button a.button {
					padding: 5px 15px;
				}
		
		/* Content */
		#content
		{
			float: left;
		}
			div#content_container {
				padding: 1.5em 42px;
				min-height: 717px;	
			}
		
		/* Sidebar */
		#sidebar
		{
			float: right;
		}
		
			/* Contact */
			#sidebar_contact h4 {
				margin-bottom: 0;
			}
			#sidebar_contact p {
				font-size: 1.35em;
				margin-bottom: 5px;
			}
				#sidebar_contact p#contact_phone {
					font-size: 2em;
				}
				#sidebar_contact p#contact_email {
					margin-bottom: 0;
				}

			/* Map */
			#sidebar_map h3 {
				margin-bottom: 0.5em;
			}
			#sidebar_map img {
				margin-bottom: 8px;
			}
			#sidebar_map h4 {
				margin-bottom: 0.5em;
			}
			
			#sidebar_directions input.text {
				width: 140px;
				margin-top: 1px;
				padding: 6px 5px;
			}
			#sidebar_directions .button {
				clear: none;
				float: right;
			}
			
			/* Prices */
			#sidebar_prices ul {
				margin-bottom: 0.5em;
			}
				#sidebar_prices li {
					float: left;
					margin-right: 2.2em;
				}
					#sidebar_prices li strong {
						font-size: 1.7em;
						font-weight: normal;
					}
						#sidebar_prices #price_1hour {
							margin-right: 0;
						}
						#sidebar_prices li span {
							font-size: 1.2em;
						}
						
			#sidebar_prices h3 {
				margin-bottom: 0;
			}
					
		/* Footer */
		#footer {
			clear: both;
			background: url("../img/box_footer_top.png") no-repeat;
			padding-top: 22px;
			width: 706px;
			color: #CCC;
			margin-bottom: 1.5em;
		}
			#footer_container {
				background: url("../img/box_footer_middle.png") repeat-y;
				padding: 8px 32px;
			}
			#footer_bottom {
				background: url("../img/box_footer_bottom.png") no-repeat;
				height: 22px;
			}

			#footer a {
				color: #CCC;	
			}
				#footer a:hover {
					color: #CCC;	
				}
			#footer_mt {
				display: block;
				width: 103px;
				padding-top: 41px;
				height: 0;
				overflow: hidden;
				background: url("/global/img/logo_footer.png") no-repeat;
				margin: 3px 0 18px 0;
			}
			
			#footer div.right {
				text-align: right;	
			}
			#footer ul {
				margin-bottom: 14px;
			}			
			#footer ul li {
				float: left;
				margin-left: 1em;
				border-left: 1px solid #666;
				padding-left: 1em;
				line-height: 1em;
			}
				#footer ul li.first {
					border-left: none;
					padding-left: 0;
					margin-left: 0;
				}
				
			#footer_copy {
				margin-bottom: 0;	
			}
			
/* Blockquote */
blockquote {
	padding: 1.5em 1.5em 0.5em 1.5em;
	background: #E5E5E5;
	-moz-border-radius: 9px;
	border-radius: 9px;
	margin-bottom: 1em;
}
blockquote.light {
	background: #FFF;
	border: 1px solid #E5E5E5;
}

/* Form */

fieldset {
	border: none;
	font-size: 1.2em;
}
input.text, textarea.textarea {
	font-family: Trebuchet MS;
	padding: 4px 5px;
	width: 250px;
	float: left;
}
input.text.wide {
	width: 350px;
}

div.form-item {
	margin-bottom: 1em;
}
	div.form-item label {
		clear: both;
		float: left;
		width: 150px;
	}
		div.form-item-text label {
			margin-top: 4px;
		}
	div.form-input {
		float: left;
	}
		div.form-input label {
			float: none;
			width: auto;
		}
			div.form-checklist label {
				margin-bottom: 2px;
			}
			
div.form-button input {
	margin-left: 150px;
	margin-bottom: 1em;
}
.button {
	color: #444;
	font-size: 14px;
	font-family: Trebuchet MS;
	clear: both;
    border:1px solid #CCC;
    cursor: pointer;
	padding: 7px 15px 7px 15px;		
    background: #EDEDED url('/global/img/button_bg.jpg') repeat-x left center;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 1px;
    text-decoration: none;
    -moz-border-radius: 9px;
	border-radius: 9px;
}
	.button.positive {
		background: #EDEDED url('/global/img/button_accept.jpg') no-repeat left center;
		padding: 7px 15px 7px 37px;		
	}
	.button.positive:hover {
		background-color:#E6EFC2;
		border:1px solid #C6D880;
		color:#529214;
	}

/* Form Validation */
.validation-summary {
	padding: 1.5em 1.5em 0.5em 1.5em;
	background: #F0DBDB;
	-moz-border-radius: 9px;
	border-radius: 9px;
	margin-bottom: 1em;
}
.validation {
	margin: 7px 0 0 -25px;
	text-indent: -9999px;
	background: url('/global/icons/silk/exclamation.png') no-repeat top right;
	width: 16px;
	height: 16px;
	float: left;
}

/* Tutor Enquiry 
div.chk-piano label {
	background: url('/global/img/icon_piano_small.png') no-repeat center right;
	padding-right: 28px;
}
div.chk-singing label {
	background: url('/global/img/icon_singing_small.png') no-repeat center right;
	padding-right: 28px;
}
div.chk-trumpet label {
	background: url('/global/img/icon_trumpet_small.png') no-repeat center right;
	padding-right: 38px;
}
div.chk-theory label {
	background: url('/global/img/icon_theory_small.png') no-repeat center right;
	padding-right: 28px;
}*/

/* Prices */
#prices {
	font-size: 1.2em;	
}
#prices span {
	width: 140px;
	display: block;
	float: left;
	font-weight: bold;
}
#prices li {
	clear: both
}

/* Location */
#directions {
	padding-top: 0.75em;
	padding-bottom: 0.75em;
}
	#directions p {
		margin: 0.5em 1em 0 0;
	
	}
	#directions input.text {
		width: 140px;
		margin-top: 1px;
		padding: 6px 5px;
	}
	#directions .button {
		clear: none;
		float: right;
	}
#locations li {
	float: left;
	margin-right: 0.75em;
}

/* Social */
#home_social li {
	float: left;
}
#home_social li a {
	display: block;
	width: 	32px;
	padding-top: 32px;
	height: 0;
	overflow: hidden;
	background-repeat: no-repeat;
	margin-right: 5px;
}
	#home_social li.myspace a {
		background: url('../img/myspace.png') no-repeat;
	}
	#home_social li.soundcloud a {
		background: url('../img/soundcloud.png') no-repeat;
		width: 51px;
	}

	
/* Add This */
.addthis_container {
	clear: both;
	margin-top: 1.5em;
	border-top: 1px dotted #CCC;
	padding-top: 1.5em	
}