body {font-family: Calibri, Arial;font-size:18px; line-height:20px;font-weight:normal;color:#231F20; text-align:center;padding-bottom:0px; background-color:#FFFFFF;border:0px;margin:0px;padding:0px;margin-top:5px; height:100%;
}
form, fieldset, h1, h2, h3, h4, h5, h6, img, p, table, tr,td {border:0px;margin:0px;padding:0px;}
h3 {font-family: Calibri, Arial, Helvetica, sans-serif;font-size:16px; line-height:20px;font-weight:normal;color:#231F20; text-align:center }
h2 {font-family: Calibri, Arial, Helvetica, sans-serif;font-size:16px; line-height:20px;font-weight:bold;color:#231F20; text-align:left}

h1 { font-size:28px; padding-left:5px; color:#039;}

td {padding:5px;}
.clear {clear:both;font-size:1%;overflow:hidden;width:100%;height:0px;}
ul {text-align:left}
a { text-decoration:none}
.content {width:100%; max-width:1080px; margin:auto;}
.contenthome {width:100%; max-width:1080px; margin:auto; padding-top:70px;}
.contenttext {width:100%; max-width:1080px; margin:auto; padding-top:20px; background-color:#FFF; }
.wrapper {width:100%; margin:auto; margin-top:10px;}

.pagetop {max-width:1000px; width:95%; text-align:left; padding:20px;}
.contactad {width:25%; float:left; margin-left:15px;  text-align:left}
.contactform {width:70%; float:left;}
/*
#wrapper {margin:0 auto;  min-height:100%; text-align:left;margin-top:0px; padding:0px; position:relative; width:100%; }
#top-bar {position:fixed; left:0px;	top: 0px;
	  background:url(../images/header.png) top repeat-x;  height:155px; width:100%; 
	z-index:50;}
#header {
	height:113px;
	max-width:1240px;
	width:100%; margin:auto;
	margin-top:5px; position:relative;
	min-width:335px;
}

#headerleft{float:left;
width:45%;
}
#logo { width:100%; max-width:588px; min-width:300px;}

.w100 {width:100%}

#headerphone { float: right;
	width:45%;
	height:50px;
	font-family: Verdana, Geneva, sans-serif; 
	color: #000000;
	text-align:right;
	line-height:30px;
}
#phoneservice { margin-top:5px;
	font-size: 15px; 
	font-weight: bold;}
#phonenum{ margin-top:14px; font-family:Forte; font-size:48px; color:#FF0000
}
#headeraddr { float:left;
	font-family: Tahoma;
	font-size:13px;
	color: #000066;
	text-align:left; width:100%; padding-left:15px;
	}
.footeraddr { font-family: Tahoma;
	font-size:13px;
	color: #000066;
	text-align:center;  width:100%; 
	font-weight:normal; margin:6px auto;
	}
#headeremail {
	font-family: Tahoma;
	font-size:13px;
	color: #000066;
	text-align:right;
	}
*/
#leftmenu { float:left;
	width:25%; max-width:312px; min-width:250px; background-color: #EAEAF4;
	z-index:4;
	
	}
	/*
#main { position:relative; background-color: #FFF; padding-top:12px;margin-top:0px; margin-left:5px;
width:74%; max-width:950px; float:right; 
}

#maintext {width:100%;
	max-width:950px;
	color: #333; 
}*/

.textus { float:right;  border:solid thin #fff; margin-left:0px;  padding:10px;  text-align:right;font-weight:bold; font-size:22px; color:#1863BD}

#footer {
		position:relative;
		 padding-top:10px; 
		 margin-top:5px;text-align: center;
	padding-bottom:50px; 
	font-family: Arial;
	font-size: 16px;
	color: #666;
	font-weight: bold;
		width:100%;background-color: #F0F0F0;
		 display: inline-block; border-top:thin solid #999; height:100%; /*background:url(images/footer.png) bottom repeat-x; */
}
#footerinner{max-width:1100px;width:100%;margin:0 auto; }

.footcontact{float:right; width:30%; color:#FFF;line-height:25px; text-align:left}
.footcontact a{ font-weight:normal; font-size:14px; color:#000}
.footmenu{ float:left; width:25%;padding-left:15px; line-height:25px}
.footmenu ul li a { font-weight:normal; font-size:12px; color:#000} /* color:#E1EDF7; */
.footmenu ul{list-style:none}
.footmenu ul li > ul { display: none; font-weight:normal; }
.footmenu ul li:hover > ul { display: block;}

#office {
	position:relative;
	width:90%;max-width:1140px;
	z-index:2;
	text-align: center;
	font-family: Tahoma;
	font-size: 12px;
	color: #000066;
	font-weight: normal; margin:auto;
}	
#office a:visited {color:#000066; text-decoration:none
}
#office a:link {color:#000066; text-decoration:none
}
#office a:hover {color: #990000; text-decoration:none
}

#menuwrap{width:100%; position:relative; z-index:99; } /*margin-top:180px */
#menuline {
	max-width:1240px; 
	width:100%;
	height:30px;
	z-index:4;
	margin:0px;
	margin-top:1px; float:left;
	}

#focus a{
	color:#FF0000;
	
}
#vfocus {
	padding:2px 2px 2px 10px; margin:0; 
	font-weight: bold; border:solid; border-width:0px; border-color:#CCC; min-height:24px;
	text-align: left; background-image:url(../images/hoverbg2.jpg); color:#003399;
}

