/* CSS Document */

body{
	margin:0px; padding:0px;
	background:url(../images/body_bg.jpg) repeat-x left top;
	background-color:#D8D8D8;
	font-family:Arial, Helvetica, sans-serif;
}
fieldset {
	margin:0px; padding:0px;
	border:none;
}

#skip { display:none;}

hr{ display:none;}

ul,li, h1, h2, h3, p{
	margin:0px;
	padding:0px;
}

h1{
	font-size:150%;
	font-family:Arial, Helvetica, sans-serif;
	color:#800000;
	border-bottom:1px dashed #232323;
	padding:0px 0px 14px 10px;
	margin:0px 0px 18px 0px;
}

h1 span{ color:#232323;}

p{
	font-size:85%;
	color:#232323;
	line-height:17px;
	margin:0px 0px 25px 0px;
	text-align:justify;
}		

img { border:0px;}

#main_container{
	width:942px; height:auto;
	padding:21px 0px 0px 0px; margin:0px auto;
}

#top{
	width:942px; height:145px; float:left;
	background:url(../images/curve_m.jpg) repeat-x left top;
}

.topleft{
	width:500px; height:auto; float:left;
	padding:0px 0px 0px 30px;
	background:url(../images/curve_l.jpg) no-repeat left top;
}

.topleft img{ float:left;}

.topright{
	width:245px; height:auto; float:right;
	padding:90px 0px 0px 0px;
	background:url(../images/curve_r.jpg) no-repeat right top;
}	

.punchline{
	padding:60px 0px 0px 19px;
}	

.floatleft{ float:left;}

.floatright{float:right;}

#container{
/*	width:927px; height:auto; float:left;
	padding:0px 9px 0px 6px;*/
	width:942px; height:auto; float:left;
	background:url(../images/content_bg.jpg) repeat-y left top;
}	

.main_menu{
	width:927px; height:auto; float:left;
	margin:0px 0px 9px 0px;
	padding:0px 5px 0px 6px;	
}

.main_menu li{
	list-style-type:none;
	float:left;
}
.main_menu li strong{ display:none;}


.btn_home:link, .btn_home:visited{
	width:69px; height:45px; float:left;
	background:url(../images/btn_home.jpg) no-repeat left top;
}
.btn_home:hover, .active_home{
	width:69px; height:45px; float:left;
	background:url(../images/btn_home_hv.jpg) no-repeat left top;
}


.btn_indus:link,.btn_indus:visited{
	width:105px; height:45px; float:left;
	background:url(../images/btn_industries.jpg) no-repeat left top;
}
.btn_indus:hover, .active_indus{
	width:105px; height:45px; float:left;
	background:url(../images/btn_industries_hv.jpg) no-repeat left top;
}

.btn_worldwide:link, .btn_worldwide:visited{
	width:228px; height:45px; float:left;
	background:url(../images/btn_worldwide.jpg) no-repeat left top;
}
.btn_worldwide:hover, .active_worldwide{
	width:228px; height:45px; float:left;
	background:url(../images/btn_worldwide_hv.jpg) no-repeat left top;
}

.btn_clients:link, .btn_clients:visited{
	width:85px; height:45px; float:left;
	background:url(../images/btn_clients.jpg) no-repeat left top;
}
.btn_clients:hover, .active_clients{
	width:85px; height:45px; float:left;
	background:url(../images/btn_clients_hv.jpg) no-repeat left top;
}

.btn_xlogic:link, .btn_xlogic:visited{
	width:78px; height:45px; float:left;
	background:url(../images/btn_xlogix.jpg) no-repeat left top;
}
.btn_xlogic:hover, .active_xlogic{
	width:78px; height:45px; float:left;
	background:url(../images/btn_xlogix_hv.jpg) no-repeat left top;
}

.btn_xcontrol:link, .btn_xcontrol:visited{
	width:110px; height:45px; float:left;
	background:url(../images/btn_xcontrols.jpg) no-repeat left top;
}
.btn_xcontrol:hover, .active_xcontrol{
	width:110px; height:45px; float:left;
	background:url(../images/btn_xcontrols_hv.jpg) no-repeat left top;
}

