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


/* GLOBAL */

html {
	margin: 0;
	padding: 0;
}

body {
	background: transparent URL("../img/bg_repeat.gif") repeat scroll 0 0;
	color: #363934;
    color: rgba(54,57,52,0.9);
	font-size: 100%;
	margin: 0;
	padding: 0;
	line-height: 1.5em;
	height: 100%;
	font-style: normal;
	font-weight: normal;
	font-family: 'futuralight' , arial, sans-serif;
}

body#popup {
	background: #f3f2f2;
	margin: 20px;
}

body#popup p, body#popup li {
	font-size: 0.875em;
}

a img {
	border: 0;
	cursor: pointer;
}

ul {
	list-style-type: none;
	margin:0;
	padding: 0;
}

.clearafter{
	height: 1em;
	clear: both;
}

.clearfooter {
	clear: both;
	height: 0.1em;
}

.col_right {
	float: right;
}

.col_left {
	float: left;
}


#header_gradient {
    background: -moz-linear-gradient(100% 100% 90deg, rgba(0, 0 , 0, 0.0), rgba(0, 0, 0, 0.4));
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0, 0 , 0, 0.4)), to(rgba(0, 0 , 0, 0.0)));
    height: 30px;
    left: 0;
    position: fixed;
    right: 0;
    top: 1.9375em;
    z-index: 90;
}


/* FONTS */

@font-face {
	font-family: 'BodoniBookItalic';
	src: url('../bodoni-webfont.eot');
	src: local('?'), url('../bodoni-webfont.woff') format('woff'), url('../bodoni-webfont.ttf') format('truetype'), url('../bodoni-webfont.svg#webfontNyOoKcMp') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'futurabook';
	src: url('../futura_book_bt-webfont.eot');
	src: local('?'), url('../futura_book_bt-webfont.woff') format('woff'), url('../futura_book_bt-webfont.ttf') format('truetype'), url('../futura_book_bt-webfont.svg#webfontZChWo0ZR') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'futuralight';
	src: url('../futural-webfont.eot');
	src: local('?'), url('../futural-webfont.woff') format('woff'), url('../futural-webfont.ttf') format('truetype'), url('../futural-webfont.svg#webfontvHEte4MT') format('svg');
	font-weight: normal;
	font-style: normal;
}




/* HEADER AND MAIN NAVIGATION BAR */

#header a.last {
	margin-right: 0;
	border-right: solid 1px #969796;
}

#nav li li a.last {
	padding-bottom: 1em;
	border: 0;
}

#header {
	background: transparent URL("../img/bg_header.gif") repeat-x scroll 0 0;
	color: #fff;
	height: 1.9375em;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 100;
	border-bottom: solid 1px #969796;
}

#masthead {
	width: 960px;
	margin: 0 auto;
	position: relative;
	height: 1px;
}

.flourish_left {
	background: URL("../img/flourish_left.png") no-repeat;
	width: 90px;
	height: 16px;
	position: absolute;
	top: 10px;
	right: 980px;
}

.flourish_right {
	background: URL("../img/right_flourish.png") no-repeat;
	position: absolute;
	width: 140px;
	height: 29px;
	top: 2px;
	left: 980px;
}

.flourish_center {
	background: URL("../img/flourish_center.png") no-repeat;
	position: absolute;
	width: 90px;
	height: 486px;
	left: 423px;
	top: 46px;
}

#nav, #nav ul {
	float: left;
}


#nav li {
	float: left;
	width: 14.296875em;
	border-left: solid 1px #969796;
}

#nav li li {
	border: 0;
}

#nav li ul {
	width: 14.296875em;
	position: absolute;
	left: -999em;
}

#nav li.home {
	width: 2.5em;
}

#nav li.home a {
	text-indent: -999em;
	background: url("../img/home_icon.png") no-repeat;
	width: 28px;
	height: 26px;
	margin: 2px 6px 3px 6px;
	padding: 0;
}

