@charset "utf-8";
/* CSS Document */
body{
	margin:0;
	padding:0;
	background:url(../images/body_bg.gif) repeat-x #FFFFFF;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#2B3C4A;
	line-height:18px;
}
a{
	color:#2B3C4A;
}
a:hover{
	text-decoration:underline;
}
table{
	color:#000;
}
table a{
	color:#FFFFFF;
}
table th{
	font-weight:normal;
	color:#FFFFFF;
}
.header{
	width:930px;
	height:89px;
	margin:0 auto;
	padding:10px 0 0 20px;
}
.logo{
	margin:10px 0 0;
}
.menu_bg{
	width:654px;
	height:64px;
	float:right;
	margin:0 0 0;
	background:url(../images/menu_bg.gif) left bottom repeat-x;
}
.north_text{
	line-height:34px;
	display:block;
	/*color:#F68B41;*/
	color:#00386C;
	font-size:15px;
	text-align:center;
	height:34px;
}
.menu_1{
	width:654px;
	height:30px;
	background:url(../images/menu_bg_right.gif) no-repeat right top;
}
.menu{
	width:628px;
	height:28px;
	background:url(../images/menu_bg_left.gif) no-repeat;
	padding:1px 13px;
}
#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 28px;
}

#nav a {
	display: block;
	width: auto;
	color:#FFFFFF;
	text-decoration:none;
	padding:0 28px;
	font-weight:bold;
	border-right:1px solid #FFF;
}
#nav li ul a {
	padding:0;
}
#nav li ul b {
	display:block;
	padding:0 28px;
}
#nav li ul ul a {
	padding:0 28px;
}
#nav a.last {
	border:none;
}
#nav a.selected {
	color:#113264;
}
#nav li ul  a {
	border:none;
	line-height: 28px;
	color:#363A41;
	border-bottom:1px solid #B8BEC0;
	background:url(../images/bull.gif) no-repeat 21em center;
}
#nav li ul b {
	background:url(../images/menu_bull.gif) no-repeat 1em center;
}
#nav li ul a:hover {
	background:url(../images/bull.gif) no-repeat 21em center #DFE1E3;
	color:#113264;
}
#nav li ul ul a {
	background:url(../images/bull.gif) no-repeat 11em center;
}
#nav li ul ul a:hover {
	background:url(../images/bull.gif) no-repeat 11em center #DFE1E3;
}

#nav li .nosub{
	background:none;
}
#nav li .nosub:hover{
	background:#DFE1E3;
}
#nav li ul{
	border:1px solid #B8BEC0;
}
#nav li { /* all list items */
	float: left;
	width: auto; /* width needed or else Opera goes nuts */
}
#nav li ul li{
	width: 22em; /* width needed or else Opera goes nuts */
}
#nav li ul { /* second-level lists */
	position: absolute;
	background: #F3F4F5;
	width: 22em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li ul ul { /* third-and-above-level lists */
	margin: -2.4em 0 0 22em;
	width:12em;
}
#nav li ul ul li{
	width: 12em;
}
#nav li ul ul ul { /* third-and-above-level lists */
	margin: -2.4em 0 0 12em;
	width:12em;
}
#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}

#content {
	clear: left;
	color: #ccc;
}
.search_banner_header{
	width:950px;
	height:296px;
	margin:12px auto 9px;
	padding:0 0 3px;
	background:url(../images/header_bottam.gif) #ffffff repeat-x bottom;
}
.search_quickcontact{
	float:left;
	background:url(../images/header_serch_bg_left.gif) no-repeat;
	width:217px;
	height:288px;
	padding:8px 0 0 8px;
}
.search_box_1{
	width:217px;
	height:61px;
	margin:0 0 5px;
	background:url(../images/search_bg.jpg) repeat-x;
}
.search_box_2{
	width:217px;
	height:61px;
	background:url(../images/search_bg_right.gif) no-repeat right;
}
.search_box{
	width:187px;
	height:51px;
	padding:10px 15px 0;
	color:#0C2244;
	font-family:Tahoma;
	position:relative;
	background:url(../images/search_bg_left.gif) no-repeat;
}
.search_box input{
	background:#FFF;
	position:absolute;
	top:28px;
	width:148px;
	height:18px;
	border:1px solid #97CDE8;
}
.search_box img{
	position:absolute;
	top:28px;
	right:15px;
}
.top_contact_box{
	width:198px;
	height:119px;
	margin:20px 0 0;
	padding:6px 5px 5px 13px;
	line-height:18px;
	font-family:Tahoma;
	color:#21739A;
	font-size:12px;	
	background:url(../images/top_contact_box.gif) no-repeat;
}
.top_contact_box a{
	color:#F68B41;
}