.vnav { padding-top:1px;}

ul.MenuBarVertical
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	cursor: default;width:100%;  
	
}
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
{
	z-index: 1000;
}
/* Menu item containers, position children relative to this container and are same fixed width as parent */
ul.MenuBarVertical li
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	position: relative;
	text-align: left;
	cursor: pointer;
	border-bottom: 1px solid #CCC;
	 
}

/*******************************************************************************

 DESIGN INFORMATION: describes color scheme, borders, fonts

 *******************************************************************************/


/* Submenu containers have borders on all sides */
ul.MenuBarVertical ul
{
	border: 0px solid #CCC;
}
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarVertical a
{
	display: block; 
	cursor: pointer;
	padding: 4px 10px;
	color: #000; font-size:16px;
	text-decoration: none; text-align:left; font-weight:normal; 
}
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarVertical a:hover, ul.MenuBarVertical a:focus
{	
	font-weight: bold; 
	 background-image:url(../images/hoverbg2.jpg); color:#003399;
}

.dyninput {width:95%; margin-right:20px}
.contacttable {width:55%; float:left; max-width:760px; min-width:500px;  padding:15px; margin-top:30px}
.contactaddr {float:left;width:30%; min-width:320px; margin-left:20px}
#contact {
	position:relative;
	width:810px;
	height:490px;
	z-index:8;
	left: 20px;
	top: 0px;
	text-align: left;
	background-color: #E8F4FF;
	color: #000066;
	border: solid thin #CCCCCC; font-size:12px; margin-bottom:50px;
}
#contactreply {
	position:relative;
	width:610px;
	height:250px;
	z-index:8;
	left: 100px;
	top: 100px;
	text-align: center;
	background-color: #E8F4FF;
	color: #000066;
	border: solid thin #FF0000; font-size:18px;
}

#simage {
	position:relative;	
	z-index:5; margin:auto
 padding-bottom:20px;
}
/*
#eimage {
	position:relative;	
	z-index:5;
	left: 20px;
	top: 0px;
}

#enq_h1 { font-size:32px; line-height:44px; padding-bottom:12px; padding-top:0px; margin-top:0px;}*/
#chart li { line-height:25px;}
.message {color:#000066; font-size:18px; font-weight:bold; padding:10px; border: 1px solid #336; line-height:22px; padding-bottom:10px; text-align:center;
}
.inv {visibility:hidden; font-size:1px; line-height:1px;
}
/*
.dyntext {
  position: fixed; z-index:120;background-image:url(images/form_blue_empty.png);height:250px; width:190px; visibility:hidden;
  bottom: 0; 
  right: 0; font:Calibri; font-size:11px; padding:0; padding-top:30px; padding-left:10px; line-height:12px;
}
.dyntext input{ border:thin solid #999; font-size:11px; font:Calibri; padding:0px; margin:0px;
}
.dyntext textarea{ border:thin solid #999; font-size:11px; font:Calibri; padding:0px;  margin:0px;
}
*/
.news {text-decoration:none;}
.textimg {font-style: italic; font-size:14px;}
/* New Menu Styles */


