body
{
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	background: #003366;
}

.clearfix {
  overflow: auto;
  zoom: 1;
}


p
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	padding:0 0 18px 0;
	margin:0;
}
a{ text-decoration: none; color:#00ccff;}
a:hover{ text-decoration: underline;}


.main_wrapper{ width: 100%; height:100%;}
.header{ width:741px; background: url(../images/header_bg.jpg) left top repeat-x; margin:0 auto; min-height: 74px; margin: 22px auto 0;}
.logo{ float: left; width:30%; padding:12px 0 0 12px;}
.header_right{ float: right; width: 60%; padding: 20px 20px 0 0; text-align: right;}
.second_row{ margin:0 auto; width:741px; margin:0 auto; background: url(../images/second_row.jpg) no-repeat; min-height:98px;}
.second_row p{ font-size: 11px; color: #fff; text-align: right; padding:0 10px 0 0px;}
.second_row p a{ display:inline-block; padding: 10px 0 0 0px; color: #fff;}
.second_row p a:hover{ text-decoration: underline;}
.body_content{ width:741px; margin:0 auto;}
.footer{ width: 741px; margin:0 auto; background:url(../images/footer.gif) no-repeat; height: 60px; color: #fff;}
.footer a{ text-decoration: none; display: inline-block; color: #fff;}
.footer a:hover{ text-decoration: underline;}
.footer p{ padding: 20px 0 0 0; text-align: center; color: #fff; font-size: 12px; }


h1 {
    border-bottom: 1px solid #597a9b;
    color: #fff;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 20px;
    margin: 0 17px 20px 0;
    padding-bottom: 6px;
    text-align: right;
    text-transform: capitalize;
    width: 240px;
}
h2 {
    color: #fff;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 15px;
    margin: 0 0px 0 0;
    padding-bottom: 6px;
    text-transform: capitalize;
}

h3 {
    color: #fff;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 18px;
    margin: 0 0px 20px 0;
    text-transform: capitalize;
}
.left_col_image{ background:position:absolute; margin: 159px 0 0; width: 194px; height: 252px;}

.left_col {
    background: url("../images/nav_bg_blue.gif") repeat-y scroll left top rgba(0, 0, 0, 0);
    float: left;
    width: 100%;
}
.right_col {
    background: url("../images/home_bg_wireframe.gif") right top repeat-y;
    float: right;
    padding: 0;
    width: 741px;
}
.left_inner{ width: 142px; float: left;}

.right_inner {
    float: right;
    min-height: 500px;
    padding: 0 15px 30px 50px;
    width: 534px;
}

.table_one{ width:100%; padding: 8px 0;}
.table_one ul{ margin:0; list-style: none;}
.table_one ul li{ margin:0; list-style: none; color: #fff; float: left; width: 20%;}
.contact_div{ width: auto; margin-bottom: 0px; padding-bottom:15px;}
.contact_div2{ width: auto; margin-bottom: 0px; padding-bottom:15px;}
.col_one{ float: left; width: 45%; margin-right: 25px;}
.col_one2{ float: right; width: 45%; margin:0;}
.text_field_area{ width: auto; padding: 10px 0 20px 20px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #fff;}
.botoom_one, .botoom_two, .botoom_three {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #fff; float: left; line-height: 20px;}

.botoom_one span, .botoom_two span, .botoom_three span{ display:inline-block;}
.botoom_one{width: 40%; margin-right: 20px;}
.botoom_two{ width: 15%; margin-right: 20px;}

.botoom_three {
    width: 33%;
}

.botoom1 {
    float: left;
    margin: 0 0 5px;
    width: 26%;
}
.botoom2{ float: left; margin: 0 0px 5px 0; width: 60%;}

.botoom3 {
    float: left;
    margin: 0 0 5px;
    width: 26%;
}
.botoom4{ float: left; margin: 0 0px 5px 0; width: 60%;}


.botoom5 {
    float: left;
    margin: 0 0 5px;
    width: 42%;
}

.botoom6 {
    float: left;
    margin: 0 0 5px;
    width: 50%;
}

.botoom_one input , .botoom_two input, .botoom_three input{
	background: none repeat scroll 0 0 #fff;
    border: medium none;
    color: #000;
    height: 20px;
    margin: 0 0 0 17px;
    padding: 0 5px;
    width: 100%;
	display: inline;
}
.botoom_two select{ margin:0 0 0 17px;color: #000;height: 20px; border: none;}
	
.text_field_area input {
    background: none repeat scroll 0 0 #fff;
    border: medium none;
    color: #000;
    height: 20px;
    margin: 0;
    padding: 0 5px;
    width: 100%;
}
.text_field_left {
    float: left;
    line-height: 20px;
    margin: 0 20px 5px 0;
    width: 31%;
}

input[type=submit] {
	padding:5px 15px; background:#fff; border:0 none;
	cursor:pointer;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	color: #000;
	float: right;
	margin: 20px 20px 20px 0; 
}













#cssmenu {
  position: relative;
  height: 30px;
  width: 142px;
  margin-top:0px;
}
#cssmenu ul {
  list-style: none;
  padding: 0;
  margin: 0;
  line-height: 1;
}
#cssmenu > ul {
  position: relative;
  display: block;
  width: 100%;
  z-index: 500;
}
#cssmenu:after,
#cssmenu > ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
/*#cssmenu.align-right > ul > li {
  float: right;
}
#cssmenu.align-center ul {
  text-align: center;
}*/
#cssmenu.align-center ul ul {
  text-align: left;
}
#cssmenu > ul > li {
  display: block;
  position: relative;
  margin: 0;
  padding: 0;
}
#cssmenu > ul > li:nth-child(2){ background: url(../images/about_off.gif) no-repeat; height: 27px;}
#cssmenu > ul > li:nth-child(2):hover{ background: url(../images/about_on.gif) no-repeat; height: 27px;}

#cssmenu > ul > li{ background: url(../images/quote_off.gif) no-repeat; height: 27px;}
#cssmenu > ul > li:hover{ background: url(../images/quote_on.gif) no-repeat; height: 27px;}


#cssmenu > ul > li:last-child{ background: url(../images/contact_off.gif) no-repeat; height: 27px;}
#cssmenu > ul > li:last-child:hover{ background: url(../images/contact_on.gif) no-repeat; height: 27px;}

#cssmenu > ul > #menu-button {
  display: none;
}
#cssmenu ul li a {
  display: block;
  font-family: Helvetica, sans-serif;
  text-decoration: none;
}
#cssmenu ul li a {
  font-size: 0.88em;
  font-weight: bold;
  padding: 4px 10px 0 0;
  color: #fff;
  text-transform: capitalize;
  text-align: right;
}

#cssmenu > ul > li.has-sub > a {
  padding-right: 25px;
}
/*#cssmenu ul li:hover > a {
  color: #0B2E4E;
}*/
#cssmenu li.has-sub::after {
  display: block;
  content: "";
  position: absolute;
  width: 0;
  height: 0;
}
#cssmenu > ul > li.has-sub::after {
  right: 10px;
  top: 13px;
  border: 4px solid transparent;
  border-top-color: #fff;
}