.top_contact_box b{
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#F68B41;
	line-height:20px;
}
.banner{
	width:692px;
	height:285px;
	float:right;
	padding:5px 6px 6px 25px;
	background:url(../images/header_devider.gif) no-repeat;
}
.main_body{
	width:950px;
	height:500px;
	padding:20px 0 10px;
	margin:0 auto;
}
.right_pane{
	width:299px;
	height:427px;
	float:right;
	text-align:right;
}
div[class~="right_pane"]{
	min-height:427px;
	height:auto;
}
.right_pane img{
	margin:0 0 20px;
	clear:both;	
}
.quick_contact{
	width:220px;
	height:115px;
	padding:30px 12px 19px 66px;
	text-align:center;
	color:#091E3D;
	line-height:20px;
	font-size:13px;
	background:url(../images/quick_contact_bg.jpg) no-repeat;
}
.quick_contact b{
	font-size:22px;
	line-height:28px;
	font-weight:normal;
}
.slideshow{
	width:298px;
	height:220px;
}
.link_bar{
	width:950px;
	margin:0 auto;
	height:30px;
	color:#00386C;
	line-height:30px;
	text-align:center;
}
.link_bar a,.link_bar a:visited{
	color:#00386C;
}
.text_body{
	width:610px;
	height:500px;
	float:left;
}
body > .main_body,.main_body >.text_body{
	min-height:500px;
	height:auto;
}
.tab_bg{
	width:610px;
	height:180px;
	background:url(../images/tab_bg.jpg) repeat-x;
}	
.tab_1{
	width:610px;
	height:180px;
	background:url(../images/tab_bg_right.gif) no-repeat right top;
}
.tab-main{
	width:610px;
	height:180px;
	background:url(../images/tab_bg_left.gif) no-repeat;
}
.progeo_monitaring_title,.tab_title{
	display:block;
	width:266px;
	height:41px;
	background:url(../images/progeo_monitaring_title.gif) no-repeat;
}
.mootabs_title{
	margin:0;
	padding:0;
	list-style:none;
}
.tab_title,.mootabs_title li{
	line-height:40px;
	width:200px;
	padding:0 0 0 16px;
	font-size:20px;
	color:#00386C;
	font-weight:100;
	background:url(../images/tab_title_bg.gif) no-repeat;
}
.mootabs_title li{
	cursor: pointer;
	width:136px;
	text-align:center;
	font-size:18px;
	padding:0 5px 0 5px;
	background:url(../images/tab_title_off.jpg) no-repeat;
}
.mootabs_title li.active {
	background:url(../images/tab_title_on.gif) no-repeat;
}
.mootabs_title li{
	float:left;
	margin-right:5px;
}
.tabcontant,.mootabs_panel{
	width:590px;
	height:130px;
	padding:10px;
}
div[class="tabcontant"],div[class="tab_bg"],div[class="tab_1"],div[class="tab-main"],div[class~=mootabs_panel]{
	min-height:130px;
	height:auto;
}
.mootabs_panel{
display: none;
	position: relative;
}
.mootabs_panel.active {
	display: block;
}
.readmore{
	width:87px;
	height:24px;
	display:block;
	background:url(../images/readmore_btn.gif) no-repeat;
}
.our_ref_title,.geologger_title_off,.smartex_faq_title_off{
	display:block;
	height:41px;
	float:left;
	width:146px;
	margin:0 5px 0 0;
	background:url(../images/our_ref_title.gif) no-repeat;
}
.geologger_title_off{
	width:144px;
	background:url(../images/geologger_title_off.jpg) no-repeat;
}
.smartex_faq_title_off{
	width:144px;
	background:url(../images/smartex_faq_title_off.jpg) no-repeat;
}
.tabcontant_title{
	color:#2B5A85;
	height:25px;
	line-height:25px;
	font-size:15px;
	font-weight:normal;
	display:block;
	background:url(../images/tab_contant_title_border.gif) repeat-x bottom;
}
ul{
	/*list-style-image:url(../images/bull.gif);*/
	color:#2B3C4A;
}
table ul{
	list-style-image:none;
	list-style:circle;
}
.image_border{
	border:5px solid #DEE9EF;
	margin:5px;
}
span.image_border{
display: inline-block; float:right; text-align:center;
}

