body {
background:url(images/bg.jpg) no-repeat top center #97cae4;
background-size: 100%;
margin:0px;
padding:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color: #3b5564;
}
p{
margin:0px;
padding:0 0 5px 0;
line-height:17px;
text-align:justify;
}
p.pat{
color:#FFFFFF;
}
h1{
color:#fff;
font-size:16px;
font-weight:bold;
margin:0px;
padding:5px 0 5px 0;
}
h2{
color:#759f1b;
font-size:16px;
float:left;
font-weight:bold;
margin:0px;
padding:5px 0 0 0;
}
span.blue{
color:#a5dcf8;
}
span.dark_blue{
color:#116c64;
}
#main_container{
width:900px;
height:auto;
margin:auto;
background-color:#fff;
}
.header{
position:relative;
width:900px;
float:right;
}
.right_header{
width:100%;
}

/*----------------------lang menu-------------------------*/
#lang-menu{
height:31px;
position:absolute;
top:0px;
left:704px;
}

#lang-menu ul{
list-style:none;
padding:0px;
margin:0px;
display:block;
font-weight:bold;
}

#lang-menu ul li{
list-style:none;
display:inline;
width:98px;
height:31px;
line-height:31px;
font-size:13px;
}

#lang-menu ul li a{
width:98px;
height:31px;
float:left;
text-decoration:none;
text-align:center;
background:url(images/lang_menu_bt.gif) no-repeat center;
}

/*----------------------menu-------------------------*/
#menu{
position:absolute;
top:165px;
width:100%;
height:35px;
}

#menu ul{
list-style:none;padding:0px;margin:0px;display:block; font-weight:bold;
}
#menu ul li{
list-style:none;display:inline;float:left;width:96px;height:35px;padding:0px;line-height:35px;font-size:13px;margin:0 3px 0 3px;
}
#menu ul li a{
height:35px; width:96px;float:right;text-decoration:none;padding:0px;margin:0px;color:#6c7b83;text-align:center; background:url(images/menu_bt.gif) no-repeat center;
}
#menu ul li a:hover{
height:35px;width:96px;text-decoration:none;color: #68C2EF;
}
#menu ul li a.current{
height:35px;width:96px;float:right;text-decoration:none;padding:0px;margin:0px;color: #68C2EF;background:url(images/menu_bt.gif) no-repeat center;
}

#middle_box{
width:900px;
height:208px;
clear:both;
margin:auto;
border-bottom-style:solid;
border-bottom-color:white;
}

.middle_box_content{
padding:30px 0 0 20px;
}
.top_menu{
width:285px;
float:right;
}


.pattern_bg{
width:900px;
height:auto;
clear:both;
margin:auto;
background:url(images/pattern_bg.jpg) repeat center;
}
.pattern_box{
width:400px;
float:left;
padding:15px 0px 0 18px;
}
.pattern_box_icon{
float:left;
padding:5px;
}
.pattern_content{
width:400px;
float:left;
padding:0 0 0 10px;
}
/*----------------------------------------------------------------------------------*/
.pattern_content a{
color:white;
}

.pattern_content ul{
font-size:10pt;
color:white;
font-weight:400;
}

.pattern_content li{
padding-bottom:5px;
color:white;
}

.list_head{
padding-left:23px;
padding-top:5px;
font-size:10pt;
color:white;
font-weight:bold;
background:url(images/silver_arrows.png) no-repeat left;
}

.show_box {
width:482px;
height:230px; 
float:right;
position: relative;
}

.show_box img{
position: absolute;
top:0;
left:0;
}
/*-----------------projects---------------------------*/
.project_bg{
width:900px;
height:auto;
clear:both;
margin:auto;
background:url(images/pattern_bg.jpg) repeat center;
}


.project_box{
width:800px;
float:left;
margin-left:50px;
margin-bottom:30px;
}

.project_title{
margin:auto;
font-weight:bold;
text-align:center;
color:#a5dcf8;
font-size:16px;
font-weight:bold;
margin-top:20px;
margin-bottom:20px;
}

