@font-face {
font-family: 'OpenSans-Light';
src: url('../font/OpenSans-Light-webfont.eot');
src: url('../font/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
url('../font/OpenSans-Light-webfont.woff') format('woff'),
url('../font/OpenSans-Light-webfont.ttf') format('truetype'),
url('../font/OpenSans-Light-webfont.svg#OpenSansBold') format('svg');
font-weight: normal;
font-style: normal;
}
.alg_left{float:left; padding-top:60px;}
.alg_right{float:right; padding-right:10px;}
/* .log_rig{ float::left; with:960; height:auto;}  */
.cont{ width:100%; height:auto; }
#gray_four{ background-color:#f0f0f0; height:350px;width:100%;}
.pro_tit{color:#D94600;font-size:16px;}
.pro_tit1{ text-align:center;padding-bottom:10px;padding-top:20px;}
.tit_pro{ text-align:center; font-style:italic; font-size:15px; }
#gray_two{ background-color:#f0f0f0; height:auto;width:100%;float:left;}
#gray_two_2{ background-color:#f0f0f0; height:auto;width:100%;float:left;}
#gray_two_3{ background-color:#f0f0f0; height:auto;width:100%;float:left;}
#white_two{ background-color:#fff; height:auto;width:100%;float:left;}
.title_2{font-size:18px;}
#gray_three{ background-color:#f0f0f0; height:390px;width:100%; float:left;}
#white_three{ background-color:#fff; width:100%;float:left; margin-top:10px;}
.tit{ text-align:center; font-style:italic; font-size:15px; padding-bottom:30px;padding-top:20px;}
.black { color:#000; font-weight:bold;}
.blue { color:#09F; font-style:italic; text-decoration:none; }
.blue:hover { text-decoration:underline; color:#F63;}
.home_down{  font-size:24px;}
body{margin:0;font-family:'OpenSans-Light',Arial, Helvetica, sans-serif;font-size: 12px;color:#333;}
.headbar{height:10px;background-color:#333;width:100%;}
.wrap{width:960px;margin:0 auto;}
.logo{background:url(../images/ceo-logo.jpg) no-repeat;width:346px;height:48px;margin-top:20px;float:left;}
.menu{float:right;margin-bottom:10px;*margin-bottom:25px;}
.menu ul{list-style:none;*margin-top:20px;margin-top:15px;*padding-top:8px;}
.menu ul li{float:left;padding-left:10px;}
.menu ul li a{color:#333;text-decoration:none;border-right:1px solid #CCC;padding-right:10px;}
.menu ul li a .last{border:none;}
.menu ul li a:hover{color:#D94600;text-decoration:none;}
.selected{color:#D94600 !important;font-weight:bold;}
.floright{float:right;}
.clr{clear:both;}
.banner{/*background:url(../images/banner.jpg) no-repeat */;width:940px;height:430px; border: 10px solid #f0f0f0;box-shadow: 1px 0px 5px 0px  #333;}
.martop20{margin-top:20px;}
h2{color:#D94600;*font-size:18px;}
h3{*font-size:14px;}
p{line-height:25px;}

.ser_plot{ float:left; width:10px; height:10px; background-color:#D94600; margin-top:5px; margin-right:5px;}
.round{ float:left; width:35px; height:35px; border-radius:35px; background-color:#f0f0f0; color:#D94600;text-align:center; font-size:16px; line-height:40px;}
.prod_align{ padding-left:70px;width:400px ; height:220px; text-align:left; padding-right:10px;}
.left-content{width:450px;padding-right:25px;float:left;*margin-top:20px; height:660px;}
.right-content{width:450px;padding-right:25px;float:right;*margin-top:20px;height:660px;}

.homebot-border{border-bottom:1px solid #FFF;}
ul.quick-link {padding-left:20px;line-height:25px;list-style:url(../images/bullet.png);*padding-left:0px;*margin-left:20px;}
.social ul{padding:0;list-style:none;}
.social ul li span{line-height:0px;vertical-align:middle;}
.linked-icon{background:url(../images/linkedin.png) no-repeat;display:inline-block;height:40px;width:40px;padding-left:10px;}
.icon-title{padding:12px 0 0 0px;font-size:15px;}
.icon-title a{color:#333;text-decoration:none;}
.icon-title a:hover{color:#D94600;text-decoration:underline;}
.footer{background:#333;height:40px;width:100%;*margin-top:25px;float:left;}


/* ------- Deviders ----------*/
.part{
width:960px;margin:0 auto;	
}
.clear {
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}
.padding20 {
padding-top:20px;
font-size:0;
line-height:0;
}
.col_1_4 {
width:220px;
float:left;
margin:0 20px 0 0;
}
.white{
width:960px;margin:0 auto;
background-color:#CCC;
}
.col_1_2 {
width:470px;
float:left;
margin:0 20px 0 0;
}
.col_1_2.last,.col_1_3.last{
margin:0;
}
.col_1_3 {
width:305px;
float:left;
margin:0 22px 0 0;
}


.spl_tit_pro{font-size:24px;}
.paddtop{padding-top:20px;}
.faq{line-height:35px;padding:0 0 0 20px; ;}
.faq li a{color:#333;text-decoration:none;}
.faq li a:hover{text-decoration:underline;}
.faq-table{border-collapse:collapse;}
.faq-table tr td{padding:5px;}
h1{color:#D94600 ;}
.txtslider-div{font-size:18px;line-height:25px;color:#D94600;padding-top:40px;}
.clientlogin {}
.clientlogin span{ font-weight:bold; color:#DA4600;}
.clientlogin a{float:right;text-decoration:none;color:#333;}
.clientlogin a:hover{text-decoration:underline;}

.error{
	color:#FF393C;
	font-size:10px;
	font-style:italic;
}
.success{
	color:#2EC428;
}
.msg{
	float:right;
}

.s-down{
	border:1px solid #077E15;
	padding:1px; color:#FFFFFF; 
	background:#1DBD25
}
.imgClass { 
    background-image: url(images/Reset.gif);
    background-position:  0px 0px;
    background-repeat: no-repeat;
    width: 57px;
    height: 19px;
    border: 0px;
    background-color: none;
    cursor: pointer;
    outline: 0;
}




#ts_tabmenu {
	padding: 20px 0px 0px 0px; /* set the padding */		
}
#ts_tabmenu ul {
	line-height: 1em; /* setting the line height now so we don't have any headaches*/
	margin: 0px; /* let's keep the margin set to 0 for the same reasons as above*/
	list-style-type: none; /* we remove the UL's default disc bullets */
	float: left; /* we float the list to the left like we will all the elements inside*/
	padding: 0px 0px 0px 5px; /* give it a left padding of 5px to counter the effect of margin -5px below */
}
#ts_tabmenu ul li {
	float: left; /* floatin' left */
}
#ts_tabmenu ul li a {
	text-decoration: none; /* remove the default underline off the anchor text */
	display: block; /* we display this text as block so that we can apply padding/margin without problems */
	float: left; /* floatin' left, to make the menu horizontal */
	padding: 0px 0px 0px 10px;  /* we give it a left padding of 10px to show the first 10 pixels of the tabs image. you can also use padding-left: 10px; */
	background: url(../images/tabs0000.gif) no-repeat left top;  /* we link to the tabs image, no tiling, showing the top left part of it */
	margin-left: -5px;  /* this is important for the overlapping part - we are overlapping the tabs by 5 px */
	z-index: 0; /* keep it on layer 0 (default) */
	position: relative;  /* very important as this enables the z-index to work for us and keeps the tabs where they should be */
	color: #666666;  /* color of the tab text */	
}
#ts_tabmenu ul li a strong {
	font-weight: normal;   /* remove the bold effect */
	display: block;   /* display the strong element as a block so we can pad it, etc. */
	float: left;   /* float it left as well */
	background: url(../images/tabs0000.gif) no-repeat right top;  /* now we show the right part of the tab and we complete the "puzzle" */
	padding: 6px 10px 7px 5px;  /* important, as through this you define the position of the text within the tab */
	cursor: pointer;  /* this makes the browser show the "hand" cursor when hovering over the tab */
}
#ts_tabmenu ul li a:hover {
	position: relative; /* again, keep things relative */
	z-index: 5; /* we show this tab over all other tabs in the menu, which would be on layer 0, thus overlapping occurs */
	background: url(../images/tabs0000.gif) no-repeat left bottom;  /* now we show the bottom part of the tabs image, the "hover" instance */
	color: #000000;   /* we color the hovered tab's text black */
}
#ts_tabmenu ul li a:hover strong {
	background-image: url(../images/tabs0000.gif) no-repeat;  
	position: relative; /* keep it relative */
	z-index: 5; /* show this on layer 5 as well */
	background-position: right bottom; /* we show the right bottom part of the tabs image (the hover instance) */
}
#tsmenu1 #li_tsmenu1 a, #tsmenu2 #li_tsmenu2 a, 
#tsmenu3 #li_tsmenu3 a, #tsmenu4 #li_tsmenu4 a, 
#tsmenu5 #li_tsmenu5 a, #tsmenu6 #li_tsmenu6 a, 
#tsmenu7 #li_tsmenu7 a {
	position: relative;
	z-index: 5; 
	background: url(../images/tabs0000.gif) no-repeat left bottom;  
	color: #000000; 
}
#tsmenu1 #li_tsmenu1 a strong, #tsmenu2 #li_tsmenu2 a strong, 
#tsmenu3 #li_tsmenu3 a strong, #tsmenu4 #li_tsmenu4 a strong, 
#tsmenu5 #li_tsmenu5 a strong, #tsmenu6 #li_tsmenu6 a strong, 
#tsmenu7 #li_tsmenu7 a strong {	
	background-image: url(../images/tabs0000.gif) no-repeat;  
	position: relative; 
	z-index: 5; 
	background-position: right bottom; 
}



/* Navigation */

nav {
	/*margin-bottom: 30px;*/
	position: relative;
}

nav ul {
	overflow: hidden;
	padding-bottom: 10px;
	border-bottom: 5px solid #bbb;
}

nav li {
	float: left;
	margin-right: 29px;
}

nav li a {
	color: #666;
	font-weight: bold;
}

nav li a:hover,
nav li a:focus,
nav li a.current {
	color: #B70003;
}

nav #indicator {
	position: absolute;
	left: 15px;
	bottom: 5px;
	width: 12px;
	height: 7px;
	background-image: url('../images/notch.png');
}





/* Content */

#content section {
	display: none;
}

#content p {
	margin-bottom: 1em;
	line-height: 1.6;
}