#nav a {
	font-family: 'BodoniBookItalic' , times, serif;
	display: block;
	color: #fff;
	text-decoration: none;
	padding: 0.375em 0;
	font-size: 1.125em;
	text-align: center;
	line-height: 1em;
}

#nav li li a {
	font-style: normal;
	font-weight: normal;
	font-family: 'futuralight' , arial, sans-serif;
	background: #252323;	
	background: rgba(37,35,35,0.9);	
	color: rgba(255,255,255,0.8);
	font-size: 1em;
	text-align: left;
	padding: 0.5em 0 0.5em 2.5em;
}

#nav li li a:hover {
	background: #252323;
}

#biography li#biolink a:link, #biography li#biolink a:visited, #demo_reel li#aslink li#demolink a:link, #demo_reel li#aslink li#demolink a:visited, #reviews li#aslink li#reviewslink a:link, #reviews li#aslink li#reviewslink a:visited, #albums li#aslink li#albumslink a:link, #albums li#aslink li#albumslink a:visited, #astestimonials li#aslink li#astestimonialslink a:link, #astestimonials li#aslink li#astestimonialslink a:visited, #media li#aslink li#medialink a:link, #media li#aslink li#medialink a:visited, #lessons li#milink li#lessonslink a:link, #lessons li#milink li#lessonslink a:visited, #articles li#milink li#articleslink a:link, #articles li#milink li#articleslink a:visited, #products li#milink li#productslink a:link, #products li#milink li#productslink a:visited, #mitestimonials li#milink li#mitestimonialslink a:link, #mitestimonials li#milink li#mitestimonialslink a:visited, #contact li#contactlink a:link, #contact li#contactlink a:visited, #demo_reel li#aslink, #reviews li#aslink, #albums li#aslink, #astestimonials li#aslink, #media li#aslink, #lessons li#milink, #articles li#milink, #products li#milink, #mitestimonials li#milink {
	background: #252323;
}

#home li.home {
	background: #252323;
}

#nav a:hover, ul a:focus {
	background: rgba(37,35,35,0.9);
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}

#nav li:hover {
	background: #252323;
}





/* CONTENT */


#main_container {
	width: 960px;
	margin: 1.9375em auto 15.812em auto;
	height: 100%;
	position: relative;
	text-shadow: 1px 1px 1px #888;
}

#main_container .content, #main_container .aside {
	float: left;
	margin-right: 20px;
}

.aside a:hover img.logo_aside {
	opacity: 0.9;
}


body #main_container .last {
	margin-right: 0;
}


#main_container .content {
	width: 470px;
}

#main_container .content h2, #main_container .content h3, body#popup h2, body#popup h3, .articles a {
	font-family: 'BodoniBookItalic' , times, serif;
	font-size: 1.5em;
	font-weight: normal;
}

#main_container .content h3, body#popup h3 {
	font-size: 1.1em;
	color: #565a54;
    	color: rgba(54,57,52,0.9);
}

.articles a {
	color: #22422c;
	font-size: 1.1em;
	padding-bottom: 0.1em;
	text-decoration: none;
}

.articles a:hover {
	border-bottom: solid 1px #22422c;
	background: #e6e4e4;
	background: rgba(0,0,0,0.1);
}

hr {
	border: dashed 1px #999;
}


#main_container .aside {
	width: 225px;
}

.aside .logo_aside {
	margin-top: 1em;
	width: 225px;
	height: 43px;
}

 #main_container .aside h1, body#popup h1 {
	font-family: 'BodoniBookItalic' , times, serif;
	font-size: 1.875em;
	font-weight: normal; 
	margin-top: 0.5em;
}

 #main_container .aside h1 img {
	margin-top: 0.5em;
	display: block;
}

#main_container .aside h2 {
	text-indent: -999em;
	background: url("../img/resume.png") no-repeat 0 0;
	width: 137px;
	height: 24px;
}

 #main_container .aside h3 {
	text-indent: -999em;
	background: url("../img/recent_news.png") no-repeat 0 0;
	width: 214px;
	height: 32px;
}

