@charset "UTF-8";
/* CSS Document */
body { 
margin: 0px 0px 0px 0px;
padding: 0px 0px;
width: 100%; 
font-family:Arial, Helvetica, sans-serif; 
font-size:12px;
background: url(images/top_bg.jpg) repeat-x top #ffffff;
}

a {
    color: #737878;
    text-decoration: none;
}

a:hover, a:focus {
    color: #0d4967;
    text-decoration: none;
}

a:focus { 
    outline: none;
}

img
{  border-style: none;
}


#container { 
width:100%;
position:relative;
top: 0; bottom: auto; left: 0; right:0px;
background-repeat:no-repeat;
}

#wrapper { 
width:970px;
position:relative;
margin:0 auto;
top: 0; bottom: 0; left: 0; right:0px;
z-index: 30;
}


/* ---------------------------------------- header -----------------------------------------------*/
#header { 
height:151px;
position:relative;
z-index:2000;
}

#logo { 
width:200px; height:131px;
z-index: 50; 
margin-top:20px;
float:left;
}

#slogan_top{
margin-top:116px;
position:relative;
color:#5dbc5e;
float:right;
width:500px;
font-size:20px;
font-family: 'Raleway', sans-serif;
}


#top_nav{
margin-top:120px;
position:relative;
color:#737878;
float:right;
width:150px;
font-size:11px;
}


#content{
position:relative;
display:block;
background-color:#FFF;
margin-bottom:10px;
}

#content .center{
position:relative;
display:block;
overflow:hidden;
}

.center .com_what {
/*display:block;*/
font-size:12px;
padding:0px;
}

.textarea {
float:right;
width:747px;
text-align:justify;
color:#5a5a5a;
font-size:11px;
line-height:1.5;
}

.left_col{
width:206px;
float:left;
border:0px solid #000;
}

.menu {
	background:url(images/arrow.jpg) no-repeat left;
	font-size:14px;
	color:#6d6d6d;
	border-bottom:1px solid #cfcfcf;
	padding-left:19px;
	padding-top:10px;
	padding-bottom:10px;	
}

