/** HTML OVERRIDES **/
html {
	position: relative;
	height: 100%;
}

body {
	margin: 0;
	padding: 0;
	position: relative;
	text-align: left;
	background: #000 url('../images/bg-body.gif') repeat-x top;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: .8em;
	height: 100%;
	line-height: 1.5em;
}

h1,h2 {
	padding: 0;
	margin: 0;
}

.clearfix {
	clear: both;
}

/** WRAPPER **/
.wrapper {
	position: relative;
	width: 962px;
	height: 100%;
	margin: 0 auto;
	background: #243700;
}

/** LOGO **/
.logo {
	position: absolute;
	top: 35px;
	left: 600px;
	display: block;
	z-index: 1000;
}
.logo span {
	position: absolute;
	top: -1000px;
	left: 0px;
}

/** HEADER **/
.header {
	position: relative;
	height: 221px;
	background: transparent url('../images/bg-top.gif') repeat-x top left;	
}

/** NAVIGATION **/
.nav {
	position: absolute;
	bottom: 0px;
	left: 20px;
	padding: 0;
	margin: 0;
}
.nav li {
	display: block;
	background: transparent url('../images/bg-navitem.gif') no-repeat left;
	width: 113px;
	height: 27px;
	text-align: center;
	vertical-align: middle;
	float: left;
	margin: 0 0 0 -1px;
}
.nav li a {
	position: relative;
	top: 5px;
	color: #000;
	font-weight: bold;
	text-decoration: none;
}
.nav li a:hover {
	color: #EEE;
}

/** FOOTER **/
.footer {
	height: 177px;
	background: transparent url('../images/bg-bottom.gif') repeat-x top left;
	color: #4C7300;
}
.footer .credits {
	text-align: center;
	padding: 130px 0 0 0;
	cursor: default;
}


/** BOARD **/
.board-top {
	height: 23px;
	background: transparent url('../images/bg-board-top.gif') repeat-x top left;
}
.board-bottom {
	height: 23px;
	background: transparent url('../images/bg-board-bottom.gif') repeat-x top left;
}
.board {
	position: relative;
	height: 436px;
	background: #171717 url('../images/bg-board-body.gif') no-repeat bottom right;
	overflow: hidden;
	color: #CCC;
}

.board .left {
	position: relative;
	width: 290px;
	height: 100%;
	float: left;
	border-right: 3px solid #000;
}
.board .left .top {
	display: block;
	clear: both;
	top: 0px;
	left: 0px;
	border-bottom: 4px solid #000;
}
.board .left .bottom {
	display: block;
	clear: both;
	bottom: 0px;
	left: 0px;
}

/** BORDERS **/
.board-left {
	position: absolute;
	top: 0px;
	left: -56px;
}

.board-right {
	position: absolute;
	top: 0px;
	left: 962px;
}

/** COPY **/
.board .main .copy {
	padding: 30px 20px;
	margin: 0 0 0 300px;
}
.board .main .copy h2 {
	margin: 0 0 20px;
}
.board .main .copy h2.slim {
	margin: 0 0 5px;
}
.board .left .copy {
	padding: 30px 20px;
}
.board .copy p {
	margin: 0 0 15px;
}
.board .copy .logo-spacer {
	float: right;
}
.board .mid {
	width: 410px;
}

/** RATES **/
.board .rates h4 {
	margin: 15px 0 0;
}
.board .rates {
	position: absolute;
	right: 12px;
	top: 160px;
	width: 200px;
}

/** TABLE **/
.board table {
	width: 100%;
}
.board table th {
	font-weight: normal;
	width: 110px;
}
.board .left table {
	margin: 0 0 0 20px;
}
caption {
	text-align: left;
	position: relative;
	font-style: oblique;

}

/**  HEADING **/
h2.lessons span {
	position: relative;
	top: -1000px;
}
h2.lessons {
	background: transparent url('../images/title-singing-guitar-lessons.gif') no-repeat top left;
	height: 28px;
	width: 228px;
	margin: 0 0 40px;
}

/** CONTACT US FORM **/
.contact-us-form {
	height: 170px;
	width: 550px;
	z-index: 4000;
}
.contact-us-form input, .contact-us-form textarea {
	border: 1px solid #000;
	padding: 3px;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
}
.contact-us-form .field {
	float: left;
	margin: 1px 0;
	width: 100%;
}
.contact-us-form .field-line {
	display: block;
	float: left;
	width: 100%;
}
.field label, .field-line label {
	display: block;
	float: left;
	padding: 0pt 0pt 0pt 20px;
	text-align: left;
	width: 80px;
}
.field input {
	width: 170px;
}
.contact-us-form textarea {
	width: 440px;
	font-size: .9em;
}
.contact-us-form .btnSubmit {
	float: right;
	padding: 0;
	border: none;
	width: 60px;
}

/** TESTIMONIALS **/
.testimonial {
	position: absolute;
	top: 60px;
	left: 40px;
	width: 600px;
	font-family: Georgia;
	font-style: oblique;
	font-size: 1.6em;
	color: #2F4800;
	line-height: 1.2em;
}
.testimonial .quote {
	font-size: 3em;
	position: absolute;
	font-family: Times;
	line-height: 1em;
	color: #375400;
}

.testimonial .quote.start {
	left: -.6em;
	top: -.2em;
	
}
.testimonial .quote.end {

}