@charset "utf-8";
/* CSS Document */
*{ margin:0px; padding:0px; border:0px;}

body{color:#666; font-family:'Open Sans', Arial, Helvetica, sans-serif; font-size:13px; line-height:19px;}

img{max-width:100%; width:auto;height:auto}
.clear{clear:both}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(http://themes.googleusercontent.com/static/fonts/opensans/v8/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}


@font-face {
	font-family: 'Conv_gothic';
	src: url('../fonts/gothic.eot');
	src: local('☺'), url('../fonts/gothic.woff') format('woff'), url('../fonts/gothic.ttf') format('truetype'), url('../fonts/gothic.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


/*---------------------------- Common Classes --------------------*/
h1{ font-size:18px; line-height:22px;}
h1 strong{color:#4BB5DF}

h2{font-size:25px; line-height:38px; font-weight:normal; }
h3{font-size:18px; line-height:34px; font-weight:normal;}
h4{ font-size:14px; line-height:24px;}

.center{width:1100px; max-width:98%;	margin: 0 auto;}

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

/* ------------------- Header ------------------ */
#tophead{width:98%; float:left; padding:1% 1% 0% 1%; }
#tophead .right{float:right; width:200px; max-width:96%; padding:4px 10px; background-color:#fff; font-size:18px; line-height:30px;
box-shadow: inset 0 0 2px #666;  border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; }
#tophead .right p{width:100%; float:left;}
#tophead .right p img{float:left;}


/* ----------- Video Section ------------- */
#videosection{width:100%; float:left;  margin-bottom:1%;}
#videosection .left{width:66%; float:left; background-color:#098012; padding:1%; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px;}
#videosection .right{width:28%; float:right; text-align:center; font-family: 'Conv_gothic'; text-align:left; padding:1%; background-color:#315CDE; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px;}

#videosection .add1, #videosection .add2{/*border:4px solid #000; border-radius:3px;*/}
#videosection .add1{margin-bottom:4%;}

.shadow{width:100%; float:left; text-align:center;}

#mainpage{width:100%; float:left; margin:1% 0%;}
#mainpage .left{width:67%; float:left;   font-size:14px; color:#fff; line-height:22px;}

#mainpage .right{width:30%; float:right; text-align:right;}
 #mainpage .right img{margin-bottom:1%;}


/* ------------------ Form ----------------- */
input, textarea, select{border:1px solid #CCC; padding:4px 3px;}
.submit{background-color:#f7f7f7; border:1px solid #ccc; border-radius:6px; cursor:pointer;}

 
 /* -------------- Footer ------------------- */

 #footer{width:98%; float:left; padding:1%; background-color:#FFBE22; text-align:center; margin-bottom:1%; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; }
 
  #footer .links a{font-family: 'Conv_gothic'; font-size:16px; color:#000; padding:2px 6px; font-weight:bold; line-height:22px;}
  #footer .links a:hover{color:#FC0F0F; text-decoration:none;}
 #footer span{line-height:20px; color:#000;} 


@media screen and (min-width: 0px) and (max-width:790px) {
	#tophead .logo{width:100%; float:left; text-align:center;}
	#tophead .right{width:98%; float:left; font-size:15px; line-height:20px; margin-bottom:2%;}
	#tophead .right p{width:50%;}
	#tophead .right p img{width:25px;}
}

@media screen and (min-width: 0px) and (max-width:700px) {
#mainpage .left{width:98%; padding:1%;}
#mainpage .right{width:98%; float:left; text-align:left; margin-top:2%;}
#mainpage .right img{width:46%; margin-right:1%; }


#videosection{margin-top:1%;}	
#videosection .left{width:98%; float:left;}
#videosection .right{width:96%; float:left; margin-top:1%; padding:2%;}
#videosection .add1{width:47%; border:3px solid #000; float:left; }
#videosection .add2{width:47%; border:3px solid #000; float:right; }

#videosection .add1{margin-bottom:0%;}

	}
	@media screen and (min-width: 0px) and (max-width: 360px) {
		#tophead .right{width:92%; float:left;}
	#tophead .right p{width:100%; float:left;}
	}

.heading
{
	font-size:26px;
	color:#000;
	font-weight:bold;
	padding-bottom:1%;
	padding-left:2%;
	float:left;
}