@charset "utf-8";
/* CSS Document */

body
{
background-color: #BEBEBE;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#413e3e;
margin:0px;
line-height:15px;
text-align:justify;
line-height:16px;
}

 div, br, h1, h2,h3, span
{
margin:0px;
padding:0px;
}
fieldset{border: #DFDFDF solid 3px;
	
	}
h1{font-weight:normal;
	font-size:18px;
	color:#000000;	
	}
h2{font-weight:normal;
	padding-bottom:5px;
	font-size:14px;
	color:#0066CC;
	}
h3{font: 20px/23px Arial Black, Arial, Helvetica, sans-serif; 

color: #f0ab00; 
text-transform: uppercase;
letter-spacing: -0.05em;
margin-top:15px;
margin-bottom:5px;

	}
input,textarea{color: #0099FF; border: #999999 solid 1px ;
	}

a{color: #000000;
	outline:none;
	text-decoration:none;
	
	}
a:hover{color: #000000;
	outline:none;
	text-decoration: underline;
	}


form{
margin:0px;
padding:0px;
}
.fromtxt{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
padding-bottom:5px;
padding-top:5px;
color:#000000;
}
.formfield{
width:160px;
}
.formfield1{
width:160px;
height:150px;
}
.formbut{
background:url(../images/countay.jpg) no-repeat; 
width:92px; 
height:27px; 
border:none; 
font-family:Arial, Helvetica, sans-serif; 
font-size:12px; 
color:#ffffff; 
font-weight:bold; 
cursor: pointer;
}
.web-service ul
	{
	padding:0px;
	margin:0px;
	}	
	.web-service ul li
	{
	padding:3px 0px 3px 15px;
	margin:0px 0px 0px 5px;
		background:url(../images/offshore.gif) left  no-repeat ;
		list-style:none;
	}
	.web-service ul li ul li
	{
	list-style:circle;
	background:none;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 20px;
	}
.left
{
float:left;
}
.right
{
float:right;
}
.clear
{
margin:0px;
padding:0px;
clear:both;
}
.main_body_wrapper
{
width:982px;
margin:0px auto;

}
.body_wrapper
{
background-color:#f6f5f5;
width:958px;
margin:0px auto;
padding:12px;
margin-top:5px;
margin-bottom:8px;
}

#main_div
{
width:950px;
margin:0px auto;
margin-top:5px;
margin-bottom:0px;
}

.sidebg{background:url(../images/sidebg.jpg) repeat-y #c8c9c9;
	padding:5px;
	} 
.sidebg-left{background:url(../images/sidebg.jpg) repeat-y #c8c9c9;
	padding:9px 0 0 5px;
	margin:0px;
	}  
 

/****************************top*********************/

#top_div
{
	background-color:#000000;
	height:66px;
}
#logo_div
{
	width:241px;
	float:left;
}

.i_txt
{
	color:#3bb3ff;
	text-decoration:none;
	padding:0px 5px;
}
a.i_txt:hover
{
	color:#ffffff;
	text-decoration:none;
}
/*.top_right
{
	padding-top:12px;
	float:left;
}
*/
.menu_div
{
	float:left;
	padding-top:14px;
}
.menu
{
margin:0px;
padding:0px;

}
.menu ul
{ list-style:none;
	margin:0px;
	padding:0px;

}
.menu ul li
{float:left;
line-height:38px;


}
.selected
{
background:url(../images/menu_hover.jpg) repeat-x;
color:#373636;
display:block;

}


/****************************header*********************/
#header_div
{	
	padding:7px 0px;
}

.image1
{ position: absolute;

top:25px;
width:34px;
height:27px;
margin:2px 5px;
margin-left:720px;

}
a
{
outline:0px;
}
.image1:hover
{position:absolute;
z-index:300;
width:50px;
height:40px;
top:20px;


}
.image2
{ position: absolute;

top:25px;
width:34px;
height:27px;
margin:2px 5px;
margin-left:760px;

}
a
{
outline:0px;
}
.image2:hover
{position:absolute;
z-index:300;
width:50px;
height:40px;
top:20px;


}
.image3
{ position: absolute;

top:25px;
width:34px;
height:27px;
margin:2px 5px;
margin-left:800px;

}
a
{
outline:0px;
}
.image3:hover
{position:absolute;
z-index:300;
width:50px;
height:40px;
top:20px;


}
.image4
{
position:absolute;
z-index:300;

top:25px;
width:34px;
height:27px;
margin:2px 5px;
margin-left:840px;

}
.image4:hover
{
position:absolute;
z-index:300;
top:20px;

}
.image5
{
position:absolute;
z-index:300;

top:25px;
width:34px;
height:27px;
margin:2px 5px;
margin-left:880px;
}
.image5:hover
{
position:absolute;
z-index:300;
top:20px;

}