#cssmenu ul ul {
  position: absolute;
  left: -9999px;
  top: 43px;
  opacity: 0;
  z-index: 1000;
}
#cssmenu ul ul ul {
  top: 37px;
  padding-left: 5px;
}
#cssmenu ul ul li {
  position: relative;
  list-style:none;
}
#cssmenu > ul > li:hover > ul {
  left: auto;
  top: 30px;
  opacity: 1;
}
#cssmenu.align-right > ul > li:hover > ul {
  left: auto;
  right: 0;
  opacity: 1;
}
#cssmenu ul ul li:hover > ul {
  left: 170px;
  top: 0;
  opacity: 1;
}
#cssmenu.align-right ul ul li:hover > ul {
  left: auto;
  right: 170px;
  top: 0;
  opacity: 1;
  padding-right: 5px;
}
#cssmenu ul ul li a {
  width: 245px;
  border-bottom: 1px solid #0b6c9c;
  padding: 9px 17px;
  font-size: 12px;
  color: #fff;
  background: #00537c;
  -webkit-transition: all .35s ease;
  -moz-transition: all .35s ease;
  -ms-transition: all .35s ease;
  -o-transition: all .35s ease;
  transition: all .35s ease;
  text-align:left;
}
#cssmenu.align-right ul ul li a {
  text-align: right;
}
#cssmenu ul ul li:hover > a {
  background: #a6d5ff;
  color: #0E3151;
}
#cssmenu ul ul li:last-child > a,
#cssmenu ul ul li.last > a {
  border-bottom: 0;
}

