html, body, div, span, applet, object, iframe h1, h2, h3, h4, h5, h6, p, blockquote, pre a, abbr, acronym, address, big, cite, code del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var dl, dt, dd, ol, ul, li fieldset, form, label, legend table, caption, tbody, tfoot, thead, tr, th, td, input, textarea, select { border: 0; font-family: inherit; font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; }
article, aside, details, div, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
input, textarea, select { box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; }
input, select { vertical-align: baseline; }
textarea { vertical-align: top; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
:focus { outline: 0; }
a { color: #00a651; text-decoration: none;}
a:hover { color: #3e3e3e; text-decoration: none;}
a img { border: 0; }
del { text-decoration: line-through; }
em { font-style: italic; }
ins { text-decoration: none; }
strong { font-weight: bold; }
small, .small { font-size: 11px; line-height: 13px; }
sup { margin-left: 2px; font-size: .64em; }
table { display: table; border-collapse: collapse; border-spacing: 0; clear: both; }
td, th { display: table-cell; vertical-align: auto; }

.clear { clear: both; }

body{
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	margin: 0 auto;
}

h1, h2, h3, h4, h5, h6 { margin: 18px 0 12px; font-weight: normal; color: #00aeef; }
h1.first, h2.first, h3.first, h4.first, h5.first, h6.first, p.first { margin-top: 0; }
h1 { font-size: 42px; line-height: 44px; letter-spacing: -1px; }
h2 { font-size: 30px; line-height: 32px; }
h3 { font-size: 24px; line-height: 26px; }
h4 { font-size: 18px; line-height: 20px; color: #000000;}
h5 { font-size: 16px; line-height: 20px; font-weight: bold; color: #000000; font-style:italic; margin: 0 0 20px;}
h6 { font-size: 14px; line-height: 18px; font-weight: bold; color: #6b6b6b; }
ul li {font-size: 14px;}
p {margin: 0 0 20px; line-height:20px; font-size:14px;} 
 
#wrapper { display: block; margin: 0 auto; width: 985px;}

#main_nav{ 
		/*background-image:url(../images/navigation.png);
		width:985px;
		height:38px;*/
		margin:20px 0;}
#banner-holder{margin-bottom:30px;}

#first-holder{margin-bottom:30px; background-image:url(../images/about-us_1.jpg); background-repeat:no-repeat; width:985px; height:498px;}
.about{ width:580px; padding: 70px 0 0 350px;}
.about p{ margin: 0 0 10px; line-height:20px; font-size:14px; font-weight:bold;}

#first-holder_2{margin-bottom:30px;}

.second-holder{margin-bottom:30px; }

#first-holder_2 .box_repeaty{background-image:url(../images/box_content.jpg); background-repeat: repeat-y;  width:945px; padding:20px;}
.box_content{ margin-left:75px; margin-right:75px;}
.box_content1{ margin-left:75px; margin-right:75px;width:800px;}
.blue-info{ color: #448ccb; margin: 0 0 20px 0;}
.box_content ul { margin: 0; padding: 0; list-style: url(../images/blue_dot.png); }
.box_content ul li { margin: 0 0 20px 0; }
.box_content ul li.short { width:350px;}
.box_inner{ margin-bottom:2px;}
.short { width:350px;}
.short-bit { width:550px;}
.hand-img{margin: -300px 0 0 447px;}
.product-big-img{margin: -480px 0 0 470px;}
.i-energy-img{margin: -440px 0 0 500px;}

.back-to-top-btn{ float:right; margin:20px;}

.sub-title{ margin:20px 26px 10px;}

#secondary-holder{margin-bottom:30px; width:985px; height: 288px;}
#secondary-holder .col { position: relative; height: 288px; }
#secondary-holder .col:hover .more { color: #77f132; font-size:14px; }
#secondary-holder .cta {
	position: absolute;
	top: 0px;
	bottom: 0;
	left: 1px;
	right: 0;
	display: block;
	width: 328px;
	height: 288px;
	z-index: 10;
}

.columns {  background-image:url(../images/more_bg.png);}
.columns { margin: 0; padding: 0; list-style: none; clear: both; }
.columns .inner { padding: 20px; }
.columns .heading { margin: 0 0 .5em; text-align:center;}
.columns ul { margin: 0; padding: 0; list-style: none; }
.columns .col-3 li { float: left; width: 328px; margin: 0; padding: 0; }]
.columns .col-3 .icon { display: block; margin: 0px auto; vertical-align:middle;}
.columns .col-3 .content { text-align: center; width: 288px;}
.columns .col-3 .content p { margin: 0 0 2px; line-height:20px; font-size:14px;}
.columns .col-3 .more { display: inline-block; margin-top: 10px; margin-bottom: 10px; font-size: 11px; line-height: 15px;  font-size:14px; color: #00a651 }

#secondary-holder4 {margin-bottom:30px; width:985px; height: 213px;}
.columns4 { margin: 0; padding: 0; list-style: none; clear: both; }
.columns4 ul { margin: 0; padding: 0; list-style: none; }
.columns4 .col-4 li { float: left; width: 328px; margin: 0; padding: 0; }
.columns4 .col-4 li.col1 { float: left; width: 328px; margin: 0; padding: 0; }
.columns4 .col-4 li.col2 { float: left; width: 328px; margin: 0; padding: 0; }

.careline{
	background-image:url(../images/Careline.jpg);
	background-repeat:no-repeat;
		width:985px;
		height:105px; 
		margin: 0 0 30px 0 ;
		background-position:top; 
		position: relative;
		}
		
.email_us{
		position: absolute;
		background-image:url(../images/email_us.png);
		background-repeat:no-repeat;
		background-position:0 0;
		width:122px;
		height:27px;
		margin: 66px 0  0 850px;
		display: block
		}

.email_us:hover{ background-position: 0 -27px;}


#bottom { font-size: 10px; line-height: 12px; color: #666; border-bottom: 1px solid #c4c4c4; position:relative; margin-bottom:10px;}
#bottom .container { padding: 10px 0 20px; }

/*#bottom a { color: #666; font-weight: bold; }
#bottom span { margin-left: 5px; margin-right: 5px; }
#bottom-links {
	position: absolute;
	left: 647px;
	top: 10px;
}*/
/*************************************************************************************************
	contact us
**************************************************************************************************/
.contact_form{
float:left; width: 470px;}

.contact_detail{ float:right; width: 265px; border-left:#cccccc solid 1px; padding: 0 0 0 30px;
}

form p { display: block; clear: both; }
form input.text, textarea.text { width: 374px; margin-bottom:10px;}
form input.text.short { width: 240px; }
form input.button {
	padding-top: 2px; padding-bottom: 2px; 
	padding-left: 15px; padding-right: 15px;
	background-image:url(../images/contact/contact_submit_btnl.png);
	color:#FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:22px;
	width:185px;
	height:44px;
	}

form input.button:hover{
	background-color:#999; 	
}
	
form .label{
	text-align:right;
	line-height:35px;
	width:70px;
	color: #7d7d7d;
	font-weight:bold;
	float:left;
	}
form .text{
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	color: #7d7d7d;
	float:right;
	font-weight:bold;
	padding:10px;
	}
form .background{background-image: url(../images/contact/contact_form_fill.png); background-repeat:no-repeat;
width:374px; height:35px;}

form .message-bg{background-image: url(../images/contact/contact_form_message.png); background-repeat:no-repeat;
width:374px; height:146px;}
	
.checkbox_holder{
	float:left;
	width:320px;
}

.boxweight{
float:right;
text-align:left;
	width: 375px;
	}
.boxweight p{ font-size:13px; margin:0 0 10px;
	}
	
.validator_message { margin-left:100px; display: block; color: red; font-size: 11px; line-height: 11px; clear: both; }
	
	
/*********************************************checkbox**********************************************/
fieldset    { border: 0; padding-bottom: 9px; }
label       { display: block; cursor: pointer; line-height: 20px; padding-bottom: 9px; text-shadow: 0 -1px 0 rgba(0,0,0,.2); }
.radios     { padding-top: 18px; background: url(divider.png) repeat-x 0 0; }
.label_check input,
.label_radio input  { margin-right: 5px;}
#footer     { width: 100%; text-align: center; font-size: 12px; }
#footer a   { padding: 2px 10px; margin: 0 2px; color: #999; background: #ddd; text-decoration: none; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -khtml-border-radius: 10px; }
#footer a:hover,
#footer a:focus { color: #fff; background: #333; background: rgba(0,0,0,.3); }

.has-js .label_check,
.has-js .label_radio    { padding-left: 34px;}
.has-js .label_radio    { background: url(radio-off.png) no-repeat; }
.has-js .label_check    { background: url(../images/contact/contact_tick_btn_uncheck.png) no-repeat;}
.has-js label.c_on      { background: url(../images/contact/contact_tick_btn_check.png) no-repeat;}
.has-js label.r_on      { background: url(radio-on.png) no-repeat; }
.has-js .label_check input,
.has-js .label_radio input  { position: absolute; left: -9999px; }

/****************************************************************************************************
	nav menu
*****************************************************************************************************/
#nav {padding:0; margin:0; list-style:none; width:985px; height:38px; position:relative; font-family:arial, verdana, sans-serif;}
#nav li.top {display:block; float:left; height:38px; }
#nav li a.top_link {display:block; float:left; width:173px; height:38px; line-height:33px; color:#ccc; text-decoration:none; font-size:13px; font-weight:bold; cursor:pointer;background: url(../images/navigation_btn1.jpg);}
#nav li a.top_link span {display:block; text-align:center; vertical-align:middle;}
#nav li:hover a.top_link {color:#fff; width:173px; height:38px; text-align:center; vertical-align:middle; background: url(../images/navigation_rollover.jpg);}
#nav li a.parent {color:#fff; width:173px; height:38px; text-align:center; vertical-align:middle; background: url(../images/navigation_rollover.jpg);}
#nav li a.current{color:#fff; width:173px; height:38px; text-align:center; vertical-align:middle; background: url(../images/navigation_rollover.jpg);}

/* Default list styling */

#nav li:hover {position:relative; z-index:200;}

#nav li:hover ul.sub
{left:1px; top:38px; background: #383838; padding:3px;width:237px; height:auto; z-index:300;}
#nav li:hover ul.sub li
{display:block; height:36px; position:relative; float:left; width:237px; font-weight:normal;}
#nav li:hover ul.sub li a
{display:block; font-size:13px; font-weight:bold; height:36px; width:237px; line-height:36px; text-indent:5px; text-align:center; vertical-align:middle; color:#fff; text-decoration:none;}
#nav li:hover ul.sub li a:hover 
{background: #277B86; color:#fff;}
#nav li:hover ul.sub li a.current 
{background: #277B86; color:#fff;}



#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul
{left:90px; top:-4px; background: #bbd37e; padding:3px; border:1px solid #5c731e; white-space:nowrap; width:90px; z-index:400; height:auto;}

#nav ul, 
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}
/**************************************************************************************************
Product
**************************************************************************************************/
.tab-menu { margin: 20px 0; padding: 0; list-style: none;float:left; position:relative;display:block;width:257px;}
.tab-menu-item { /*float:left;margin: 0 10px 15px 0;*/}
.tab-menu-item a {  width:257px; height:37px; line-height:33px; color:#09F; text-decoration:none; font-size:13px; font-weight:bold; cursor:pointer;background: url(../images/bttn_white.jpg);display:block; text-align:center; vertical-align:middle;float:left;/*float:left;padding: 0px 80px; font-size: 15px; line-height: 17px; color:#09F; background-color: #ffffff;  border: 1px solid #000;white-space: nowrap; cursor: pointer; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -khtml-border-radius: 5px;*/}
.tab-menu-item a:hover, .tab-menu-item a.current { color:#fff; width:257px; height:37px; text-align:center; vertical-align:middle; background: url(../images/bttn_gray.jpg);text-decoration:none;/*color: #fff; background-color: #989898; text-decoration:none;*/ }
.tab-container { margin: -320px 0 15px;width:500px;float:right; position:relative;display:block;}


/**************************************************************************************************
	tab
**************************************************************************************************/
/*#tabs .nav { margin: 0; padding: 0; list-style: none; }
#tabs .nav li { float: left; display: block; width: 132px; height: 22px;  background: url(../images/Client_Country_btn2.png) no-repeat; text-align: center;}*/
.nav{width:265px;height:22px;display:block;}
.nav ul{margin:0;padding:0;list-style:none;}
.nav li{margin:0;padding:0;float:left;display:inline;}
.tab1, .tab2{display:block;height:22px;background: url(../images/Client_Country_btn2.png) 0 0 no-repeat;}
.tab1 { width:132px;background-position: 0 0; }
.tab2 { width:132px;background-position: -132px 0; }
.tab1.current { background-position: 0 -22px; }
.tab2.current { background-position: -132px -22px; }
.tabcontainer{background:url(../images/Client_bg.jpg); width:986px; height:171px;}
#tabs .list-wrap { clear:both; }
#tabs .list-wrap .tab-panel { display: none;}
#tabs .list-wrap .tab-panel:first-child, #main #tabs .list-wrap .tab-panel.first { display: block; }


/****************************************************************************************************
	Slideshow
******************************************************************************************************/
#slides {
	width:986px;
	height:592px;
	display:block;
	margin: 0 auto;
}

/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

.slides_container {
	width:986px;
	overflow:hidden;
	position:relative;
	display:none;
}

/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/

.slides_container a {
	width:986px;
	height:592px;
	display:block;
}

.slides_container a img {
	display:block;
}

/*
	Pagination
*/

.pagination {
	/*margin:26px auto 0;*/
	width:100px;
	position:relative;
	top:-45px;
	left:4px;
	z-index:100;
	margin: 0 auto;
}

.pagination li {
	float:left;
	margin:0 1px;
	list-style:none;
}

.pagination li a {
	display:block;
	width:11px;
	height:0;
	padding-top:11px;
	background-image:url(../images/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}

.pagination li.current a {
	background-position:0 -11px;
}

/*
	Anchors
*/

a:link,a:visited {
	/*color:#000000;*/
	text-decoration:none;
}

a:hover,a:active {
	color:#599100;
	text-decoration:underline;
}

/*text color*/
.green a{
	color:#0C6;
	font-weight: bold;
}
.green a:hover{
	color:#666;
	font-weight:bold;
	text-decoration:none;
}
.grey{
	color:#666;
	font-weight: bold;
}
/*#wrapper #main_nav #nav {
	color: #3C3C3C;
}*/

.blue{
	color:#06F;	
}