#menuicon{display:none}

.menu-link { display: none;}
.menu {max-width:1240px; }
/* New Menu Styles */
.menu-link { display: none;}
/*.menu { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;}*/
.menu ul { padding: 0px;  margin: 0px;  list-style: none;  position: relative;  display: inline-block; width:100%;}
.menu ul li { padding: 0px; margin:0px;  text-align:center;}
.menu > ul > li { display: inline-block; max-width:200px;}
.menu ul li a { display: block; text-decoration: none; font-size:16px;	color: #000000;padding-right:40px; padding-left:5px; text-align:left }
.menu ul li > a {
	padding-top:5px; height:26px; margin:0px;
	text-decoration: none; }
/*.menu ul > li > ul.sub-menu {min-width: 170px; width:320px;padding: 4px 0px;background-color: #f4f4f4;border: 1px solid #F00;}*/
.menu ul li > a:hover{ color:#039}
.menu ul ul { display: none; position: absolute; top:30px;width:356px;background-color: #f4f4f4; border: 1px solid #CCC; z-index:999;}
.menu ul li:hover > ul { display: block;color:#01559B; }
.menu ul ul > li { position: relative;}
.menu ul ul > li a { padding: 3px 15px 3px 10px; width:330px; text-align:left; border:none;  height:20px; background-color: #f4f4f4; color:#003366; }
.menu ul ul > li a:hover { background-color: #003366; color: #fff; }
.menu ul ul ul { position: absolute; left: 100%; top:0; }
@media all and (max-width: 1000px) {
#main { width:70%;
}
}
@media all and (max-width: 869px) {
#main { width:65%;
}
}
@media all and (max-width: 768px) {
/*.topboxrtinner{width:95%; padding:0px;}
#phoneno{padding-left:2px; display:none}
.phonenolink {display:block}
#headerphone { line-height:25px;}*/
#main { width:100%;}
#phonenum{  height:20px; margin-bottom:10px; margin-top:0px;  font-size:36px}
#menuwrap{position:relative; margin-top:30px; z-index:10}
a.menu-link { display: block; color: #fff; background-color: #036; float: right; text-decoration: none; padding: 5px 16px; }
.menu { clear: both; min-width: inherit; float: none; }
.menu { overflow: hidden; max-height:0px; background-color: #f4f4f4; }
.menu > ul ul { overflow: hidden; max-height:55em; background-color: #f4f4f4;}
.menu > li > ul.sub-menu { padding: 0px; border: none; }
.menu.active { max-height:1100px; }/* , .menu > ul ul.active */
.menu ul { display: inline; }
.menu > ul { border-top: 1px solid #808080; }
/*.menu li, */.menu > ul > li { display: block;  width:100%; max-width:100%; text-align:left}
.menu ul li a { border:none; border-bottom: 1px solid #CCC; position: relative; color:#003366; padding-left:5%; width:95%  }
.menu ul > li a:hover { background-color: #003366; color: #fff;}
.menu ul ul > li { background-color: #e4e4e4; height:100%;  width:90%; padding-left:10%;  border-bottom: 1px solid #CCC; }
.menu ul ul > li a { height:100%;  width:100%; padding:5px 0px 5px 0px;  background-color: #e4e4e4;}
.menu ul ul, .menu ul ul ul { display: inherit; position: relative; left: auto; top:auto; width:100%;}

#menuicon{display:block; height:29px; padding-top:0px; position:relative; top:0px; z-index:200}
.vnav { display:none}
#phoneservice, #headeraddr  {display:none}
#headerphone { float:left; width:90%;height:40px;}
.headeremail { margin-top:5px;}
.textus {text-align:center; float:none; }
#leftmenu {float:none; margin:auto}
#office { font-size:14px; line-height:28px;}
.contacttable {width:90%;  min-width:270px;} 
.contactaddr {float:left;width:90%; margin-left:20px}

.contactho {width:95%; }
.contactform {width:95%; padding-left:10px;}
}
@media all and (max-width: 468px) {
#phonenum{  font-size:30px}
.headeremail { margin-top:15px;}
}