@charset "utf-8";
/* CSS Document */
@import url(http://fonts.googleapis.com/css?family=Exo+2:400,600,700);
/*font-family: 'Exo 2', sans-serif;*/

html,body{ height:100%; width:100%; margin:0px; padding:0px;}
body{ font-family:Arial,Helvetica,sans-serif; font-size:15px; line-height:23px; color:#4b4b4b; background:#f4f4f4 url(../images/back.png) no-repeat center 100px; }
.clr{ clear:both;}
header,foooter,article,section,aside,nav,figure{ display:block;}
span.hide{position:absolute;left:-9999em;visibility: hidden; display:none; overflow:hidden;}


ul{ list-style:none; margin:0px; padding:0px;}
.fleft{ float:left;}
.fright{ float:right;}
a img{ border:none;}
img{ max-width:100%; display:block;}
figure{ margin:0px; display:inline-block;}

a{
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
}

h1{ font-family: 'Exo 2', sans-serif; color:#FFF; margin:0px; font-size:35px; font-weight:normal; text-transform:uppercase; text-align:center; line-height:70px;  }

h2{ font:bold 30px Georgia, "Times New Roman", Times, serif; color:#a74c00; margin:10px 0px 0px 0px;}
h2 span{ color:#321358; font-family:Arial, Helvetica, sans-serif;}
h3{ font:normal 18px Arial, Helvetica, sans-serif; color:#00A7FD; margin:15px 0px 0px 0px;}
h4{ font:normal 23px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#3F3F3F; margin:10px 0px 25px 0px;}
h5{ font:bold 14px Arial, Helvetica, sans-serif; color:#1F1F1F; margin:0px 0px;}

.aligner{ max-width:980px; margin:0px auto;}

header{ background:#403152;}
.logo{ float:left;}
.navholder{ background:#a84c01; border-top:3px solid  #1d0040;}


.main-nav{font-family: 'Exo 2', sans-serif;text-transform:uppercase; font-size:16px; }
.main-nav ul li{ border-right:1px solid #1d0040; display:inline-block; position:relative; float:left;}
.main-nav ul li a{color:#ffcb9f;padding:12px 25px; display:block; text-decoration:none;}
.main-nav ul li a:hover,.main-nav ul li:hover a,.main-nav ul li.current_page_item a{color:#FFF; background:#1d0040;}

.main-nav ul li ul{ display:none; position:absolute; top:48px; left:0px;}
.main-nav ul li:hover ul{ display:block;}
.main-nav ul li ul li{ display:block; width:150px; border-right:none;}
.main-nav ul li ul li a{ padding:10px 15px; background:#23c0ed;}
.main-nav ul li ul li a:hover{ background:#0091bb}
.menu a#responsive_menu_button {
  display: none;
}
.main-nav #responsive_current_menu_item {
  display: none;
}
/* =Primary Main Menu IE Fixes
-------------------------------------------------------------- */
.ie7 .menu ul {
  background: url(core/images/ie7-fix.gif) repeat;
}
.ie7 .menu li li a {
  min-width: 100%;
}




.banner{ margin:0px auto;background:#FFF /*url(../images/shadow.png) no-repeat center bottom*/; padding: 0px; max-width:980px; }
.banners{ background:#FFF; padding:10px;}

.content{ margin:0px auto; max-width:940px; padding:20px; background:#FFF;}

.highlight_txt{ font:normal 20px "Trebuchet MS", Arial, Helvetica, sans-serif; font-style:italic;}

.objective_block{ background:url(../images/model.png) no-repeat left top; padding:0px 0px 0px 200px;}
ul.objective{ margin-bottom:20px;}
ul.objective li{ margin:10px 0px; background:url(../images/tick.png) no-repeat left top; padding:0px 0px 0px 55px; font-size:16px; color:#5F5F5F;}

.mission{ width:48%; float:left;}
.mission_block{ margin:0px 0px 10px 0px; background:#403152; padding:3%; color:#FFF;}
.mission_block h3{ margin:0px; font:bold 19px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFF; text-transform:uppercase;}
.mission_block p{ margin:5px 0px; line-height:20px;}
.corevalues{ width:48%; float:right; background:#a74c00; padding:1.5%;color:#FFF;}
.corevalues h3{ margin:0px; font:bold 19px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFF; text-transform:uppercase;}
.corevalues p{ margin:5px 0px;}
.corevalues ul li{ background:url(../images/star.png) no-repeat left 2px; padding:0px 0px 0px 25px; margin:3px 0px; font-size:15px;}

.services{ margin-bottom:25px;}
.services:last-child{ margin-bottom:0px;}
h3{  color:#a74c00;font-family: 'Exo 2', sans-serif; font-size:25px;}
.services p{ margin:10px 0px;}
.services ul li{ margin:5px 0px; color:#383838; font:normal 15px "Trebuchet MS", Arial, Helvetica, sans-serif; padding:0px 0px 0px 20px; background:url(../images/arrow.png) no-repeat left 5px; font-style:italic;}

.address{ line-height:30px !important; margin:5px 0px; padding:0px 0px 0px 40px; background:url(../images/address.png) no-repeat left center;}
.email{ line-height:28px !important; margin:5px 0px; padding:0px 0px 0px 40px; background:url(../images/mail.png) no-repeat left center;}
.phone{ line-height:30px !important; margin:5px 0px; padding:0px 0px 0px 40px; background:url(../images/call.png) no-repeat left center; font-weight:bold; font-size:18px; color:#f2e7ff;}
.email a{ text-decoration:none;color:#c28fff;}
.email a:hover{ text-decoration:underline; color:#FFF;}

.one_third{ width:31.3%; margin:1%; float:left;}
.two_third{ width:64.6%; margin:1%; float:left;}
.half{ width:48%; margin:1%; float:left;}
.full{ width:98%; margin:1%;}

textarea,input{ font-family:Arial,Helvetica,sans-serif; font-size:13px; color:#3A3A3A;}
.txtboxx,.txtboxx2{ background:#FFF; border:1px solid #DFDFDF; width:98%; padding:6px 1%;}
.txtarea{  height:100px;}
.btnn{ font:normal 21px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFF; padding:2px 15px; display:inline-block; border:1px solid #8a3f00; cursor:pointer;
-webkit-border-radius: 3px;border-radius: 3px;
background: #f2825b; /* Old browsers */
background: -moz-linear-gradient(top,  #f2825b 0%, #e55b2b 50%, #f07146 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2825b), color-stop(50%,#e55b2b), color-stop(100%,#f07146)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f2825b 0%,#e55b2b 50%,#f07146 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f2825b 0%,#e55b2b 50%,#f07146 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f2825b 0%,#e55b2b 50%,#f07146 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f2825b 0%,#e55b2b 50%,#f07146 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2825b', endColorstr='#f07146',GradientType=0 ); /* IE6-9 */
}
.btnn:hover{
	background: #feccb1; /* Old browsers */
background: -moz-linear-gradient(top,  #feccb1 0%, #f17432 50%, #ea5507 51%, #fb955e 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#feccb1), color-stop(50%,#f17432), color-stop(51%,#ea5507), color-stop(100%,#fb955e)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #feccb1 0%,#f17432 50%,#ea5507 51%,#fb955e 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #feccb1 0%,#f17432 50%,#ea5507 51%,#fb955e 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #feccb1 0%,#f17432 50%,#ea5507 51%,#fb955e 100%); /* IE10+ */
background: linear-gradient(to bottom,  #feccb1 0%,#f17432 50%,#ea5507 51%,#fb955e 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feccb1', endColorstr='#fb955e',GradientType=0 ); /* IE6-9 */
}



footer{ background:#403152 ;font-size:11px; margin:0; padding:0px 0px 20px 0px;}
.copyright{ max-width:980px; padding:7px 0px; margin:0px auto; background:#35204f; color:#f0e4ff; text-align:center; letter-spacing:1px;}

footer ul{ float:right;}
footer ul li{ float:left;}

/*..............extras.................*/
.readmore{ background:#202020; color:#FFF; display:inline-block; padding:5px 10px; text-decoration:none;}
.readmore:hover{ background:#f4a321;}

@media screen and (max-width:980px) {
	.banner{ padding:0px;}
	.banners{ padding:0px;}
	.content{ padding:20px 10px; max-width:980px;}
	.copyright{ margin:0px 10px;}
}
@media screen and (max-width:800px) {
	.objective_block{ background-position:left bottom;}

}
@media screen and (max-width:748px) {
	.main-nav ul li a{ padding:12px 15px;}
}
@media screen and (max-width:690px) {
	h1{ font-size:30px;}
}
@media screen and (max-width:649px) {
	.main-nav ul li a{ padding:12px 10px;}
}
@media screen and (max-width:639px) {
	h1{ font-size:25px;}
	.mission{ width:100%;}
	.corevalues{ width:95%; padding:2.5%;}

}
@media screen and (max-width:536px) {
	h1{ font-size:25px; line-height:35px;}
	.objective_block{  padding:270px 0 0 0; background-position:center top;}
	.one_third{margin:1%; width:98%;}
}
@media screen and (max-width:380px) {
	.logo{ width:100%; display:block; text-align:center; float:none;}
	h1{ display:none;}
	.header_right{ display:block;}
	.banner{ display:none;}
	h2{ text-align:center;}

}