/**************************bottom_part**************************/

.b_div_4
{
	width:214px;
	background: url(../images/box-bg.png) no-repeat #f6f5f5;
	padding:9px 8px;
	margin-right:9px;
	float:left;
	height:189px;
	text-align:center;
	line-height:15px;
	
}


.border_b
{border-bottom:1px solid #cccccc;
}
.strong_f
{
	font-weight:bold;
	color:#000000;
}

.learn
{
	color: #CC3300;
	text-decoration:none;
	}
.learn a
{color: #003399;
	text-decoration: none;
	}
	
.learn a:hover
{
	color: #003399;
	text-decoration:underline;
	}
	
	.b_link
	{
		color:#252525;
		text-decoration:none;
		font-size:11px;
	}
		a.b_link:hover
	{
		color:#e3dfdf;
		text-decoration:none;
		font-size:11px;
	}
	
	.copy
	{
		color:#252525;
		font-size:11px;
		padding-top:5px;
		padding-bottom:7px;
	}
	
.boxcontent_middlecontent_1{ background:url(../images/but1.gif) no-repeat;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#999999;
font-size:12px;
font-weight:bold;
width:157px;
height:21px;
text-align: center;
padding-top:10px;
display:block;

}
.mid
{ background:url(../images/middle_sadow.jpg) repeat-y;
padding:10px 10px 10px 10px;
clear:both;
height:260px;
text-align:justify;

}
.topimage{background:url(../images/top-image.jpg) no-repeat left top #ffffff;
	padding:20px 8px 5px 8px;
	height:830px;
		}
.textblue{color: #0066FF;
		font-size:18px;
		}
.box{ border:#CCCCCC solid 1px;
	padding:5px;
	}
.text3{font-size:14px;
	font-weight:bold;
	
}



/*leftmenu*/
.arrowlistmenu{
width: 198px; /*width of accordion menu*/
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font:11px Arial;
color: white;
text-align:left;
background: url(../images/downarrow.gif)  #666666 no-repeat center right; !important;
margin-bottom:1px; /*bottom spacing between header and rest of content*/
padding: 7px 0 7px 10px; /*header text is indented 10px*/
cursor:hand;
cursor: pointer;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background-image: url(titlebar-active.png);
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom:0px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom:0px;
line-height:24px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li .opensubheader{ /*Open state CSS for sub menu header*/
background: url(../images/arrowbullet.png) #ffffff no-repeat center right !important;

}

.arrowlistmenu ul li .closedsubheader{ /*Closed state CSS for sub menu header*/
background: lightgreen !important;
}

.arrowlistmenu ul li a{
text-align:left;
color: #333333;
background: url(../images/arrowbullet.png) #e2e2e2 no-repeat center right; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left:19px; /*link text is indented 19px*/
text-decoration: none;
font-size:11px;
}

.arrowlistmenu ul li a:visited{
color: #000000;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
background-color: #ffffff;
}

.arrowlistmenu ul li a.subexpandable:hover{ /*hover state CSS for sub menu header*/
background: #ffffff;
}

/*endleftmenu*/

.about-us{border: #CCCCCC solid 2px;
	padding:4px;
	height:150px;
	}
.contact-sadow{background:url(../images/contact_sadow.jpg) repeat-x #dfe7ea;
	line-height:27px;
	color:#000033;
	font-weight:bold;
	padding-left:5px;
	border-bottom:#FFFFFF solid 1px;
	}
.text03{font-size:18px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	}
.text04{font-size:18px;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	color:#009900;
	}
.tab-sadow{background:url(../images/tab-sadow.jpg) repeat-x #FFFFFF;
	height:20px;
	}