.btn_contact:link, .btn_contact:visited{
	width:135px; height:45px; float:left;
	background:url(../images/btn_contact.jpg) no-repeat left top;
}
.btn_contact:hover, .active_contact{
	width:135px; height:45px;; float:left;
	background:url(../images/btn_contact_hv.jpg) no-repeat left top;
}

.btn_blog:link, .btn_blog:visited{
	width:116px; height:45px; float:left;
	margin:0px 0px 0px 1px;	
	background:url(../images/btn_blog.jpg) no-repeat left top;
}
.btn_blog:hover, .active_blog{
	width:116px; height:45px; float:left;
	margin:0px 0px 0px 1px;	
	background:url(../images/btn_blog_hv.jpg) no-repeat left top;
}

#header{
	width:927px; height:auto; float:left;
	margin:0px;
	padding:0px 5px 0px 6px;
}

.vision{
	width:305px; height:250px; float:left;
	margin:0px 6px 0px 0px;
	background:url(../images/vision_bg.jpg) no-repeat left bottom;
}
.ttl_vision{
	width:305px; height:40px;
	background:url(../images/ttl_vision.jpg) no-repeat left top;
}

.ttl_vision span{ display:none;}

.vision p{
	color:#FFFFFF;
	padding:23px 30px 0px 28px;
	font-size:85%;
	line-height:17px;
	text-align:justify;
}

.mes{
	width:305px; height:250px; float:left;
	margin:0px 6px 0px 0px;	
	background:url(../images/grey_bg.jpg) no-repeat left bottom;
}

.ttl_mes{
	width:305px; height:40px;
	background:url(../images/ttl_mes.jpg) no-repeat left top;
}

.mes p{
	color:#232323;
	padding:23px 30px 0px 28px;
	margin:0px;
	font-size:85%;
	line-height:17px;
	text-align:justify;
}

.ttl_mes span{ display:none;}

.click{ margin:0px;}

.click img{
	padding:10px 0px 0px 0px;
}

.xcontrol{
	width:305px; height:250px; float:left;
	background:url(../images/grey_bg.jpg) no-repeat left bottom;
}

.ttl_xcontrol{
	width:305px; height:40px;
	background:url(../images/ttl_xcontrols.jpg)	no-repeat left top;
}

.ttl_xcontrol span{ display:none;}

.xcontrol p{
	color:#232323;
	padding:23px 30px 0px 28px; margin:0px;
	font-size:85%;
	line-height:17px;
	text-align:justify;
}

#middle{
	width:915px; height:auto; float:left;
	padding:32px 14px 0px 13px;
	background:url(../images/container_bg.gif) no-repeat right bottom;
}

#left{
	width:573px; height:auto; float:left;
	margin:0px 30px 0px 0px;
}

#left p{
	padding:0px 10px 0px 10px;
}

.news_1{
	width:297px; height:auto; float:left;
}

.ttl_news{
	font-size:135%;
	color:#800000;
	border-bottom:1px solid #B08C2D;
	padding:0px 0px 18px 0px;
}

.news{
	width:297px; height:auto; float:left;
	border-bottom:1px dashed #cccccc;
	padding:0px 0px 15px 0px;
	margin:19px 0px 0px 0px;
}						

.news p{ margin:0px; padding:0px;}

.date{
	font-size:75%;
	color:#830000;
	padding-left:10px;

}