#main_container .aside h4 {
	text-indent: -999em;
	background: url("../img/newsletter.png") no-repeat 0 0;
	width: 213px;
	height: 35px;
}

#main_container .aside p {
	font-size: 0.875em;
	font-style:italic;
	font-family: arial, sans-serif;
}

ul#slider_news li {
	font-size: 0.75em;
	font-family: 'futurabook',arial,sans-serif;
}

ul#slider_news li span {
	color: #f6f6f6;
	font-weight: bold;
	font-size: 1.2em;
}

 p.intro {
	font-size: 1.125em;
	line-height: 1.4;
	font-family: 'BodoniBookItalic', 'times new roman' , serif;
	font-weight: normal;
}

p.intro span.drop, span.drop, .articles span.drop{
	display: inline;
	float: left;
	margin: 0;
	padding: .18em .1em 0 0;
	font-size: 3.2em;
	line-height: .4;
	font-family: 'BodoniBookItalic','times new roman', serif;
	color: #22422c
}

span.drop {
	font-size: 3.6em;
	line-height: .5;
}

.aside .aside_container {
	background: rgba(54,57,52,0.2);
	padding: 0 5px 5px;
}

.aside .resume {
	overflow: hidden;
	padding: 1em 5px;
	border: 1px solid #838585;
}

.main_info_box {
	width: 225px;
	height: auto;
}

.main_info_box p {
	font-size: 0.85em;
}

.main_info_box p i {
	font-size: 0.8em;
	font-family: arial, sans-serif;
}

.main_info_box a, #main_container a, body#popup a {
	color: #22422c;
}

.main_info_box a:hover, .main_info_box a:focus, #main_container a:hover, #main_container a:focus, body#popup a:hover, body#popup a:focus {
	text-decoration: none;
}

.main_info_box a img, .image_box img{
	border: solid 3px #fff;
	-moz-box-shadow: 3px 3px 3px #555;
	-webkit-box-shadow: 3px 3px 3px #555;
	box-shadow: 3px 3px 3px #555;
	-moz-transition: opacity 1s linear, box-shadow 1s linear;
 -webkit-transition: opacity 1s linear, box-shadow 1s linear;
 -o-transition: opacity 1s linear, box-shadow 1s linear;
 transition: opacity 1s linear, box-shadow 1s linear;
	cursor: pointer;
}

.main_info_box img {
	border: solid 3px #333;
	border: solid 3px rgba(0,0,0,0.2);
}

.main_info_box a:hover img, #image_box a:focus img{
	opacity: 0.9;
	-moz-box-shadow: 3px 3px 7px #22422c;
	-webkit-box-shadow: 3px 3px 7px #22422c;
	box-shadow: 3px 3px 7px #22422c;
}



.image_set a img{
	margin: 5px 5px 0 0;
	-moz-box-shadow: 3px 3px 3px #555;
	-webkit-box-shadow: 3px 3px 3px #555;
	box-shadow: 3px 3px 3px #555;
}

.sub_info {
	width: 108px;
	height: auto;
}

#main_container .sub_info a, #main_container .content a.text_button {
	font-size: 0.8em;
	color: #ccc;
    color: rgba(255,255,255,0.7);
	text-decoration: none;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
	background: #666;
	background:rgba(4,42,5,0.3);
	padding: 2px 4px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-moz-transition: color 0.5s linear, background 0.5s linear;
 	-webkit-transition: color 0.5s linear, background 0.5s linear;
	 -o-transition: color 0.5s linear, background 0.5s linear;
 	transition: color 0.5s linear, background 0.5s linear;
	
}

#main_container .sub_info a:hover, #main_container .sub_info a:focus, #main_container .sub_info a:active, #main_container .content a:hover.text_button, #main_container .content a:focus.text_button, #main_container .content a:active.text_button, #main_container .aside a:hover.text_button, #main_container .aside a:focus.text_button, #main_container .aside a:active.text_button {
	color: #fff;
	 color: rgba(255,255,255, 0.9);
	background: #333;
	background: rgba(0, 0, 0, 0.6);
}

