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


*{ margin:0px; padding:0px;}

body{
	background:#fff;
	font-family: 'Roboto', sans-serif;
	font-size:14px;
	color:#666;
	line-height:24px;}

.clear{
	width:100%;
	height:10px;
	float:left;}
.contbox{
	width:100%;
	height:auto;
	float:left;}
#wrapper{
	width:980px;
	height:auto;
	margin:10px auto;}
#header{
	width:980px;
	height:auto;
	float:left;}
.logo{
	float:left;
	width:218px;
	height:52px;}
.top-social{
	width:251px;
	height:auto;
	float:right;
	margin-top:10px;}
.top-social ul{
	margin:0px; 
	padding:0px;}
.top-social li{
	list-style-type:none;
	float:left;
	padding:0px 3px 0px 3px;}
	
.top-social span{
		float: left;
margin-right: 10px;
margin-top: 4px;
font-weight: bold;}

#banner{
	width:100%;
	height:510px;
	float:left;
	background:url(../images/banner-bord.jpg) repeat-x bottom ;}

#banner2{
	width:100%;
	height:323px;
	float:left;
	background:url(../images/banner-bord.jpg) repeat-x bottom ;}	
.banner-inner{
	width:100%;
	height:auto;

	max-width:1600px; margin:0px auto;}
.banner-inner img{	
width: auto;
height: 317px;
max-width: 100%;
vertical-align: middle;
border: 0;
-ms-interpolation-mode: bicubic;
position:relative;
margin-top:-39px;
z-index:-1;
}
.head-strip{
	width:100%;
	height:auto;
	float:left;
	background: url(../images/head-strip.png) repeat-x;
	padding-bottom:10px;}
.head-strip h1{
	font-weight:bold;
	font-style:italic;
	color:#fff;
	font-size:18px;
	line-height:20px;
	float:right;}
#navigation{
	width:980px;
	height:auto;
	float:left;
	background: url(../images/nav-mid.jpg) repeat-x;
	border: 1px solid #e4e4e4;
	border-top:0px;
	-moz-border-radius: 0px 0px 6px 6px;
-khtml-border-radius: 0px 0px 6px 6px;
-webkit-border-radius: 0px 0px 6px 6px ;
border-radius: 0px 0px 6px 6px;
line-height:20px;}
#navigation ul{
	margin:0px 0px 0px 38px; padding:0px;}
#navigation li{ list-style-type:none;
padding:0px 0px 0px 12px;
background:url(../images/nav-btn.png) no-repeat;
float:left;
height:74px;}

#navigation a{
	text-decoration:none;
	float:left;
padding:17px 21px 29px 21px;
	text-transform:uppercase;
	background:url(../images/nav-mid.jpg) repeat-x;
	font-size:12px;
	font-weight:bold;
	color:#666;}
#navigation a:hover, #navigation .select{
	text-decoration:none;
	float:left;
padding:26px 21px 29px 21px;
	font-size:12px;
	font-weight:bold;
		text-transform:uppercase;
			background:url(../images/nav-mid.jpg) repeat-x 0px 2px;
		color:#000;
	}
.cont-txt{
	width:980px;
	height:auto;
	float:left;
	text-align:center;
	color:#000;
	font-size:30px;
	line-height:40px;
	padding:20px 0px;
	background:url(../images/shadow.jpg) no-repeat bottom;}
.large-cont{
	font-size:46px; font-weight:bold;}
	.small-cont{
	font-size:24px; font-weight:normal;}
.box-wrap{
	width:668px;
	height:auto;
	float:left;}
.box-founder{
	width:300px;
	height:auto;
	float:left;
	border:1px solid #e5e5e5;
	padding:10px;
	margin:0px 6px;
	-moz-border-radius: 6px;
-khtml-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;

}

.box-founder img{
	float:left;
	margin:0px 10px 0px 0px;}
.box-founder .txt{
	float: left;
	font-size:13px;
	width:214px;}

