body,ul,li{font-family:Arial;margin:0;padding:0}
a{text-decoration:none}
h1{color:#021d65;font-family:Arial;font-size:24px;margin:0 0 10px;padding:0}
h3{color:#021d65;font-family:Arial;font-size:14px;font-weight:700;margin:0 0 10px;padding:0}
.text_des{color:#021d65;font-family:Arial, Helvetica, sans-serif;font-size:12px;text-align:justify}
.more_button{background:url(../images/more_button.png) center no-repeat;color:#FFF;font-family:Arial;font-size:12px;height:21px;line-height:21px;text-align:center;width:70px}
.margin_b{height:20px}
.margin_about_us{height:5px}
.margin_about_us2{height:8px}
.header_main_c{background:url(../images/header_bg.jpg) repeat-x;height:722px;margin:0 auto;width:100%}
.header_content_c{height:722px;margin:0 auto;width:955px}
.header_menu_main_c{background:url(../images/lighthouse.png) left no-repeat;height:261px;width:955px}
.header_menu_c{float:right;height:100px;margin-top:73px;width:557px}
.header_logo_c{background:url(../images/jsml_logo.png) center no-repeat;float:right;height:261px;width:246px}
.header_bannaer_c{height:401px;margin:30px 0 0 26px;width:898px}
.body_main_c{background:0;background-color:#edeff3;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eceff3',endColorstr='#FFFFFF',GradientType=0);width:100%}
.body_contane_main_c{background:url(../images/bg_w.png) repeat-y;background-color:#FFF;border-left:1px #EFEFEF solid;border-right:1px #EFEFEF solid;margin:0 auto;min-height:250px;padding:26px;width:903px}
.footer_main_c{background:url(../images/footer_bg.jpg) repeat-x;height:80px;width:100%}
.index_middle_main_r1{height:412px;width:100%}
.index_middle_main_r1_coll{float:left;height:412px;padding-right:26px;width:613px}
.index_middle_main_r1_coll_r2{height:222px;padding-top:15px;width:640px}
.index_middle_main_r1_coll_r2_cl{float:left;height:192px;margin-top:30px;width:306px}
.index_middle_main_r1_coll_r2_image{background:url(../images/vision_picture.jpg) center no-repeat;border:#021e65 3px solid;float:left;height:173px;margin-left:10px;width:292px}
.index_middle_main_r1_colr{float:left;height:412px;width:263px}
.index_middle_main_r2{height:382px;padding-top:26px;width:100%}
.index_middle_main_r2_c1{float:left;height:382px;width:305px}
.index_middle_main_r2_c2{float:left;height:382px;width:598px}
.index_services li{color:#021d65;font-family:Arial;font-size:12px;list-style-image:url(../images/bullet.png);list-style-position:inside;margin:0 0 30px}
.index_contact_us{height:137px;width:100%}
.contact_label{color:#021d65;float:left;line-height:12px;text-align:right;width:60px}
.contact_field{color:#021d65;float:left;font-size:12px;line-height:12px;margin-bottom:15px;padding-left:5px;text-align:field;width:180px}
.contact_txt{font-family:Arial;font-size:12px}
.services_top_c{height:240px;width:903px}
.services_top_c_text_des{float:left;height:240px;width:564px}
.services_top_image_c{background:url(../images/services_look.jpg) right no-repeat;float:left;height:220px;padding-left:20px;padding-top:15px;width:319px}
.services_bottom_c{height:1370px;width:903px}
.services_bottom_col-1{float:left;height:1370px;padding-right:24px;width:430px}
.mission_pre{margin-left:20px;margin-top:-12px;position:absolute;text-align:justify;width:400px}
.services_col_top_c{float:left;height:220px;width:100%}
.mission_map{background:url(../images/map.png) top right no-repeat;float:left;height:234px;width:420px}
.services_bottom_col-2{float:left;height:1370px;padding-left:24px;width:425px}
.cu_field{width:350px}
.services_col{height:auto;width:500px}
.services_col2{float:right;height:280px;width:400px}
.services li{color:#021d65;font-family:Arial;font-size:14px;list-style-image:url(../images/bullet.png);list-style-position:inside;margin:0 0 15px;margin-left:20px;}
.services_cont{font-size:14px}
.contact_us_r1{height:610px;width:903px}
.contact_us_r1_col1{float:left;height:590px;width:503px}
.contact_us_r1_col2{float:left;height:590px;width:400px}
.contact_us_location_image_main_c{float:left;height:230px;margin-left:25px;width:375px}
.contact_us_location_image_main_sub_c{float:left;height:156px;width:297px}
.contact_us_location_image{height:140px;margin:9px 5px 5px 8px;width:280px}
.contact_us_r2{width:903px}
.contact_us_address_main_c{height:243px;width:903px}
.contact_us_address_ho_main_c{float:left;height:243px;width:282px}
.contact_us_telephone_main_c{height:250px;width:903px}
.contact_label_c{color:#021d65;float:left;font-family:Arial;height:20px;line-height:12px;margin-top:10px;width:100%}
.contact_txt_field_c{color:#021d65;float:left;font-family:Arial;height:30px;line-height:12px;width:100%}
.txt_field{border:#d6dbe6 1px solid;color:#021d65;font-family:Arial;height:25px;line-height:12px;padding:0 5px;width:350px}
.txt_field_txt_area{border:#d6dbe6 1px solid;color:#021d65;font-family:Arial;height:130px;line-height:12px;padding:5px;resize:none;width:350px}
.submit_b{-moz-border-radius:6px;-webkit-border-radius:6px;background:#030d54;border:#021e65 1px solid;border-radius:6px;color:#FFF;cursor:pointer;font-family:Arial;height:30px;line-height:12px;padding:0 5px;width:75px}
.contact_person_main_c{float:left;height:220px;width:300px}
.footer_middle_c{height:80px;margin:0 auto;width:955px}
.footer_links{float:left;line-height:12px;margin-left:26px;margin-top:13px}
.footer_list li{border-right:#FFF 1px dotted;color:#FFF;display:inline-block;font-family:Arial, Helvetica, sans-serif;font-size:12px;list-style:none;margin:-2px;padding:0 10px}
.footer_right{float:right;margin-right:26px;margin-top:13px;width:200px}
.copyright{color:#FFF;font-family:Arial, Helvetica, sans-serif;font-size:12px;margin-bottom:5px;text-align:right}
.icon{float:right;height:38px;margin-left:5px;width:38px}
.design_by{color:#FFF;font-family:Arial, Helvetica, sans-serif;font-size:10px;line-height:38px;text-align:right}
h2,h4{color:#021d65;font-family:Arial;font-size:18px;margin:0 0 10px;padding:0}
.more_button a:link,.more_button a:active,.more_button a:hover,.more_button a:visited{color:#FFF;font-family:Arial;font-size:12px;text-decoration:none}
.footer_list li a:link,.footer_list li a:visited,.footer_list li a:active,.footer_list li a:hover{color:#FFF}
.email_ll a:link,.email_l a:active,.email_l a:hover,.email_l a:visited{color:#021d65;text-decoration:none}


/*Services list styling Start*/
.sub-service li{
margin-left: 75px !important;
list-style: circle;
}
/*Services list styling End*/


/*Weather widjet Start*/
/*
  Docs at http://http://simpleweatherjs.com

  Look inspired by http://www.degreees.com/
  Used for demo purposes.

  Weather icon font from http://fonts.artill.de/collection/artill-weather-icons

  DO NOT hotlink the assets/font included in this demo. If you wish to use the same font icon then download it to your local assets at the link above. If you use the links below odds are at some point they will be removed and your version will break.
*/

@font-face {
    font-family: 'weather';
    src: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.eot');
    src: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.woff') format('woff'),
         url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.ttf') format('truetype'),
         url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.svg#artill_clean_weather_iconsRg') format('svg');
    font-weight: normal;
    font-style: normal;
}

html {
  width: 100%;
  height: 100%;
  background: #1192d3 url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/austin-2.jpg) no-repeat bottom right;
  background-size: cover;
}

body {
  padding: 45px 0;
  font: 13px 'Open Sans', "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

#weather {
  width: 500px;
  margin: 0px auto;
  text-align: center;
  text-transform: uppercase;
}

i {
  color: #fff;
  font-family: weather;
  font-size: 150px;
  font-weight: normal;
  font-style: normal;
  line-height: 1.0;
}

.icon-0:before { content: ":"; }
.icon-1:before { content: "p"; }
.icon-2:before { content: "S"; }
.icon-3:before { content: "Q"; }
.icon-4:before { content: "S"; }
.icon-5:before { content: "W"; }
.icon-6:before { content: "W"; }
.icon-7:before { content: "W"; }
.icon-8:before { content: "W"; }
.icon-9:before { content: "I"; }
.icon-10:before { content: "W"; }
.icon-11:before { content: "I"; }
.icon-12:before { content: "I"; }
.icon-13:before { content: "I"; }
.icon-14:before { content: "I"; }
.icon-15:before { content: "W"; }
.icon-16:before { content: "I"; }
.icon-17:before { content: "W"; }
.icon-18:before { content: "U"; }
.icon-19:before { content: "Z"; }
.icon-20:before { content: "Z"; }
.icon-21:before { content: "Z"; }
.icon-22:before { content: "Z"; }
.icon-23:before { content: "Z"; }
.icon-24:before { content: "E"; }
.icon-25:before { content: "E"; }
.icon-26:before { content: "3"; }
.icon-27:before { content: "a"; }
.icon-28:before { content: "A"; }
.icon-29:before { content: "a"; }
.icon-30:before { content: "A"; }
.icon-31:before { content: "6"; }
.icon-32:before { content: "1"; }
.icon-33:before { content: "6"; }
.icon-34:before { content: "1"; }
.icon-35:before { content: "W"; }
.icon-36:before { content: "1"; }
.icon-37:before { content: "S"; }
.icon-38:before { content: "S"; }
.icon-39:before { content: "S"; }
.icon-40:before { content: "M"; }
.icon-41:before { content: "W"; }
.icon-42:before { content: "I"; }
.icon-43:before { content: "W"; }
.icon-44:before { content: "a"; }
.icon-45:before { content: "S"; }
.icon-46:before { content: "U"; }
.icon-47:before { content: "S"; }

#weather h2 {
  margin: 0 0 8px;
  color: #fff;
  font-size: 100px;
  font-weight: 300;
  text-align: center;
  text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15);
}

#weather ul {
  margin: 0;
  padding: 0;
}

#weather li {
  background: #fff;
  background: rgba(255,255,255,0.90);
  padding: 20px;
  display: inline-block;
  border-radius: 5px;
}

#weather .currently {
  margin: 0 20px;
}

/*Weather widjet end*/