#main_container .aside a.text_button {
	font-size: 0.8em;
	color: #ccc;
    color: rgba(255,255,255,0.7);
	background: #666;
	background:rgba(42,43,42,0.3);
	text-decoration: none;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
	padding: 2px 4px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-moz-transition: color 0.5s linear, background 0.5s linear;
 	-webkit-transition: color 0.5s linear, background 0.5s linear;
	 -o-transition: color 0.5s linear, background 0.5s linear;
 	transition: color 0.5s linear, background 0.5s linear;
}

img[src="../photos/kole_bio.jpg"] {
	float: left;
	padding-right: 0.5em;
	margin-top: 1em;
}



.media_container {
	margin-bottom: 1.5em;
}


/* INDEX */

#main_container .section {
	width: 460px;
	padding-top: 12px;
}

.audio_solutions a.logo {
	text-indent: -999em;
	background: url("../img/audio_solutions_logo.png") no-repeat 2px 0;
	height: 104px;
	width: 422px;
	display: block;
	padding: 0;
	margin: 0;
}

 .audio_solutions a:hover.logo, .audio_solutions a:focus.logo{
	background-position: 2px -107px;
}

.music_instruction a.logo {
	text-indent: -999em;
	background: url("../img/music_instruction_logo.png") no-repeat 0 0;
	height: 104px;
	width: 429px;
	display: block;
	padding: 0;
	margin: 0;
}

.music_instruction a:hover.logo, .music_instruction a:focus.logo{
	background-position: 0 -112px;
}


.audio_solutions p {
	padding-right: 1em;
}


#main_container .audio_solutions a.text_button, #main_container .music_instruction a.text_button {
	font-size: 1em;
	text-decoration: none;
	color: #ffffff;
	color: rgba(225,225,225,0.9);
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	padding: 4px;
	-moz-transition: background 1s linear;
 	-webkit-transition: background 1s linear;
 	-o-transition: background 1s linear;
 	transition: background 1s linear;
}

#main_container .audio_solutions a:hover.text_button{
	background: #363934;
	background: rgba(54,57,52,0.8);
	
}

#main_container .audio_solutions a.text_button {
	background: #999;
	background: rgba(54,57,52,0.4);	
}

#main_container .music_instruction a.text_button {
	background: #889c8f;
	background: rgba(34,66,44,0.4);
}

#main_container .music_instruction a:hover.text_button {
	background: #435d4b;
	background: rgba(34,66,44,0.8);
}

.primary {
	width: 225px;

}

.primary h2 {
	font-family: 'BodoniBookItalic' , times, serif;
	font-size: 1.875em;
	font-weight: normal;
	margin-bottom: 0.5em;

}

.primary ul {

}

.primary ul li {
	background: URL("../img/arrow.gif") no-repeat left center;
	color: #363934;
	padding-left: 20px;
	font-size: 1em;
	line-height: 2.25em;
	font-family: 'futurabook' , arial, sans-serif;
	margin-left: 5px;
}

.secondary {
	width: 223px;
	background: #ccc;
	background: rgba(54,57,52,0.1);
	border: 1px solid #888a87;
	border-radius: 16px;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	margin-top: 0.875em;

}

.audio_solutions .secondary h3 {
	text-indent: -999em;
	background: URL("../img/recent_projects.png") no-repeat top center;
	width: 180px;
	height: 23px;
	margin: 0.75em auto 1.75em auto;

}

.music_instruction .secondary h3 {
	background: URL("../img/testimonials.png") no-repeat top center;
	width: 126px;
	height: 19px;
	text-indent: -999em;
	margin: 0.75em auto 1.75em auto;

}

.secondary ul li span {
	font-family: 'futurabook' , arial, sans-serif;
	font-weight: bold;
}

.secondary ul li {
	font-size: 0.75em;
	font-family: 'futuralight' , arial, sans-serif;
	margin: 0;

}

.secondary ul li img {
	display: block;
	-webkit-box-shadow: 1px 1px 5px #666;
	-moz-box-shadow: 1px 1px 5px #666;
}