.project_content{
height:auto;
float:left;
text-align:justify;
color:white;
}
.project_content ul{
font-size:10pt;
color:white;
font-weight:400;
}

.project_content li{
padding-bottom:5px;
color:white;
}

.project_content p{
padding-left:40px;
}

.project_challenge_title{
margin:auto;
font-weight:bold;
text-align:left;
color:#a5dcf8;
font-size:14px;
font-weight:bold;
margin-top:20px;
margin-bottom:10px;
}

.project_challenge p{
padding:0 0 5px 0;
}

.project_text p{
padding:0 0 5px 0;
}

.current_selection{
color:LightBlue;
text-height:18pt;
}
/*----------------------------service------------------*/
.service_bg{
width:900px;
height:auto;
clear:both;
margin:auto;
border-top:solid;
border-top-color:gray;
}


.service_box{
width:800px;
float:left;
margin-left:50px;
border-top:solid;
padding-top:30px;
border-top-width:1px;
border-top-color:#d0d0d0;
}

.service_text p{
padding:0 0 10px 0;
}

.service_text_combo img{
float:right;
padding:0 0 10px 0;
}

.service_text_combo ul{
float:left;
}

.service_text_combo li{
padding-bottom:5px;
}

.service_title{
width:850px;
height:40px;
font-weight:bold;
text-align:left;
color:#44627a;
font-size:16px;
font-weight:bold;
padding-left:50px;
padding-top:30px;
background:url(images/title_bg.jpg);
}

.service_subtitle{
font-weight:bold;
text-align:left;
color:#44627a;
font-size:14px;
font-weight:bold;
padding-bottom:10px;
}

.service_text a{
color:#6c7b83;
}
.service_text a:hover{
color: #68C2EF;
}

.service_text a.nolink:hover{
color: #6c7b83;
}

.service_text a.current{
color: #68C2EF;
}


.address_box{
width:400px;
float:left;
margin-left:50px;
padding-top:10px;
}

.address_box b{
font-weight:bold;
text-decoration:underline;
}
.address_bg{
width:900px;
height:auto;
clear:both;
margin:auto;
background:url(images/pattern_bg.jpg) repeat center;
}

.address_bg h1{
width:900px;
padding-top:30px;
padding-left:60px;
}

.address_content{
width:400px;
float:left;
padding:0px 0px 0px 10px;

}












/*---------------------main_content------------------*/
#main_content{
width:885px;
height: auto;
margin: auto;
padding:0 0 0 15px;
}
.clear{
clear:both;
}
.box_content{
width:267px;
height:auto;
float:left;
margin:10px 10px 30px 10px;
background:url(images/box_bg.gif) no-repeat top center;
}
.box_content2{
width:350px;
height:auto;
float:left;
background:url(images/box_bg2.jpg) no-repeat top center;
}
.box_title{
padding:10px 0 10px 0;
}
.title_icon{
float:left;
padding:0 5px 0 10px;
}
.box_text_content{
width:250px;
float:left;
padding:15px 0 0 15px;
}
.box_icon{
float:left;
padding:0 5px 0 0 ;
}
.box_text{
width:190px;
float:left;
text-align:justify;
padding:0 0 0 10px;
}
a.details{
float:right;
padding:5px 15px 0 0;
text-decoration:none;
font-weight:bold;
color:#f8851f;
}
/*-----------------------------footer------------------*/
#footer{
width:900px;
height:45px;
color:#508aa1;
background-color:#e8eff2;
}
.center_footer{
color:#c3ced4;
font-size:12px;
font-weight:bold;
width:900px;
padding:15px;
text-align:center;
}

/*----------------------------scada--------------------*/
#sevice_menu a{
text-decoration:none;
color:#6c7b83;
}
#sevice_menu a:hover{
text-decoration:none;
color: #68C2EF;
}
#sevice_menu a.current{
text-decoration:none;
color: #68C2EF;
}