.news_title{
	font-weight:bold;
	color:#232323;
	padding-left:10px;
}
.lin  a:link, .lin a:visited{
color:#232323;
}
.lin a:hover{
color:#232323; text-decoration:none;}
.news_title a:link, .news_title a:visited{	color:#232323;}
.news_title a:hover{ color:#232323; text-decoration:none;}

.more_news{
	float:left;
	padding:19px 0px 0px 0px;
	margin:0px;
}
.more_news img{ float:right;}

.approach{
	width:569px; height:186px; float:left;
	margin:5px 0px 0px 0px;
}

.approach img{ float:left;
}

.approach_txt{
	width:482px; height:146px; float:left;
	margin:0px; padding:16px 53px 0px 32px;
	background-color:#EFEFEF;
	border-left:1px solid #999999;
	border-right:1px solid #999999;	
}
.approach_txt p{ 
	margin:0px; padding:0px;
	color:#800000;
	font-size:110%;
	line-height:26px;
	text-align:left;
}

#footer{
	width:914px; height:auto;
	padding:0px 14px 0px 14px; margin:0px auto;
}

.address{
	width:557px; height:auto; float:left;
	padding:16px 0px 0px 0px;
}	
.address p{
	margin:0px 0px 15px 0px; padding:0px;
	color:#232323;
}
.address span{ font-weight:bold;}

.address a:link, .address a:visited{ color:#800000;}
.address a:hover{ text-decoration:none;}

.copyright{
	width:315px; height:auto; float:right;
	padding:16px 0px 0px 0px;
}	

.copyright p{
	text-align:right;
	padding:0px;
	margin:0px 0px 12px 0px;
	color:#666666;
	font-size:80%;
}

.copyright a:link, .copyright a:visited{ color:#666666; }
.copyright a:hover{ text-decoration:none;}	

/** general page styles **/


#middle2{
/*	width:911px; height:auto; float:left;
	padding:13px 3px 130px 11px; margin:0px;*/
	width:924px; height:auto; float:left;
	padding:13px 3px 125px 13px;	
	background:url(../images/container_bg.gif) no-repeat right bottom;

	}
#middle2news{
/*	width:911px; height:auto; float:left;
	padding:13px 3px 130px 11px; margin:0px;*/
	width:924px; height:auto; float:left;
	padding:13px 3px 125px 13px;	
 	background:url(../images/container_bg.gif) no-repeat right bottom;
}
#left2{
	width:615px; height:auto; float:left;
	padding:22px 17px 0px 16px;
	margin:0px 10px 0px 0px;
	background:url(../images/leftbg1.jpg) no-repeat left top;
}

#main{
	width:850px; height:auto; float:left;
	padding:22px 17px 0px 16px;
	margin:0px 10px 0px 0px;
	background:url(../images/main_news.jpg) no-repeat left top ;
}

#main p{
	padding:0px 10px 0px 10px;
	line-height:18px;
}

#left2 p{
	padding:0px 10px 0px 10px;
	line-height:18px;
}

.news_2{
	width:253px; height:auto; float:left;
	padding:10px 0px 0px 0px;
	margin:0px;
	background:url(../images/news_t.gif) no-repeat left top;	
}
.news_2 img{ float:left;}

.newsbg{
	width:202px; height:auto; float:left;
	padding:10px 27px 10px 22px;
	background:#f7f7f7;
	border-left:1px solid #DEDEE0;
	border-right:1px solid #DEDEE0;	
}	

.ttl_news2{
	font-size:125%;
	color:#800000;
	border-bottom:1px solid #B08C2D;
	padding:0px 0px 20px 0px;
	margin:0px;
}

.newsbox{
	width:202px; height:auto;
	border-bottom:1px dashed #cccccc;
	padding:0px 0px 15px 0px;
	margin:19px 0px 0px 0px;
}

.newsbox p{ margin:0px; padding:0px;}

.more_news2{
	width:202px; height:auto;
	float:left;
	padding:19px 0px 0px 0px;
	margin:0px;
}
.more_news2 img{ float:right; margin:0px; padding:0px;}

.indus_bullet{
	width:300px; height:auto; float:left;
}	

.indus_bullet li{ margin:0px 0px 17px 0px;}

.bullet{
	margin:0px;
	padding:0px;
}

.bullet li{
	background:url(../images/bullet_icon.gif) no-repeat left top;
	padding:0px 0px 0px 30px;
	list-style-type:none;
}
		
.img1{
	margin:0px 30px 0px 0px;
}

