@charset "UTF-8";
/* CSS Document */

html, body, #wrapper {height: 100%;}
body > #wrapper {height: auto; min-height: 100%;}

body{ font: 100.01% "Times New Roman", Times, serif; margin: 0; padding: 0; background: #000; color: #fff; }

a { color: #fc0; font-weight: bold; }
a:hover, a:active { color: #fff; }
a img { border: none; }


#body_bg { background: transparent url(/images/bg_01.jpg) repeat-y fixed center bottom; }
#bg2 { background: transparent url(/images/bg_gradient.png) repeat-x scroll 0 bottom; }
#bg_notes { background: transparent url(/images/bg_notes.png) no-repeat fixed 50% bottom; }

/* CLEAR FIX*/
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }


.field_error { background: #fcc; }
.field_ok { background: #fff; }

.msg, .form-button-error {
	font: bold 1em Arial, Helvetica, sans-serif;
	letter-spacing: 0;
	color: #c00 !important;
	background: #fff;
	width: 15em;
	padding: 10px 20px;
	margin: 1em auto;
	display: block !important;
	-moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px;
}
.msg p, .form-button-error p { margin: 0.5em 0; }
.form-button-error { font-size: 0.9em; }
.clr { clear: both; font-size: 1px; height: 0; line-height: 1px; }

.floatright { float: right; }
.floatleft { float: left; }
.back_to_top { text-align: right; margin-right: 30px; }

#wrapper{
	margin: 0 auto;
	max-width: 1300px;
	min-width: 955px;
	overflow: hidden;
	position: relative;
	width: 100%;
}

#wrapper2 {
	position:relative;
	overflow:hidden;
	width:817px;
	margin: 0 auto;
	border-left:5px solid #572b1a;
	border-right:5px solid #572b1a;
	background: #7C5D37 url(/images/lines_bg_06.jpg) no-repeat 0 bottom;
	/*background-color: #7F5E37;*/
	padding: 0 0 20px 0;
}

#footer{
	position: relative;
	clear:both;
	margin: 0 auto;
	padding: 0 0 0 40px;
}

#guitar{
	position: absolute;
	background: url(/images/guitar_03.png) no-repeat scroll 0 0 transparent;
	bottom: 0;
	right: 0;
	height: 784px;
	width: 23%;
	z-index: 10;
}

#header { width:817px; height:172px; margin: 0 auto; position: relative; z-index: 100; }
#header .phone { position: absolute; width: auto; right: 20px; top: 45px; color: #FFDEB4; font-size: 1.7em; font-weight: bold; text-shadow: 0 2px 3px #000; }

#banner-photos { position: absolute; top: 0; left: 0; height: 172px; width: 817px; z-index: 10; overflow: hidden; }

/* for jQuery login help text */
#headpassword-clear { display: none; }

#login { position:relative; left:210px; top: 5px; width:600px; text-align:right; text-shadow: 0 2px 4px #000; white-space: nowrap; }
#login p { margin:0; font-size:16px; color:#fff; display: inline; }
#login input { margin-left:5px; }
#login input[type="text"] { width: 11em; }
#login label { margin-right: 10px; }

#nav { background: transparent url(/images/nav_bg_05.jpg) repeat-x 0 0; width:817px; height:54px; margin: 0 auto; }
#nav ul{ height:54px; margin: 0 auto; padding:0; }
#nav li { float:left; margin-left:40px; list-style:none; padding-top:17px; text-shadow: 0 -1px 0 #000; }
#nav li a { font: normal 16px Georgia, "Times New Roman", Times, serif; color:#fff; text-decoration:none; }
#nav li a:hover { border-bottom: 5px solid #ebb068; color:#ebb068; }

#content_header { position: relative; }
#content_outer { min-height:700px; margin: 0 auto; overflow: hidden; clear: both; padding: 0 0 30px 0; color: #fff; }
#content_outer strong { color: #ebcda6; }