.image_border1{
display: inline-block; float:left; text-align:center;
border:5px solid #DEE9EF;
margin:5px;
}

.contact_form{
	width:500px;
	height:500px;
}
div[class="contact_form"]{
	min-height:500px;
	height:auto;
}
.lable{
	width:150px;
	height:30px;
	float:left;
	text-align:right;
}
.input{
	width:345px;
	height:35px;
	float:left;
	padding:0 0 0 5px;
}
.input input{
	background:#FFF;
	border:1px solid #97CDE8;
}
.text_area textarea{
	background:#FFF;
	border:1px solid #97CDE8;
}
.text_area{
	width:345px;
	padding:0 0 0 5px;
	height:90px;
	float:left;
}
div.err{
	width:500px;
	height:30px;
	float:left;	
	color:#F30;
	text-align:center;
}
div[class="err"]{
	min-height:30px;
	height:auto;	
}
.footer_bg{
	width:100%;
	height:63px;
	background:#EE7101;
	border-top:2px solid #164284;
}
.footer_main{
	width:950px;
	margin:0 auto;
	height:48px;
	line-height:24px;
	color:#FFFFFF;
}
.disclosure{
	width:950px;
	margin:0 auto;
	height:15px;
	line-height:14px;
	color:#2B3C4A;
}
.footer_main a{
	color:#FFFFFF;
	text-decoration:none;
}
.footer_main a:hover{
	text-decoration:underline;
}
.wvmagic_link{
	float:right;
	width:63px;
	height:36px;
	background:url(../images/wvmagic_logo.gif) no-repeat;
	margin:6px 0;
	clear:both;
}	
.clear{	
	clear:both;
}
/*---------------------------------------------*/
/*
.topmenucontainer {
	height:30px;
	width:940px;
	 /*height:50px;*/
/*	margin: 0 auto;
	padding:0;
	font-size:11px;
	line-height:20px;
	color:#000000;


}

#navmenu, #navmenu ul {
	list-style-type: none;
	padding: 0;
	text-align:center;
	margin:0 0 0 100px;
}


/*
ul#nav {
	padding-top:10px;
	padding-left:10px;
	color:#00386C;
}*/
/*
#navmenu ul {
	border-top: 1px solid #00386C;
	border-right: 1px solid #C8D3D7;
	border-left: 1px solid #A5B9C0;
}
#navmenu li {
	float:left;
	margin:0px;
	padding:0px;
	height:30px;
	width:110px;
	text-align:center;
	
}
#navmenu a {
	text-decoration: none;
	display: block;
}
#navmenu li a {
	font-weight: normal;
	color:#000;
	/*padding: 10px 16px;*/
	/*display: block;
}
#navmenu li:hover, ul#navmenu li.cssHover,#navmenu a.module:hover,#navmenu a.first_module:hover, #navmenu li .selected:hover, #navmenu ul li a:hover {
	background:  url(nav.png) repeat-x left -50px;
	color:#00386C;
	
}
#navmenu li a.selected {
	background:  url(nav.png) repeat-x left 0px;
	color:#00386C;
	font-weight: bold;
}
#navmenu li ul a {
	text-align: left;
	margin: 0px;
	position: relative;
	padding: 6px 30px 6px 15px;
	color: #000;
	border-top: 0 none;
	border-right: 0 none;
	border-left: 0 none;
}
#navmenu li ul{
	border:1px solid #B8BEC0;
}
#navmenu li ul {
	background: #F3F5F5;
	margin: 0px;
	padding: 0px;
	position: absolute;
	width: auto;
	height: auto;
	display: none;
	position:absolute;
	z-index:999;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #374B51;
	/*
	Info:
	The opacity property is  CSS3, however, will be valid when the CSS 3 specifications are official. Until then the validator of course will say it’s not valid because it isn’ yet part of any official standards. 
	1) http://jigsaw.w3.org/css-validator
	2) More Options chose CSS3 
	3) is full validate ;)
	*/
/*opacity:0.95;/* CSS 3 */
/*}
#navmenu li li {
	float: none;
	margin: 0px;
	padding: 0px;
}
#navmenu li:hover ul ul, #navmenu li.cssHover ul ul {
	display: none;
}
#navmenu li:hover ul,#navmenu li.cssHover ul {
	display: block;
}
a.module {
	background: #E1E8EA;
}
a.first_module {
	background: #E1E8EA;
	border-top: 1px solid #BBCCD0;
}
#navmenu li.sep {
	line-height: 2px;
	border-bottom: 1px solid #333333;
	width:100px;
}
/*