a.menu1:link {
color: #6d6d6d; text-decoration: none;}
a.menu1:active {
color: #6d6d6d; text-decoration: none;}
a.menu1:visited {
color: #6d6d6d; text-decoration: none;}
a.menu1:hover {
color:#5dbb5e; border-bottom:1px solid #5dbb5e; padding-top:10px; padding-bottom:10px; width:206px;}

.solution {
	color:#56af56;
	border-bottom:1px solid #cfcfcf;
	font-family: 'Raleway', sans-serif;
	font-size:20px;
	padding-top:10px; padding-bottom:10px;
}

a.solution1:link {
color: #56af56; text-decoration: none;}
a.solution1:active {
color: #56af56; text-decoration: none;}
a.solution1:visited {
color: #56af56; text-decoration: none;}
a.solution1:hover {
color:#6d6d6d; border-bottom:1px solid #5dbb5e; padding-bottom:13px;}

.solution_ict {
	color:#404041;
	font-family: 'Raleway', sans-serif;
	font-size:20px;
	padding-top:10px; padding-bottom:10px;
}

.left_menu_title{
	font-size:24px;
	font-family: 'Raleway', sans-serif;
	margin-top:22px;
	color:#5bbc6a;
}

.line_menu{
	height:1px;
	width:207px;
	
}

/*a.menu:link {
	background:url(images/arrow.jpg) no-repeat left;
	font-size:14px;
	color:#6d6d6d;
	padding-left:19px;
	padding-top:10px;
	padding-bottom:10px;	
}*/

/*a.menu:hover {
	font-size:14px;
	color:#5dbb5e;
	border-bottom:1px solid #5dbb5e;
	padding-left:19px;
	padding-top:10px;
	padding-bottom:10px;
			
}*/

#banner{
width:747px;
height:331px;
display: block;
overflow: hidden;
}

#banner_content{
width:747px;
height:209px;
display: block;
overflow: hidden;
}


/*----------------------------------Banner------------------------------------------*/
.theme-default #slider {
    width:747px; /* Make sure your images are the same size */
    height:331px; /* Make sure your images are the same size */
	float:right;
}


.module_box{
	margin-top:0px;
	position:relative;
	
}

.boxes_about{
	width:243px;
	text-align:justify;	
	float:left;
}

.boxes_title{
	font-family: 'Raleway', sans-serif;
	font-size:24px;
	text-align:left;
	color:#3ab043;
	font-weight:500;
	margin-top:10px;
	margin-bottom:-10px;
}

.boxes_text{
	font-size:11px;
	text-align:justify;
	color:#585858;
}
	
.line{
	height:3px;
	width:243px;
	margin-top:4px;
	margin-bottom:4px;
}

.learnmore{
	margin-top:5px;
	background:url(images/arrow.jpg) no-repeat left;
	padding-left:20px;
	
}

a.learnmore1:link {
color: #138f3e; text-decoration: none;}
a.learnmore1:active {
color: #138f3e; text-decoration: none;}
a.learnmore1:visited {
color: #138f3e; text-decoration: none;}
a.learnmore1:hover {
color:#138f3e; text-decoration: underline;}

.boxes_product{
	width:243px;
	text-align:justify;
	margin-left:8px;
	float:left;
}

.boxes_contact{
	width:243px;
	text-align:justify;
	margin-left:10px;
	float:left;
}

.title{
	font-family: 'Raleway', sans-serif;
	font-size:24px;
	color:#56af56;
	float:left;
	
}

.article_content{
	background:url(images/bg_content.jpg) repeat-x top;
	padding:20px;
	font-size:12px;
}

.sub_title{
	font-family: 'Raleway', sans-serif;
	font-size:20px;
	color:#56af56;
	margin-top:10px;
}

.sub_slogan{
	font-family: 'Raleway', sans-serif;
	font-size:20px;
	color:#000;
	margin-top:10px;
	
}

.path{
	float:right;
	font-size:10px;
	margin-top:12px;
}

a.pathlink:link {
color: #138f3e; text-decoration: none;}
a.pathlink:active {
color: #138f3e; text-decoration: none;}
a.pathlink:visited {
color: #138f3e; text-decoration: none;}
a.pathlink:hover {
color:#138f3e; text-decoration: underline;}


/* ---------------------------------------- footer -----------------------------------------------*/
#footer{
width:100%;
position:relative;
top: auto; bottom: 0;
left:0; right: 0;
height:109px;
background:url(images/footer_bg.jpg) repeat-x;


}

#footer .size { 
width:970px;
height:109px;
position:relative;
margin:0 auto;
color:#656565;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
}

#footer .copyright {
padding-top:30px;


}

#footer .bottom_nav {
padding-top:30px;
   
}

/*
Back to top button 
*/
#back-top {
	position: fixed;
	bottom: 10px;
	right:50px;
}
#back-top a {
	width: 104px;
	display: block;
	text-align: center;
	font: 11px/100% Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #bbb;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover {
	color: #000;
}
/* arrow icon (span tag) */
#back-top span {
	width: 104px;
	height: 18px;
	display: block;
	margin-bottom: 100px;
	background: #ddd url(images/totop.jpg) no-repeat center center;
	/* rounded corners */
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover span {
	background-color: #777;
}

#project li{
	margin-bottom:10px;
}

/* Input/Form Styles */
label {padding-right: 20px; display: block; padding-bottom: 10px;}
input, textarea {font-family: Arial, Helvetica, sans-serif; font-size:12px;}
.inputbox {border: 1px solid #cecece; padding: 3px; width: 300px; -moz-border-radius: 3px; border-radius: 3px; margin-bottom: 2px; color: #666; background: url(images/bg_fade_sml.png) repeat-x top #ffffff;}
.inputbox2 {border: 1px solid #cecece; padding: 3px; width: 150px; -moz-border-radius: 3px; border-radius: 3px; margin-bottom: 2px; color: #666; background: url(images/bg_fade_sml.png) repeat-x top #ffffff;}
.inputbox:focus {border: 1px solid #5bbc6a;}
.smallbox {width: 300px; height:20px;}
.smallbox1 {width: 100px; height:15px;}