@charset "utf-8"; 

/* CSS Document */

/*=======================     Default Rules Reset     =======================*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0; padding:0; list-style-type:none}table{border-spacing:0}fieldset,img{border:0}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%}q:before,q:after{content:''}abbr,acronym{border:0; font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-size:12px}legend{color:#000}:focus{ outline:0}

*{margin:0; padding:0}

body{margin:0; padding:0; font:400 15px/1.5em 'Open Sans', sans-serif; color:#555; background:#fff}
img{border:none; outline:none}
a img{border:none; outline:none}
a{border:none; text-decoration:none; outline:none}



p{margin:0px; padding:0px; font:normal 15px/1.5em 'Open Sans', sans-serif; text-align:justify}
.fl{float:left}
.fr{float:right !important}
.clear{clear:both}
.mt{margin-top:4px}
.mr{margin-right:20px}
.padding{padding:0 15px}
a{color:#444}
a:hover{color:#222}

 /*======wrapper start============== */
.wrappermain{width:100%; background:url(../images/bg.jpg) repeat-x; float:left}
.wrapper{width:1000px; margin:0 auto; position:relative}

/*======header start============== */
.header{height:115px; z-index:0; position:relative; background:#fff; border-top:5px solid #f2f2f2; box-shadow:1px 1px 5px #0b0b0b}
.header .logo{float:left; margin:0px 0}

.header .link{float:right; margin-top:58px; text-align:right; color:#22448e; font:400 15px/1.5em 'Open Sans', sans-serif}
.header .link h2{color:#b21e01; font-family:'HelveticaCondensed'; font-size:18px; text-align:right}
.header .link strong{font-weight:normal; font-size:16px; color:#990002; font:400 15px/1.5em 'Open Sans', sans-serif}
.header .link a{border-right:1px solid #fff; color:#22448e; font:400 15px/1.5em 'Open Sans', sans-serif}
.header .link a:hover{color:#222}

.social{position:absolute; top:15px; right:0px}
.social p{float:left; margin-right:5px;  font-size:14px}
.social img{float:left; margin-left:7px}
.social img:hover{margin-top:-5px}

.differnt_popup{cursor:pointer; height:auto; position:fixed; right:0; top:50%; width:auto; z-index:999999}

/*======banner start============== */
.banner_wrap{background:url(../images/banner_bg.jpg) repeat-x; float:left; width:100%; padding:20px 0}
.banner_wrap .banner{width:1000px; margin:0 auto; background:#fff; padding:10px; width:980px; height:360px; border:1px solid #ececec}

/*======container start============== */

h2{font:normal 28px/1.1em 'philosopherregular'; color:#212020; margin-bottom:10px}
h2 span{color:#3e4095}
h6{color:#222; font:17px/1.5em "philosopherregular"; margin:10px 0 5px}
h3{ font:bold 21px/1.5em 'HelveticaCondensed'; color:#c80000; margin-bottom:5px}
h4{ font:bold 21px/1.5em 'HelveticaCondensed'; color:#22448e; margin-bottom:5px}

.container{background:#fff; padding:10px 10px 20px 10px; margin:15px 0}
.il{float:left; margin-right:15px; border:1px solid #ccc; padding:4px}
.ir{float:right; margin-left:15px; border:1px solid #ccc; padding:4px}
ul li{padding:3px 0; background:url("../images/arrow2.png") no-repeat scroll 8px 11px rgba(0, 0, 0, 0); padding-left:17px; font:normal 15px/1.5em 'Open Sans', sans-serif}
.blue{color:#22448e; text-transform:uppercase}

.grey_box{width:70%; color:#333; float:left}
.grey_box h2{ font:normal 24px/1.5em 'HelveticaCondensed'; color:#22448e; border-bottom:2px solid #22448e}
.grey_box p{font:normal 14px/1.5em 'Open Sans', sans-serif}
.grey_box .more a{background:#222; color:#fff; padding:5px 10px; margin:20px 0 0 0; float:right}
.grey_box .more a:hover{background:#000}

.right_panel{width:28%; float:right}
.myform{margin:7px}
.myform input[type="text"]{background:none repeat scroll 0 0 #fff; border:1px solid #eee; color:#222; font:14px/1.5em 'Open Sans', sans-serif; margin:3px 0; padding:5px; width:96%}
.myform input[type="email"]{background:none repeat scroll 0 0 #fff; border:1px solid #eee; color:#222; font:14px/1.5em 'Open Sans', sans-serif; margin:3px 0; padding:5px; width:96%}
.myform select{background:none repeat scroll 0 0 #fff; border:1px solid #ddd; box-shadow:0 0 10px rgba(0, 0, 0, 0.2) inset; color:#444; font:14px/1.5em 'Open Sans', sans-serif; height:25px; margin:6px 0; padding:5px 2px; width:96%}
.myform textarea{background:none repeat scroll 0 0 #fff; border:1px solid #eee; color:#939393; font:14px/1.5em 'Open Sans', sans-serif; margin:3px 0; padding:5px; width:96%; height:60px}
.myform input[type="submit"]{background:#444; border:medium none; color:#fff; cursor:pointer; font:14px/1.5em 'Open Sans', sans-serif; margin:3px 0; padding:5px 10px}
.myform input[type="submit"]:hover{background:#c80000; border:medium none; color:#fff; font:14px/1.5em 'Open Sans', sans-serif; margin:3px 0; padding:5px 10px}

.blue_box{ padding:10px; min-height:233px; background:#f9f9f9; border:1px solid #eee; color:#333; margin:20px 0 0 0 }
.blue_box h2{margin:0; background:#c80000; border:1px solid #eee; color:#fff; font:18px/1.5em 'HelveticaCondensed'; padding:5px}
.blue_box p{padding:10px 0; color:#fff}
.blue_box p img{float:left; margin-right:10px; border:2px solid #fff}
.blue_box a{float:right; color:#fff; font-weight:bold}
.blue_box a:hover{color:#000}

.fl3{float:left; margin-top:10px; width:100%}
.contact34{color:#c80000; font:600 18px/1.5em "Open Sans",sans-serif; margin-bottom:15px; text-transform:uppercase}
.fl3 p img{float:left; margin-right:10px}
.fl3 .p1{float:left; padding-top:10px}

/*======footer start============== */
.footermain{background:#3e4095; width:100%}
.footer{margin:0 auto; width:1000px; padding:10px 20px; text-align:center; font:normal 14px/1.8em 'philosopherregular'; color:#fff}
.footer li{font:normal 14px/1.8em 'philosopherregular'; display:inline; color:#fff; padding:0 5px; border-left:1px dotted #fff} 
.footer li a{color:#fff}
.footer li a:hover{color:#FC0}

table.sample{border:1px solid #000; border-collapse:collapse; border-width:1px; border-style:solid; padding-left:0.2cm; padding-right:0.2cm; border-color:gray; background-color:white}
table.sample th{border-width:1px; padding:1px; padding-left:0.2cm; padding-right:0.2cm; border-style:solid; border-color:gray; background-color:#000000}
table.sample td{border-width:1px; padding:1px; padding-left:0.2cm; padding-right:0.2cm; border-style:solid; border-color:gray; background-color:}

#footer_bg{background:#22448e; color:#fff; float:left; font-size:14px; height:53px; min-height:276px; width:100%}
#footer_bg1{height:auto; width:100%}
#footer_bg #footer{color:#fff; margin:0 auto; padding:10px 0; width:1000px}
.fbox img{border:3px solid #fff; float:left; margin:0 10px}
.fbox a{color:#fff}
.fbox li{background:url(../images/arrow.png) no-repeat 0 9px; padding-left:15px; font-size:14px; color:#fff}
.fbox li a:hover{color:#fff; text-shadow:none}
.fbox{float:left; font-size:13px; width:31%}
.fbox h3{color:#fff; padding:10px 0; font:bold 15px/1.5em 'HelveticaCondensed'; text-transform:uppercase}


.copyright{background:none repeat scroll 0 0 #0b2d77; color:#fff; height:45px; line-height:45px}
.copyright a{color:#fff}


.left_icons1{left: 0;position: fixed;top:44%;width: 50px;z-index: 99}
.left_icons1 a {clear: both;display: block;height: 39px;margin-bottom: 5px;margin-left: -8px;width: 48px}
.left_icons1 a:hover {display: block;height: 39px;margin-left: 0;width: 48px}
.grey_box1{width:auto; color:#333;}
.grey_box1 h2 {
  
    color: #22448e;
    font: 24px/1.5em "HelveticaCondensed";text-align:center;
	margin:0px;
}