ul#slider_recent_projects li a, ul#slider_testimonials li a {
	font-size: 0.875em;
	text-decoration: underline;
	font-family: 'futurabook' , arial, sans-serif;
	color: #363934;
}

ul#slider_testimonials, ul#slider_testimonials li a {
	color: #22422c;
}



/* FOOTER */

#footer {
	background: transparent URL("../img/bg_footer.gif") repeat-x scroll 0 0;
	height: 300px;
	left: 0;
	bottom: 0;
	padding: 0;
	width: 100%;
	z-index: 1;
}

#footer_container {
	width: 960px;
	margin: 0 auto;
	height: 300px;
}

#footer h4 {
	margin: 0.5em 0 0.4em 0;
	font-family: 'BodoniBookItalic' , times, serif;
	font-size: 1.4em;
	font-weight: normal;
}

#footer .section {
	float: left;
	width: 235px;
	margin-left: 10px;
	display: inline;
}


#footer .section li a, #footer .section li a:visited, #footer .section li a:active {
	line-height: 1.8em;
	font-family: 'futurabook' , arial, sans-serif;
	font-size: 0.875em;
	text-decoration: underline;
	color: #363934;
	background: transparent;
}

#footer .section li a.active {
	text-decoration: none;
	color: rgba(54,57,52,0.8);
}

#footer .section li a:hover, #footer .section li a:focus {
	text-decoration: none;
}	

#footer .first {
	margin: 0;
	width: 225px;
}

#footer img {
	display: inline-block;
	padding-right: 7px;
	float: left;
	margin-top: 5px;
}



/* CONTACT FORMS */

.contact_form p {
	margin: 0;
}

Input[type="text"]:focus, textarea:focus {
	background: #f5f5f5;
}

input[type="text"], textarea {
	border-top: 2px solid #666;
	border-left: 2px solid #666;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

.contact_form fieldset {
	border: 0;
	padding-left: 0;
	margin-left: 0;
}

.contact_form label {
	font-size: 0.875em;
	padding: 0;
	font-family: 'futurabook' , arial, sans-serif;
	color: #363934;
	float: left;
	margin-bottom: 10px;
}

.aside .contact_form input, #footer input  {
	width: 140px;
	margin: 0 6px 10px 0;
	padding: 2px 0;
	float: right;
}


.content .contact_form fieldset {
	border: solid 1px #fff;
	margin: 1em 0;
	padding: 1em;
}

 .content .contact_form input {
	margin: 0 160px 10px 0;	
	width: 20em;
	float: right;
	padding: 2px 0;
}
.content .contact_form textarea {
	width: 100%;
	height: 15em;
	float: left;
	margin: 0 ;
	padding: 0;
}

#main_container label.error, #footer label.error{
	color: #990000;
	float: none;
	margin-left: 4em;
}

#footer label.error {
  margin-left: 1em;
  font-size: 0.7em;
}

#main_container .aside label.error {
  margin-left: 1.3em;
  font-size: 0.7em;
}

.content .contact_form label {
	font-size: 0.875em;
	font-family: 'futurabook' , arial, sans-serif;
	color: #363934;
	display: block;
	float: left;
}

#main_container input[type="submit"], #footer input[type="submit"] {
	width: 8em;
	float: none;
	margin: 1em 0 0 0;
}


#footer input {
	margin: 0 15px 10px 0;	
	width: 150px;
}
#footer textarea {
	width: 16em;
	height: 3em;
	margin: 0 ;
	padding: 0;
	float: left;
}

#footer h4 span{
  font-size: 0.625em;
}

.aside_container p span {
	font-size: .8em;
}

.notification_error
{
border: 1px solid #901505;
height: auto;
padding: 4px;
background: rgba(144,21,5,0.1);
text-align: left;

}

.notification_ok
{
border: 1px #22422c solid;
height: auto;
padding: 8px;
background: rgba(34,66,44,0.1);
text-align: center;
}