.box-contact{
	width:270px;
	height:auto;
	float:left;
	border:1px solid #e5e5e5;
	padding:10px;
	margin:0px 6px;
	-moz-border-radius: 6px;
-khtml-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;

}	

#footer{
	width:100%;
	height:170px;
	float:left;
	background: url(../images/footbg.jpg) repeat-x;}
.footer-left{
	width:557px;
	height:auto;
	float:left;
	}
.footer-nav{
	float:left;
	width:557px;
	height:auto;
	}
.footer-nav li{
	list-style-type:none;
	float:left;
	padding:0px 3px 0px 3px;
		color:#d5d5d5;
	font-size:12px;
	}
.footer-nav a{
	text-decoration:none;
	float:left;
	color:#d5d5d5;
	font-size:12px;
	text-transform:uppercase;
	}
.footer-nav a:hover, .footer-nav .select{
	text-decoration:none;
	float:left;
	color:#999;
	font-size:12px;
	text-transform:uppercase;
	}
.copyright{
	color:#999; float:left;
	width:510px;
	margin-top:5px;

	font-size:13px;}
.foot-left2{
	width:376px;
	height:auto;
	float:right;}
.foot-social{
	width:170px;
	height:auto;
	float:left;


	}
.foot-social li{
	list-style-type:none;
	float:left;
	padding:0px 5px 0px 5px;}
.foot-cont{
	width:365px;
	height:auto;
	float:left;
	margin-left:15px;
	font-size:13px;
	color:#999;
	font-weight:bold;}
.email{
	float:left;
	color:#fff;
	font-weight:normal;
	}
