/* ------------------------------------------------------------

	Style Reset
				
--------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, font, img, ins, kbd, q, s, samp,
small, strike, strong, em, sub, sup, tt, var,
dl, dt, dd, ol, 
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white; 
}
ol, ul {
	list-style: none;
	margin:0; padding:0;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
strikethrough { text-decoration:line-through;}

/* ------------------------------------------------------------

	Style Reset
				
--------------------------------------------------------------- */

body {font-family:Tahoma, Geneva, sans-serif; font-size:0.75em; line-height:1.5em; color:#d3d3d3;}

a {text-decoration:none; color:#d3d3d3;}
a:hover {text-decoration:underline;}

p {font-size:0.9em; margin:15px 0; line-height:1.6em;}
strong {font-weight:bold;}

.clear {clear:both;}

div.wrapper {width:960px; margin:0 auto;}

h1 {color:#cfcfcf; font-size:2.6em; border-bottom:1px dashed #313030;font-weight:normal;  margin-top:65px; font-weight:normal;}
h1 strong {color:#d81c23; font-weight:normal;}

h2 {color:#cfcfcf; font-size:1.7em; margin:5px 0;}
h3 {color:#cfcfcf; font-size:1.5em; margin:5px 0; line-height:1.1em;}
h3 strong {font-weight:bold;}

body#homepage {background:#000 url(../images/display-images/guitar-background.jpg) no-repeat center top; background-attachment:fixed;}

div.col5-1 {width:172px; margin:0 10px; float:left;}
div.col5-3 {width:525px; margin:0 10px; float:left; background:url(../images/display-images/middle-content.gif) repeat-y left top; padding:15px;}
/*div.col5-3 img {padding:9px; border:1px solid #5a1f1f;}*/

.content-image-holder {height:159px; padding:11px 11px 11px 1px; border:1px solid #5a1f1f; float:left;}
.content-image-holder-margined {height:159px; padding:11px 11px 11px 1px; margin-right:5px; border:1px solid #5a1f1f; float:left;}
.content-image {float:left; padding-left:11px; }

/* ------------------------------------------------------------
	
	Header Content	
	
--------------------------------------------------------------- */

div#header {background:url(../images/display-images/header-strip.png) repeat-x left top; position:fixed; width:100%; z-index:10; }

p.topcontactinfo {float:left; margin:3px 0; font-size:1.1em;}

img#logo {margin:0 0 0 10px; clear:left; float:left;}

ul#top-nav {float: right; margin:5px 0 10px 0;}
ul#top-nav li {float:left;}
ul#top-nav li.divide {margin:0 12px;}
ul#top-nav li a {float:left; text-decoration:none; font-size:0.9em;}
ul#top-nav li a:hover {text-decoration:underline;}

ul#main-nav {float:right; clear:right;}
ul#main-nav li {float:left;}
ul#main-nav li a {float:left; text-decoration:none; display:block; padding:11px; font-size:1.15em;}
ul#main-nav li a#onlink, ul#main-nav li a:hover {background:url(../images/display-images/nav-hover.jpg) repeat left top;}

/* ------------------------------------------------------------
	
	Homepage Content	
	
--------------------------------------------------------------- */
.side-telephone {margin-top:120px;font-size: 1.7em;border-bottom:1px dashed #313030; margin: 120px 15px 0 15px;}
.contentpanel {padding-top:84px; z-index:100;}
p.intro-text {font-size:1.15em;color:#d81c23;}

div#ipod {margin:170px 0 25px 0; width:170px; height:37px; background:url(../images/display-images/ipod.png); text-align:center; padding-top:145px;}

h3.registerinterest-title {padding:5px 0 5px 0px; background:url(../images/display-images/title-icon.png) no-repeat 0 0;}
h3.registerinterest-title span {margin-left:28px;}

form#register-interest {padding:9px; border:1px solid #5a1f1f; background:url(../images/display-images/panel-bg.png) repeat left top;}
form#register-interest input {padding: 6px 8px; border: 1px solid #d81c23;-moz-border-radius: 5px; -webkit-border-radius: 5px; margin-bottom:5px; width:134px;}
input#register-button {width:122px!important; height:27px; background:url(../images/display-images/register-button.png) no-repeat left top; border:none!important; padding:0!important; margin-left:14px;}

form#contact-interest {padding:15px 15px 9px 15px; border:1px solid #5a1f1f; background:url(../images/display-images/panel-bg.png) repeat left top; width:320px; float:left;}
form#contact-interest input, form#contact-interest textarea {padding: 6px 8px; border: 1px solid #d81c23;-moz-border-radius: 5px; -webkit-border-radius: 5px; margin-bottom:5px; width:300px;}
input#contact-button {width:122px!important; height:27px; background:url(../images/display-images/submit-enquiry-button.png) no-repeat left top; border:none!important; padding:0!important; margin-top:4px; float:left;}

div#contact-info {float:left; margin-left:15px; margin-top:10px;}
div#contact-info p strong {color:#D81C23; display:block;}

img.social-logo {margin: 10px 0 0 30px;}
img.music-logo {margin: 10px 0 0 12px;}

h2.latestnews-title {padding:5px 0 5px 25px; background:url(../images/display-images/title-icon.png) no-repeat 0 0;}
div.latestnews {margin-top:110px;padding:9px; border:1px solid #5a1f1f; background:url(../images/display-images/panel-bg.png) repeat left top;}
div.latestnews p {font-size:0.85em; margin:5px 0;}
div.latestnews p strong {color:#d81c23; font-weight:normal;}
div.latestnews p a {display:block; color:#d81c23;}
div.side-news-feature {margin-bottom:15px;}

cufon {z-index:1;}

/* ------------------------------------------------------------
	
	Lessons Content	
	
--------------------------------------------------------------- */

body#lessons {background:#000 url(../images/display-images/drums-background.jpg) no-repeat center top; background-attachment:fixed;}

h1 strong {color:#d81c23; font-weight:normal;}
.lesson-detail img {float:left; margin:0 15px 0 0; border: 1px solid #5A1F1F; padding: 5px; background:url(../images/display-images/panel-bg.png) repeat left top;}


div.lessons-holder {padding:25px 0; border-bottom:1px dashed #313030;font-weight:normal;}
div.lessons-holder img {float: left; margin-right:10px;}

div.lessons-info {float:left; width:392px;}
div.lessons-info p {margin:5px 0;}
div.lessons-info p a {display:block;color:#d81c23; font-size:1.1em;}

p.lessons-name {font-size:1.2em;color:#d81c23; font-weight:normal; line-height:1.1em; margin:5px 0 5px 0!important;}
p.lessons-name span {display:block; font-size:0.75em;}

/* ------------------------------------------------------------
	
	Latest News Content	
	
--------------------------------------------------------------- */

body#news {background:#000 url(../images/display-images/drums-background.jpg) no-repeat center top; background-attachment:fixed;}

div.news-holder {padding:25px 0; border-bottom:1px dashed #313030;font-weight:normal;}
div.news-holder img {float: left; margin-right:10px;}

div.news-info {float:left; width:455px;}
div.news-info p {margin:5px 0; font-size:0.9em;}
div.news-info p a {display:block;color:#d81c23; font-size:1.1em;}

p.news-title {font-size:1.2em!important;color:#d81c23; font-weight:normal; line-height:1.1em; margin:10px 0 5px 0!important;}

div.calendar {width:57px; height:57px; background: url(../images/display-images/calendar-icon.png) no-repeat left top; float:left; margin-right:10px; text-align:center;}
div.month {font-size:1.1em; float:left;width:57px; height:20px; padding-top:5px;}
div.date {color:#d81c23; font-size:2.6em; float:left;width:57px; height:32px; margin-top:-18px;}

/* -----------------------------------------------------------

        Page Styling Bits

-----------------------------------------------------------*/
div.col5-3 table {border: 1px solid #5A1F1F;}
div.col5-3 table tr th {border-bottom: 1px solid #5A1F1F;padding: 5px; background: #313030; font-weight: bold;}
div.col5-3 table tr td {padding:3px 5px; font-size: 0.9em;}

.col5-3 ul {margin:15px 0;}
.col5-3 ul li {background:url(../images/display-images/bullet-point.png) no-repeat 0 6px; padding-left:15px; font-size:1.0em; margin-bottom: 5px;}
.col5-3 p a { color:#d81c23; }

div.updatable-content {font-size:0.9em; margin:15px 0; line-height:1.6em;}
div.updatable-content a { color:#d81c23; }