#cssmenu.align-right > ul > li > ul::after {
  left: auto;
  right: 30px;
}
#cssmenu ul ul li.has-sub::after {
  border: 4px solid transparent;
  border-left-color: #9ea2a5;
  right: 10px;
  top: 12px;
 
}



@media all and (max-width: 800px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
	
#cssmenu {
    width: auto;
  }
  #cssmenu.align-center ul {
    text-align: left;
  }
  #cssmenu.align-right > ul > li {
    float: none;
  }
  #cssmenu ul {
    width: auto;
  }
  #cssmenu .submenuArrow,
  #cssmenu #indicatorContainer {
    display: none;
  }
  #cssmenu > ul {
    height: auto;
    display: block;
  }
  #cssmenu > ul > li {
    float: none;
  }
  #cssmenu li,
  #cssmenu > ul > li {
    display: none;
  }
  #cssmenu ul ul,
  #cssmenu ul ul ul,
  #cssmenu ul > li:hover > ul,
  #cssmenu ul ul > li:hover > ul,
  #cssmenu.align-right ul ul,
  #cssmenu.align-right ul ul ul,
  #cssmenu.align-right ul > li:hover > ul,
  #cssmenu.align-right ul ul > li:hover > ul {
    position: relative;
    left: auto;
    top: auto;
    opacity: 1;
    padding-left: 0;
    padding-right: 0;
    right: auto;
  }
  #cssmenu ul .has-sub::after {
    display: none;
  }
  
  #cssmenu ul ul li a {
    border: 0;
    background: #a6d5ff;
    width: auto;
    padding: 8px 35px;
  }
  #cssmenu.align-right ul ul li a {
    text-align: left;
  }
  #cssmenu ul ul li:hover > a {
    background: #006699;
    color: #8c9195;
  }
  #cssmenu ul ul ul a {
    padding: 8px 50px;
  }
  #cssmenu ul ul ul ul a {
    padding: 8px 65px;
  }
  #cssmenu ul ul ul ul ul a {
    padding: 8px 80px;
  }
  #cssmenu ul ul ul ul ul ul a {
    padding: 8px 95px;
  }
  #cssmenu > ul > #menu-button {
    display: block;
    cursor: pointer;
  }
  #cssmenu #menu-button > a {
    padding: 8px 20px;
	display:inline-block;
  }
  #cssmenu ul.open li,
  #cssmenu > ul.open > li {
    display: block;
  }
  #cssmenu > ul.open > li#menu-button > a {
    color: #003366;
    /*border-bottom: 1px solid rgba(150, 150, 150, 0.1);*/
  }
  #cssmenu ul ul::after {
    display: none;
  }
  #cssmenu #menu-button::after {
    display: block;
    content: '';
    position: absolute;
    height: 3px;
    width: 22px;
    border-top: 2px solid #003366;
    border-bottom: 2px solid #003366;
    right: 20px;
    top: 9px;
  }
  #cssmenu #menu-button::before {
    display: block;
    content: '';
    position: absolute;
    height: 3px;
    width: 22px;
    border-top: 2px solid #003366;
    right: 20px;
    top: 19px;
  }
  #cssmenu ul.open #menu-button::after,
  #cssmenu ul.open #menu-button::before {
    border-color: #003366;
  }
  
#cssmenu > ul > li:nth-child(2){ background: none; height: auto;}
#cssmenu > ul > li:nth-child(2):hover{ background: none; height: auto;}

#cssmenu > ul > li{ background: none; height: auto;}
#cssmenu > ul > li:hover{ background: none; height: auto;}


#cssmenu > ul > li:last-child{background: none; height: auto;}
#cssmenu > ul > li:last-child:hover{background: none; height: auto;}


}