.email a{
	text-decoration:none; color:#fff;}
.email a:hover{
	text-decoration: underline; color:#fff;}
.drumset{
	width:480px;
	height:300px;
	float:right;
	margin:-248px -132px 0px 0px;
}
.drumset img{
	width: auto;
height: auto;
max-width: 100%;
vertical-align: middle;
border: 0;
-ms-interpolation-mode: bicubic;}
.guitar {
width: 448px;
height: 384px;
float: right;
margin: -310px -69px 0px 0px;
}
.bongos {
width: 480px;
height: 243px;
float: right;
margin: -175px -69px 0px 0px;
}
.plano{
width: 474px;
height: 323px;
float: right;
margin: -248px -69px 0px 0px;
}
.instrument{
width: 469px;
height: 283px;
float: right;
margin: -207px -80px 0px 0px;
}
#container{
	width:980px;
	height:auto;
	float:left;
	min-height:595px;}
.quick-contact{
	width:280px;
	height:auto;
	min-height:500px;
	float:right;
/*background: #a2a2a2; /* Old browsers 
background: -moz-linear-gradient(top,  #a2a2a2 0%, #ffffff 100%); /* FF3.6+ 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a2a2a2), color-stop(100%,#ffffff)); /* Chrome,Safari4+ 
background: -webkit-linear-gradient(top,  #a2a2a2 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ 
background: -o-linear-gradient(top,  #a2a2a2 0%,#ffffff 100%); /* Opera 11.10+ 
background: -ms-linear-gradient(top,  #a2a2a2 0%,#ffffff 100%); /* IE10+ 
background: linear-gradient(to bottom,  #a2a2a2 0%,#ffffff 100%); /* W3C 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a2a2a2', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 
*/
	-moz-border-radius: 6px;
-khtml-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
	padding:20px;}
.quick-contact h1{
	font-size:30px;
	font-style:italic;
	font-weight: bold;
	color:#fff;}
	
.textbox {
border: 1px solid rgba(255, 255, 255, 0.2);
width: 265px;
padding: 8px 0px 8px 10px;
float: left;
color: #fff;
outline: none;
font-family:'Roboto', sans-serif;
font-size: 12px;
margin-top: 20px;
background: url(../images/bg-txt.png) repeat;
}
.areabox{
	border: 1px solid rgba(255, 255, 255, 0.2);
	padding: 8px 0px 8px 10px;
float: left;
color: #fff;
background: url(../images/bg-txt.png) repeat;
width: 265px;
height:108px;
outline:none;
font-size: 12px;
font-family:'Roboto', sans-serif;
margin-top: 20px;
	}
.button input {
float: left;
background-color: #000;
padding: 6px 20px 8px 20px;
color: #fff;
font-size: 12px;
font-weight:bold;
text-decoration: none;
cursor: pointer;
outline: none;
border:1px solid rgba(255, 255, 255, 0.2);
margin-top: 20px;
}
.button:hover input{ color:#666;}
.leftside-cont{
	width:640px;
	height:auto;
	float: left;}
.left-headstrip{
	width:610px;
	height:auto;
	float:left;
	padding: 8px 15px 8px 15px;
	background:#000;
	font-size:14px;
	color:#fff;}
.profile{
	width:640px;
	height:auto;
	float: left;}
	.profile b{
		font-weight:bold; margin:10px 10px 8px 20px; font-size:13px;
	color:#0069c7;}
.profile li{
	list-style-type:none;
	float:left;
border-bottom: 1px solid #e5e5e5;
padding: 5px 0px 5px 35px;
width: 604px;
background: url(../images/profile-li.jpg) no-repeat 19px 13px;}
.infra{
	width:640px;
	height:auto;
	float: left;}
	.infra b{
		font-weight:bold;}
	.green{
		color:#0C9;}
.infra li{
	list-style-type:none;
	float:left;
padding: 5px 0px 5px 35px;
background: url(../images/profile-li.jpg) no-repeat 19px 13px;}
.course{
	float:left;
	width:610px;
	height:auto;
	padding:0px 15px;}
.course li{
	list-style-type: none;
	padding: 10px 0px 10px 19px;
	background: url(../images/profile-li.jpg) no-repeat 1px 18px;}
.course li ul{ margin-left:20px;}	
.course li ul li{
	list-style-type: circle;
	padding: 10px 0px 10px 5px;
	background:none;}
.course h1{
	text-transform:uppercase;
	font-weight:bold;
	font-size:13px;
	color:#0069c7;
}
.course b{
	font-weight:bold;
	margin:5px 0px;}
.course td{
	padding:5px;
	background:#efeded;
	text-align:center;}
.course .main{
	padding:5px;
	background:#4c4c4c;
	text-align:center;
	color:#fff;}
.leftside-cont a{
	text-decoration:none;
	font-weight:bold;
	color:#666;
	}
.leftside-cont a:hover{
	color:#0069c7;}
.map{
	padding:3px;
	border:1px solid #dfdfdf;
	float:left;}
.snap-logo{
	float:left;
	margin-right:10px;
	border:1px solid #dfdfdf;
	padding:2px;}
.snap-logo2{
	float:left;
	margin-right:10px;
	border:1px solid #dfdfdf;
	padding:15px;}
.director-box{
float: left;
width: 491px;
height: auto;
}
.director-box .box-founder{
	width: 324px;
	float:right;
margin-top: 0px;
padding-left: 4px;
padding-right: 17px;
}
.director-box .black{ color:#000;}
.director-box img{
	float: left;
margin: -95px 0px -20px -20px;}
.deputy-box{
float: right;
width: 471px;
height: auto;
}
.deputy-box .box-founder{
	width: 233px;
	float:left;
margin-left: 40px;
padding-left: 17px;}
.deputy-box .black{ color:#000;}
.deputy-box img{
	float: right;
margin: -125px -30px -33px 0px;}
/* 2013.12.03 for enq form captcha */
.txtcaptcha {
border: 1px solid rgba(255, 255, 255, 0.2);
width: 153px;
padding: 8px 0px 8px 10px;
float: left;
color: #fff;
outline: none;
font-family: 'Roboto', sans-serif;
font-size: 12px;
margin-top: 20px;
background: url(../images/bg-txt.png) repeat;
}
/* 2013.12.03 for enq form captcha ends */

div#site_modal2 {
    display: none;
}