.text1{	color:#800000; font-weight:bold;}

.worldwide_t{
	width:580px; height:10px; float:left;
	margin:0px; padding:0px;
	background:url(../images/worldwide_t.gif) no-repeat left top;
}

.worldwide_b{
	width:580px; height:10px; float:left;
	margin:0px; padding:0px;
	background:url(../images/worldwide_b.gif) no-repeat left top;
}

.worldwide{
	width:580px; height:auto; float:left;
	margin:21px 0px 0px 0px; padding:0px;
	background:url(../images/worldwide_m.jpg) repeat-y left top;
}

.country{
	width:169px; height:auto; float:left;
	margin:0px 25px 0px 0px;
	padding:0px 21px 0px 0px;
	text-align:right;
}
.country li{
	list-style-type:none;
	font-size:85%;
	color:#FFFFFF;
	margin:0px 0px 19px 0px;
}

.installation{
	width:294px; height:auto; float:left;
}

.installation li{
	list-style-type:none;
	font-size:85%;
	color:#232323;
	margin:0px 0px 19px 0px;
}

.clients{
	width:590px; height:auto; float:left;
	margin:0px; padding:0px 0px 0px 10px;
}

.clients_logo{
	width:177px; height:88px; float:left;
	margin:0px 13px 13px 0px; 
	padding:6px 0px 0px 5px;	
	background:url(../images/clientsbg.gif) no-repeat left top;
}

.latest_projects{
	width:253px; height:auto; float:left;
	padding:0px;
	margin:0px;
	background:url(../images/news_t.gif) no-repeat left top;	
}	

.ttl_latest_proj{
	width:253px; height:60px; float:left;
	background:url(../images/ttl_latestprojects.jpg) no-repeat left top;
}

.latest_proj_bg{
	width:171px; height:auto; float:left;
	padding:0px 40px 0px 40px; margin:0px;
	background:#f7f7f7;
	border-left:1px solid #DEDEE0;
	border-right:1px solid #DEDEE0;	
}
.latest_proj_bg img{ border:1px solid #676767;}

.latest_proj_bg p{ color:#962E2E; margin:0px 0px 18px 0px; text-align:center;}

/**contact page**/

.contact_1{
	width:380px; height:auto; float:left;
	padding:20px 10px 0px 10px; margin:0px 18px 0px 0px;
	background:url(../images/contact_bg1.jpg) no-repeat left top;
}

.contact_info{
	width:342px; height:auto; float:left;
	padding:0px 19px 0px 19px;
}
	
.contact_info div{
	width:342px; height:auto; float:left;
	border-bottom:1px solid #cccccc;
}

.contact_txt1{
	width:150px; height:auto; float:left;
	font-weight:bold;
	margin:0px;
	padding:14px 0px 10px 0px;
}

.contact_txt2{
	width:192px; height:auto; float:left;
	margin:0px;
	padding:14px 0px 10px 0px;
}

.contact_txt2 a:link, .contact_txt2 a:visited{ text-decoration:none; color:#232323;}
.contact_txt2 a:hover{ text-decoration:underline; color:#232323;}

.contact_bg3{
	background:url(../images/contact_bg3.jpg) no-repeat left top;
	border-bottom:0px;
	padding:19px 0px 20px 0px;
	margin:5px 0px 0px 0px;
}

.contact_txt3 {
	width:150px; height:auto; float:left;
	padding:0px;
	margin:0px;
	border-bottom:0px;	
	color:#FFFFFF;
	text-align:center;
	text-decoration:none;
	font-weight:bold;
}

.contact_txt3 a:link,.contact_txt3 a:visited {
	padding:0px;
	margin:0px;
	color:#FFFFFF;
	text-decoration:underline;
	font-weight:bold;
}
.contact_txt3 a:hover {
	padding:0px;
	margin:0px;
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
}

.contact_txt4{
	width:172px; height:auto; float:left;
	padding:0px 0px 0px 20px;
	margin:0px;
	border-bottom:0px;	
	color:#232323;
	text-align:left;

}

.contact_txt4 a:link, .contact_txt4 a:visited{
	color:#232323;
	text-decoration:underline;
}

.contact_txt4 a:hover{
	color:#232323; text-decoration:none;
}

.findus{
	width:342px; height:auto; float:left;
	padding:0px 19px 0px 19px;
	margin:40px 0px 0px 0px;
}

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

.sub_ttl{
	font-size:155%;
	font-family:Arial, Helvetica, sans-serif;
	color:#800000;
	border-bottom:1px dashed #232323;
	padding:0px 0px 14px 10px;
	margin:0px 0px 18px 0px;
}

.sub_ttl span{ color:#232323;}

.contact_2{
	width:450px; height:auto; float:left;
	padding:20px 10px 0px 40px;
	background:url(../images/contact_bg2.jpg) no-repeat left top;
}

.contact_2 a:link, .contact_2 a:visited{ color:#800000; font-size:90%; font-weight:bold;}

.map { 
	float:left;
	margin:0px 20px 20px 0px
}