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

@font-face {
	font-family:'font/ArialRoundedMTBold-Regular';
	src: url('font/ArialRoundedMTBold_gdi.eot');
	src: url('font/ArialRoundedMTBold_gdi.eot?#iefix') format('embedded-opentype'),
		url('font/ArialRoundedMTBold_gdi.woff') format('woff'),
		url('font/ArialRoundedMTBold_gdi.ttf') format('truetype'),
		url('font/ArialRoundedMTBold_gdi.otf') format('opentype'),
		url('font/ArialRoundedMTBold_gdi.svg#ArialRoundedMTBold-Regular') format('svg');
	font-weight: 400;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+0020-25CA;
}


@font-face {
	font-family:'font/CenturyGothic-Regular';
	src: url('font/CenturyGothic_gdi.eot');
	src: url('font/CenturyGothic_gdi.eot?#iefix') format('embedded-opentype'),
		url('font/CenturyGothic_gdi.woff') format('woff'),
		url('font/CenturyGothic_gdi.ttf') format('truetype'),
		url('font/CenturyGothic_gdi.otf') format('opentype'),
		url('font/CenturyGothic_gdi.svg#CenturyGothic-Regular') format('svg');
	font-weight: 400;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+0020-F108;
}



body {
 
font-family:"Century Gothic";
font-size:18px;
font-weight:bold;
color:#034d70;
margin:0px;
padding:0px;
}

 
  

.clear {
	clear:both;
}

p {
text-align:justify;
font-size:18px;
line-height:26px;
margin:0px 0px 15px 0px;
}

.main_container {
width:96%;
max-width:1008px;
margin:10px auto 0px auto;
position:relative;
}


.header {
width:100%;
}

.logo {
float:left;
width:223px;
}

.logo img{
	width:100%;
	max-width:223px;
}

.follow {
float:right;
margin-top:40px;
text-align:right;
line-height:40px;
}

.followtext {
text-align:right;
font-size:22px;
font-family:"Arial Rounded MT Bold";
color:#314a87;
font-weight:bold;
}

.button {
background:url(../images/navback.jpg) repeat-x;
height:40px;
padding:5px 0px;
margin:10px 0px;
}

.content_wraper {
background:url(../images/backcon.png);	
width:96%;
max-width:978px;
margin:10px auto;
padding:15px;
border-radius:10px;
}

.content_wraper h1 {
background: #f6f6f6;
font-size:30px;
font-weight:bold;
height:auto;
padding-left:15px;
padding-top:2px;
margin-bottom:15px;
box-shadow: 1px 1px 3px 0 #666666;
}

.content_wraper h2 {
font-size:24px;
background:#01586e url(../images/book.png) no-repeat 8px 8px;
padding:8px 0px 8px 60px;
font-weight:normal;
color:#ffffff;
margin:15px 0px 10px 0px;
}

.fea {
    display:block;
	float:none;
	width:100%;
	margin:5px 0px 0px 0px;
	padding-left:40px;
	font-size:18px;
    font-weight:bold;
	background:url(../images/arrow.png) no-repeat 0px 2px;

}


.feedback {
background:url(../images/feedback.png) no-repeat 10px 8px #f6f6f6;
font-size:26px;
font-weight:bold;
padding-left:55px;
padding-top:8px;
padding-bottom:8px;
margin-bottom:15px;
box-shadow: 1px 1px 3px 0 #666666;
}

.contact {
background:url(../images/contact%27.png) no-repeat 10px 8px #f6f6f6;
font-size:26px;
font-weight:bold;
padding-left:55px;
padding-top:8px;
padding-bottom:8px;
margin-bottom:15px;
box-shadow: 1px 1px 3px 0 #666666;
}

.team {
background:url(../images/team.png) no-repeat 10px 8px #f6f6f6;
font-size:26px;
font-weight:bold;
padding-left:70px;
padding-top:8px;
padding-bottom:8px;
margin-bottom:15px;
box-shadow: 1px 1px 3px 0 #666666;
}

.about {
background:url(../images/abouticon.png) no-repeat 10px 8px #f6f6f6;
font-size:26px;
font-weight:bold;
padding-left:55px;
padding-top:8px;
padding-bottom:8px;
margin-bottom:15px;
box-shadow: 1px 1px 3px 0 #666666;
}

.team_photo {
float:left;
width:164px;
margin-right:15px;
}

.toppers {
background:url(../images/toppers.png) no-repeat 10px 8px #f6f6f6;
font-size:26px;
font-weight:bold;
 
padding-left:65px;
padding-top:8px;
padding-bottom:8px;
margin-bottom:15px;
box-shadow: 1px 1px 3px 0 #666666;
}

.text {
font-style:italic;
color:#09F;
float:right;
}

.text2 {
color:#3295d0;
font-size:20px;
margin-bottom:10px;
text-decoration:underline;
}
 
.line {
border:1px dashed #09F;
} 

.box {
float:left;
width:100%;
max-width:320px;
}

.box1 {
float:left;
width:100%;
max-width:193px;
margin-bottom:20px;
}

.divider {
float:left;
width:35px;
}

.box .form {
height:20px;
width:96%;
max-width:300px;
background:#f4f4f4;
border:2px solid #cacaca;
margin-top:3px;
margin-bottom:3px;
}

.box .texar {
width:96%;
max-width:300px;
height:80px;
background:#f4f4f4;
border:2px solid #cacaca;
margin-top:3px;
margin-bottom:3px;
}

.box .btn {
background:#666;
border-radius:6px;
padding:5px;
font-size:16px;
font-weight:bold;
border:2px solid #FFF;
cursor:pointer;
color:#FFF;
margin:10px 5px 3px 0px;
}

footer {
color:#FFF;
font-size:14px;
text-align:center;
font-weight:normal;
}

.footer_back {
background:url(../images/navback.jpg) repeat-x #2b86b2;
 
 
padding:8px;
}

footer a {
color:#FFF;
text-decoration:none;
}

@media screen and (max-width: 800px) {
.logo {
float:none;
margin:0px auto;
width:180px;
}

.logo img{
	width:100%;
	max-width:180px;
}

.follow {
float:none;
margin:10px auto 0px auto;
font-size:16px;
text-align:center;
line-height:40px;
}

.followtext {
text-align:center;
}

p {
font-size:16px;
text-align:left;
}
 
.team_photo {
float:none;
margin:0px auto;
} 

.divider {
float:none;
width:0px;
}

.box1 {
float:left;
width:50%;
margin-left:20px;
}



}