#student_login { float:right; clear: right; width:329px; background: transparent url(/images/login_06.jpg) repeat-y 0 0; margin: 0 0 20px 20px; }
#student_login h3 { background-image:url(/images/login_03.jpg); width:329px; height:60px; text-indent:-9999px; margin-top:0px; }

#student_login_fields { padding-left:20px; }
#student_login_fields .field_label { text-transform: uppercase; }
#student_login_fields p { color:#FFF; margin:10px 0 0 0; }
#student_login_fields .logged_in { margin: 2em 0; text-align: center; }

#username, #password { margin-bottom:5px; width: 80% }
#submit { margin-top:10px; width: 80% }


/* Home page */

.home { }
.home h1 { background: transparent url(/images/home_h1_09.jpg) no-repeat 0 0; width:817px; height:109px; text-indent:-9999px; margin-top:0; }
span.expand_toggle { display: inline-block; margin: 0 0 0 1em; text-decoration: underline; font-weight: bold; color: #fc0; cursor: pointer; }
span.expand_toggle:hover { color: #fff; }
.expand_content ul { margin-top: 0; }

.welcome { float:left; width:415px; padding: 0 0 30px 40px; }
.welcome h2 { margin-top: 0; color: #fff; }
.welcome p, .welcome li { line-height: 125%; letter-spacing: 1px; }

.full_screen { float: none !important; margin: 0 auto !important; }

#book_lesson { float:left; width:246px; background: transparent url(/images/book_lessons_14.jpg) repeat-y 0 0; margin-left:15px; }

#book_lesson h3 {
	background-image: url(/images/book_lessons_11.jpg);
	background-repeat:no-repeat;
	width:246px;
	height:60px;
	text-indent:-9999px;
	margin-top:0;
}

#book_lesson_fields { padding: 0 20px; }
#book_lesson_fields p { margin:0 0 10px 0; }
#book_lesson_fields ul { padding: 0; }
#book_lesson_fields li { list-style: none; }

#video{ float:right; width: 510px; margin-right: 30px; }
#music-player { }


/*ABOUT PAGE STYLES*/

.about { float:right; width:350px; color:#fff; line-height: 150%; padding: 50px 50px 0 0; letter-spacing: 0.05em; }
.about h1 { background: transparent url(/images/about_05.gif) no-repeat 0 0; text-indent:-9999px; width:329px; height:66px; }

.rock { width:369px; float:left; padding: 50px 0 0 10px; }


/*LESSON PAGE STYLES - 761x20*/

.lessons { padding: 0 0 0 40px; margin:auto; overflow:hidden; }
.lessons h1 { background: transparent url(/images/lessons_01.gif) no-repeat 0 0; text-indent:-9999px; height:40px; margin: 40px 0 10px; }

.lessons_content { padding: 0 80px 0 0; }
.lessons_content p { line-height: 150%; letter-spacing: 0.02em; }
.lessons_content h2 { font-size:1.6em; color: #EBCDA6; margin-top: 1.5em; }
.lessons_content h3 { font-size:1.3em; color:#fff; margin: 1em 0; }


.lesson_wrapper{ margin:auto; overflow:hidden; font-size:14px; width:761px; }

.lesson_wrapper h2{
	background-image:url(/images/lessons_03.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
	width:315px;
	height:40px;
	margin: 40px 0 20px 0px;
}

.lesson_content { background: #967749 url(/images/lessons_22.jpg) no-repeat 0 0; width:761px; clear:both; }
.lesson_content h3 { font-size:30px; color:#fff; padding-top:20px; margin-left:20px; margin-top:0; }
.lesson_content h4 { font-size:20px; color:#fff; margin-left:20px; margin-top:0; }
.lesson_content p { margin:10px 0 0 20px; width:80%; }

.downloads { height: 50px; border-top: 1px solid #E6C396; }
.downloads li { list-style-image:url(/images/lessons_29.gif); font-size:22px; margin-left:10px; color:#fff; }
.downloads li a { color:#fff; }

.levelBeg, .levelInt, .levelAdv { font-weight: bold; color: #fff; }

.levelBeg, .levelInt, .levelAdv,
.levelBeginning, .levelIntermediate, .levelAdvanced { background: url(/admin/images/icon_difficulty.png) repeat-x 0 0; height: 16px; line-height: 16px; overflow: hidden; text-indent: -3000px; }
.levelBeg, .levelBeginning { width: 16px; }
.levelInt, .levelIntermediate { width: 32px; }
.levelAdv, .levelAdvanced { width: 48px; }

/* Contact page */

.contact { padding: 0 0 0 30px; }
.contact h1 { background: transparent url(/images/contact_h1_03.gif) no-repeat 0 0; height:49px; text-indent:-9999px; margin:40px 0; }
.contact_pic { background: transparent url(/images/contact_pic_03.jpg) no-repeat 0 0; position:absolute; top:0; left:420px; height:387px; width:357px; z-index:10; }

.contact_content { position:relative; }

.register_form{
	background:#967749 url(/images/lessons_22.jpg) no-repeat center top;
	width:310px; margin: 0 0 40px 0; padding: 10px 20px 20px 20px;

	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
}

.register_form p { margin: 0.5em 0 0.7em 0; }
.register_form .form-label-left { display: block; padding: 0; float: none; }

.register_txt { display:block; margin-left:20px; }
.register_p { margin:10px 0 0 20px; color: #552716; font-size: 18px; }

.submit_btn { margin: 20px 0 0 20px; }

.buttons_lg { }
.buttons_lg a { display: block; float: left; text-decoration: none; color: #fff; background: #66321F; padding: 5px 10px; margin: 10px 3px; border: 1px solid #3f1f13; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; text-shadow: 0 -1px 0 #000; }
.buttons_lg a:hover { background: #592C1B; }

.buttons_img { margin: 15px 0 15px 8em; }
#btnSubmit { cursor: pointer; }

/* Changes on the form */
.tbmain { background: none !important; }
.left { color: #552716 !important; font-size: 1.2em; }

.head { color:#333; font-size:20px; text-decoration:underline; }

.form-line { padding: 5px 0 !important; }
.form-label-left { display: block !important; float: none !important; }
span.required, .form-required { color: #fff !important; }
.form-textarea, .form-textbox { width: 190px; }
.form-buttons-wrapper { text-align: center; }
.form-button-error { width: auto; text-align: left; }

.pageinfo{ padding-right:5px; margin-bottom:15px; float:left; }
.text{ border: 1px solid #694D2C; }

/*THANK YOU PAGE*/
#thanks { text-align: center; }
#thanks h5 { font-size: 2em; }

/*TABS / GUITAR PRO PAGE */


.tabs { padding: 0 0 0 40px; }
.tabs h1 { background: transparent url(/images/tabs_h1_03.gif) no-repeat 0 0 !important; width:300px; height:49px; text-indent:-9999px; margin: 40px 0 10px 0; }

.tabs_content { padding: 0 80px 0 0; }
.tabs_content p { line-height: 150%; }
.tabs_content h2 { font-weight:bold; color: #fff; }
.tabs_content h4 { font-weight:bold; color: #fff; font-size:medium; }

.downloadsPublic { height: 50px; border-top: 1px solid #E6C396; }
.downloadsPublic li { list-style-image:url(/images/lessons_29.gif); font-size:22px; margin-left:10px; color:#fff; }
.downloadsPublic  li  a { color:#fff; }


/*TESTIMONIALS PAGE*/

.testimonials { padding: 0 40px; }
.testimonials h1 { background: transparent url(/images/testimonials_03.gif) no-repeat 0 0; height:45px; text-indent:-9999px; margin: 40px 0 10px 0; }

.add { color:#ffc; margin-left:40px; background: transparent url(/images/add.gif) no-repeat 0 0; text-indent:20px; display:block; width: 250px; }

.testimonials_content { width: 600px; color: #FAF1C9; border: 1px solid #3F1F13; margin: 0 auto 1em auto; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; }
.testimonials_content strong { color: #FAF1C9; font-weight: normal; }

.testimonials_content .name {
	color: #a8936e; background: #725532; 	padding: 8px 10px; font-weight: bold; margin: 0;
	text-shadow: 0 -1px 0 #3F1F13;
	-moz-border-radius-topleft: 7px; -webkit-border-top-left-radius: 7px; border-top-left-radius: 7px;
	-moz-border-radius-topright: 7px; -webkit-border-top-right-radius: 7px; border-top-right-radius: 7px;
}

.testimonials_content .subject { background: #89673D; padding: 7px 10px; margin: 0; font-family: Arial, Helvetica, sans-serif;
	-moz-border-radius-bottomleft: 7px; -webkit-border-bottom-left-radius: 7px; border-bottom-left-radius: 7px;
	-moz-border-radius-bottomright: 7px; -webkit-border-bottom-right-radius: 7px; border-bottom-right-radius: 7px;
}


.testimonial_form { background: #7C5D37; }
.testimonial_submit { text-align: right; padding: 5px 50px 5px 0; margin: 0 0 30px 0; background-color: #94774B; }
.testimonial_submit a { background: #94774B url(/images/lessons_29.gif) no-repeat 0 50%; font-size:1.4em; color:#fff; padding-left: 30px; }
.testimonial_submit a:hover { color: #ff0; }



/*
TESTIMONIAL TABLE - START
*/

#TESTtable  {
	font-family: Arial, Helvetica, sans-serif;
	border-collapse: collapse;
	margin: 0 auto;
}

#TESTtable th {
	font-weight: normal;
	color: #FFFFFF;
	background: #3F1F13;
	padding: 5px;
	text-align: left;
	border: 1px dotted #6D502F;
}

#TESTtable td {
	padding:5px;
	vertical-align: middle;
	border: 1px dotted #6D502F;
}


/*
TESTIMONIAL TABLE - END
*/


/*
TESTIMONIAL FORM - START

*/

#TESTform { margin: 15px; }
#TESTform input{ padding: 5px; border: 1px solid #3F1F13; font-size: small; width: 200px; background: #fff; color: #000; }
#TESTform select { font-size: medium; background: #fff; }

.TESTformTextarea { padding: 2px; border: 1px solid #3F1F13; width: 400px; background: #fff; color: #000; font: small Arial, Helvetica, sans-serif; }

/*
TESTIMONIAL FORM - END

*/


/* Lessons from Afar */

.lfa_float { float: right; clear: right; }
.lfa_center { margin: 0 auto !important; }
.lfa, .lfa2 {  }

.lfa { width: 178px; margin: 1em 30px; letter-spacing: 0 !important; text-align: center; }
.lfa2 { width: 178px; margin: 0 0 1em 30px; }
.get_skype { width: 174px; margin: 0 0 1em 30px; }

.lfa h3, .lfa2 h3 { margin: 0 20px; font-size: 1em !important; }
.lfa p, .lfa2 p { margin: 0; }
.lfa .skype, .lfa2 .skype { float: left; height: 60px; line-height: 60px;
	background: #fff;
	padding: 7px; margin: 7px;
	color: #7C5D37 !important;
	-moz-box-shadow: 0 2px 7px #000; -webkit-box-shadow: 0 2px 7px #000; box-shadow: 0 2px 7px #000;
	-moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px;
}
.lfa .whats_this { font: normal 0.8em/100% Arial, Helvetica, sans-serif; text-align: right; margin: 0 5px 0 0; }
.lfa a, .lfa2 a { font-size: 0.9em !important; font-style: italic; }

.get_skype { float: right; clear: right; text-align: center; }
.get_skype a { text-decoration: none; }
#skypedetectionswf { position: absolute; top: -5px; }

/* blog styles that are related to the overall theme */

.blog h1 {
	background: url("/images/header_blog.png") no-repeat scroll 0 0 transparent !important;
	height: 70px;
	margin: 30px 0 10px 30px;
	text-indent: -9999px;
	width: 817px;
}

.blog #main { padding-top: 0; }