body
{
	margin: 0;
	background-attachment: fixed;
	background-position: top;
	background-repeat: no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
}

.clearfix {
  overflow: auto;
  zoom: 1;
}
.nav
{
    width:100%;
	vertical-align:top;
	background:#0000CC;
	color:#ffffff;
} 

a.menu:link
{
   font-size: 12px;
   padding-left:5px;
   padding-right:5px;
   text-decoration: none;
   color: #ffffff;
}   

a.menu:visited
{
   font-size: 12px;
   text-decoration : none;
   color:#ffffff;
} 

a.menu:hover
{
   font-size: 12px;
   font-weight: bold;
   padding-left:5px;
   padding-right:5px;
   text-decoration:none;
   background: #3366FF;
   color:#999999;
}  

a.menu:active
{
   font-size: 12px; 
   font-weight: bold;
   text-decoration : none;
   color:#000000;
}  

#current
{
   font-size: 12px; 
   font-weight:bold;
   padding-left:5px;
   padding-right:5px;
   text-decoration : none;
   color:#0000ff;
}

.cart
{
  padding-left:0;
}
.copyright
{
	font-size: 8pt;
	text-align:center;
}
p
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	padding-left: 12px;
	padding-right: 12px;
	margin-bottom:5px;
}
td
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
}
.smallfont
{
	font-size: 8pt;
}
a.red
{
	color:#ff0000;
}
form
{
  margin:0;
	padding:0;
}
#pcm{display:none;}
ul.pureCssMenu ul{display:none}
ul.pureCssMenu li:hover>ul{display:block}
ul.pureCssMenu ul{position: absolute;left:-1px;top:98%;}
ul.pureCssMenu ul ul{position: absolute;left:98%;top:-2px;}
ul.pureCssMenu,ul.pureCssMenu ul {
	margin:0px;
	list-style:none;
	padding:0px 1px 1px 0px;
	background-color:#006699;
	background-repeat:repeat;
	border-color:#A6A6A6;
	border-width:0px;
	border-style:solid;
}
ul.pureCssMenu table {border-collapse:collapse}ul.pureCssMenu {
	display:block;
	zoom:1;
	float: left;
}
ul.pureCssMenu ul{
	width:229.95000000000002px;
}
ul.pureCssMenu li{
	display:block;
	margin:1px 0px 0px 1px;
	font-size:0px;
}
ul.pureCssMenu a:active, ul.pureCssMenu a:focus {
outline-style:none;
}
ul.pureCssMenu a, ul.pureCssMenu li.dis a:hover, ul.pureCssMenu li.sep a:hover {
	display:block;
	vertical-align:middle;
	background-color:#006699;
	border-width:0px;
	border-color:#FCEEB0;
	border-style:solid;
	text-align:left;
	text-decoration:none;
	padding:5px;
	_padding-left:0;
	font:bold 12px Arial;
	color: #FFFFFF;
	text-decoration:none;
	cursor:pointer;
}
ul.pureCssMenu span{
	overflow:hidden;
}
ul.pureCssMenu li {
	float:left;
}
ul.pureCssMenu ul li {
	float:none;
}
ul.pureCssMenu ul a {
	text-align:left;
	white-space:nowrap;
}
ul.pureCssMenu li.sep{
	text-align:left;
	padding:0px;
	line-height:0;
	height:100%;
}
ul.pureCssMenu li.sep span{
	float:none;	padding-right:0;
	width:3;
	height:100%;
	display:inline-block;
	background-color:#A6A6A6;	background-image:none;}
ul.pureCssMenu ul li.sep span{
	width:100%;
	height:3;
}
ul.pureCssMenu li:hover{
	position:relative;
}
ul.pureCssMenu li:hover>a{
	background-color:#A6D5FF;
	border-color:#4C99AB;
	border-style:solid;
	font:bold 12px Arial;
	color: #000000;
	text-decoration:none;
}
ul.pureCssMenu li a:hover{
	position:relative;
	background-color:#A6D5FF;
	border-color:#4C99AB;
	border-style:solid;
	font:bold 12px Arial;
	color: #000000;
	text-decoration:none;
}
ul.pureCssMenu li.dis a {
	color: #AAAAAA !important;
}
ul.pureCssMenu img {border: none;float:left;_float:none;margin-right:5px;width:16px;
height:16px;
}
ul.pureCssMenu ul img {width:16px;
height:16px;
}
ul.pureCssMenu img.over{display:none}
ul.pureCssMenu li.dis a:hover img.over{display:none !important}
ul.pureCssMenu li.dis a:hover img.def {display:inline !important}
ul.pureCssMenu li:hover > a img.def  {display:none}
ul.pureCssMenu li:hover > a img.over {display:inline}
ul.pureCssMenu a:hover img.over,ul.pureCssMenu a:hover ul img.def,ul.pureCssMenu a:hover a:hover img.over{display:inline}
ul.pureCssMenu a:hover img.def,ul.pureCssMenu a:hover ul img.over,ul.pureCssMenu a:hover a:hover img.def{display:none}
ul.pureCssMenu a:hover ul{display:block}
ul.pureCssMenu span{
	display:block;
	background-image:url(./images/arrv_blue_2.gif);
	background-position:right center;
	background-repeat: no-repeat;
   padding-right:8px;}
ul.pureCssMenu li:hover>a>span{	background-image:url(./images/arrv_white_2.gif);
}
ul.pureCssMenu a:hover span{	_background-image:url(./images/arrv_white_2.gif)}
ul.pureCssMenu ul span,ul.pureCssMenu a:hover table span{background-image:url(./images/arr_blue_2.gif)}
ul.pureCssMenu ul li:hover > a span{	background-image:url(./images/arr_white_2.gif);}
ul.pureCssMenu table a:hover span{background-image:url(./images/arr_white_2.gif)}
ul.pureCssMenu li a.pureCssMenui0{
font:n;
}
ul.pureCssMenu li a.pureCssMenui0:hover{
font:o;
}

.main_wrapper{ width: 100%; height:100%;}
.logo{ float: left; width: 20%;}
.contact{ float: right; width: 80%;}
.contact img{ padding: 70px 0 0 52px;}
.header{ width: 1200px; background: url(../img/header.jpg) left top repeat-x #dddcee; margin:0 auto; height: 115px;}
.body_content{ background: #fff; width: 1200px; margin:0 auto;}
.left_col{ width: 18%; float: left; text-align: center;}
.middle_col{ width: 62%; float: left; background: #eeeeee; padding:10px; min-height:800px;}
.right_col{ width: 18%; float: right; text-align:center;}
.video{ height: 284px; width: 500px; margin:0 auto;}
.footer{ background: #ccc; padding: 10px 0; text-align:center; width: 1200px; margin:0 auto;}
.three_image{ margin:0 auto; text-align:center;}

#cssmenu {
  position: relative;
  height: 30px;
  width: 1200px;
  margin:0 auto;
  background: #006699;
  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: inline-block;
  position: relative;
  margin: 0;
  padding: 0;
}
#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: 12px;
  font-weight: normal;
  padding: 9px 17px;
  color: #fff;
  text-transform: uppercase;
  text-align:center;
}

#cssmenu > ul > li.has-sub > a {
  padding-right: 25px;
}
#cssmenu ul li:hover > a {
  color: #0B2E4E;
  background:#a6d5ff;
}
#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 > li:hover::after {
  border-top-color: #ffffff;
}
#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: #fff;
    /*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 #fff;
    border-bottom: 2px solid #fff;
    right: 20px;
    top: 9px;
  }
  #cssmenu #menu-button::before {
    display: block;
    content: '';
    position: absolute;
    height: 3px;
    width: 22px;
    border-top: 2px solid #fff;
    right: 20px;
    top: 19px;
  }
  #cssmenu ul.open #menu-button::after,
  #cssmenu ul.open #menu-button::before {
    border-color: #fff;
  }
 /* #cssmenu ul li:hover > a {
  color: #fff;
  background:#a6d5ff;
}
#cssmenu ul li a {}
#cssmenu ul li a {
  padding: 8px 17px;
  color: #fff;
  text-align: left;
  background: #004e75;
}*/
}

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

#cssmenu{ height:auto; background:#fff;}
#cssmenu > ul > #menu-button{ display:inline-block; width:100%;}
#cssmenu > ul{ margin:0 auto; width:288px;}
#cssmenu #menu-button > a{ background:#006699; color:#fff; width:86%; min-width:86%; height:15px; padding:8px 20px;}
#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#menu-button > a{ color:#fff;}
/*#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 ul li a{ padding:11px 15px 11px 30px; border-bottom: 1px solid #2878af !important;}



.logo {
    float: none;
    margin: 0 auto;
    width: 100%;
}
.logo img{ width: 100%;}

.contact {
    float: none;
    width: 100%;
	text-align:center;
}

.header {
    height: auto;
    margin: 0;
    width: 100%;
	text-align:center;
}
.contact img {
    padding: 0px;
}
.body_content{ width: 100%; margin:0;}
.left_col{ width: auto; float: none;}

.middle_col {
    float: none;
    min-height: auto;
    padding: 20px 10px;
    width: auto;
}
.right_col{ width: auto; float: none;}

.video {
    height: 240px;
    margin: 0;
    padding-left: 0px;
    padding-right: 0px;
    width: auto;
}
.footer{ width: 100%; margin:0;}

}