@media only screen and (max-width: 767px){

#cssmenu{ height:auto; background: none;}
#cssmenu > ul > #menu-button{ display:inline-block; width:100%;}
#cssmenu > ul{ margin:0 auto; width:288px;}
#cssmenu #menu-button > a{ background:#fff; color:#003366; width:86%; min-width:86%; height:15px; padding:8px 20px;}
#cssmenu > ul.open > li#menu-button > a{ color:#003366;}
#cssmenu > ul > li > a{ background:#16679E; border-bottom: 1px solid #fff;}

#cssmenu ul li:last-child a{ border-bottom: 0;}

#cssmenu > ul > li:hover > a, #cssmenu > ul > li.has-sub > a:hover{ background:#16679e; color:#fff;}
#cssmenu > ul > li > ul > li > a{ background:#074e7f; color:#fff; font-weight:normal;}
#cssmenu > ul > li > ul > li:hover > a{ background:#0B2E4E; color:#fff;}
#cssmenu > ul > li.has-sub > a, #cssmenu ul li a{ font-size:12px; font-weight:bold;}
.header-inr{ height:auto;}

/*#cssmenu ul.open li, #cssmenu > ul.open > li{ border-bottom:1px solid #fff;}*/

#cssmenu > ul > ul > li > a, #cssmenu ul li a:hover, #cssmenu > ul > ul > li:hover a{ border-radius:0 !important;}
#cssmenu ul li a{ min-width:82%; text-align:left;}
#cssmenu ul li:last-child{ float:none;}
#cssmenu ul li a{ padding:11px 20px;}
#cssmenu ul li a:hover{ background: #00478d;}
#cssmenu ul ul li a{ padding:11px 15px 11px 30px; border-bottom: 1px solid #2878af !important;}

#cssmenu > ul > li:nth-child(2){ background: none; height: auto;}
#cssmenu > ul > li:nth-child(2):hover{ background: none; height: auto;}

#cssmenu > ul > li{ background: none; height: auto;}
#cssmenu > ul > li:hover{ background: none; height: auto;}


#cssmenu > ul > li:last-child{background: none; height: auto;}
#cssmenu > ul > li:last-child:hover{background: none; height: auto;}

.logo {
    float: none;
    margin: 0 auto;
    width: 100%;
	text-align: center;
	padding: 20px 0 0 0;
}
.header {
    height: auto;
    margin: 0;
    width: 100%;
	text-align:center;
	background: #fff;
}
.left_col_image{ display: none;}
.second_row { background: #003366; float: none; margin:0; width: 100%;  min-height:40px;}
.second_row p{ text-align: center;}
.header_right{ width: 100%; float: none; text-align:center; padding: 20px 0 15px 0;}
.contact img {
    padding: 0px;
}
.body_content{ width: 100%; margin:0;}
.right_col{ width: 100%; float: none; background: none; padding: 0px;}
.right_col a img{ padding-bottom:20px; padding-right: 0px;}
.left_inner {
    float: none;
    width: 100%;
}

.right_inner {
    float: none;
    min-height: 500px;
    padding: 30px 15px;
    width: auto;
}

h1 {
    margin: 0 auto 20px;
    text-align: center;
}


.left_col{ width:100%; float: none; background: none; min-height: auto;padding: 0px; text-align:left;}
.footer{ width: auto; margin:0; background: #457aa3; height:auto; padding: 0px 15px 20px 15px; line-height: 25px;}
p.small{}
p.small img, p img{ width: 100%;}


.col_one {
    float: none;
    margin-right: 0;
    width: auto;
}

.col_one2 {
    float: none;
    margin: 0;
    width: auto;
}

.contact_div {
    border-bottom: 1px solid #3c73aa;
    margin-bottom: 20px;
    padding-bottom: 15px;
    width: auto;
}
.contact_div2{ border-bottom: 0;}

.text_field_area {
    color: #fff;
    padding: 0 0 20px;
    width: auto;
}

.text_field_left {
    float: none;
    line-height: 20px;
    margin: 0 0 5px;
    width: 100%;
}

.text_field_area input {
    height: 25px;

}

.botoom_three {
    width: 100%;
}

.botoom_one {
    float: none;
    margin-bottom: 20px;
    margin-right: 0;
    width: 100%;
}

.botoom_two {
    float: none;
    margin-bottom: 20px;
    margin-right: 0;
    width: 100%;
}

.col_one a img {
    padding: 0;
    width: 85%;
}


}