/* Generic */

html { width:100%; height:100%;}
body {margin:0; padding:0; text-align:center; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:0.7em; color:#333399; line-height:1.2em;}

a { color:#333399; border:0px; text-decoration:none;}

small { font-size:11px; color:#999; padding:0 10px 10px 0; clear:both; width:90%; text-align:right; float:right;}
.clearboth { clear:both; width:100%; padding:10px 0 10px 0;}

p { padding:0 0 14px 0;}
.leadingpara { float:left; font-size:1.1em; line-height:1.2em; width:100%;}
#preloader { position:absolute; top:-1000px;}

h1 { font-size:1.3em; padding:0 0 14px 0; color:#298e50;}

.ieurlfix { width:auto; float:left; display:block;}
.contentlist li { list-style-type:disc;  margin:0 0 0 12px;}
.contentlist { padding:0 0 14px 0;}

/* Layout */


#wrapper { width:900px; margin:0 auto; text-align:left;}
			
#header {float:left; width:900px; clear:both; padding:20px 0 20px 0; color:#999;}	
	
	
	
#maincontent_wrapper { float:left; width:900px; margin-top:10px;}	

	.home { background:url(../_images/home.jpg) no-repeat;  float:left; z-index:10; }
	.design { background:url(../_images/design.jpg) no-repeat;  float:left; z-index:10; }
	.installation {background:url(../_images/installation.jpg) no-repeat;  float:left; z-index:10; }
	.service {background:url(../_images/service.jpg) no-repeat;  float:left; z-index:10; }
	.accreditation {background:url(../_images/accreditation.jpg) no-repeat;  float:left; z-index:10; }
	.maintenance {background:url(../_images/maintenance.jpg) no-repeat;  float:left; z-index:10; }	
	
	

#maincontent { background:url(../_images/contentbak.png); padding:20px;  width:819px; height:326px; margin:230px 0 0 25px; float:left;}
	* html #maincontent { background:url(../_images/contentbak.png); padding:20px;  width:819px; height:326px; margin:230px 0 0 14px; float:left;}
	
.logo { position:absolute; margin:78px 0 0 -360px; top:0;  z-index:100; float:left;}

	.phone { position:absolute; margin:200px 0 0 -253px; top:0;  z-index:100; float:left;} 
	.hotair {position:absolute; margin:260px 0 0 -850px; top:0;  z-index:100; float:left;}

	
	#maincontent_c1 { width:168px; height:306px; float:left;}		
	#maincontent_c2 { width:340px; height:306px; margin:0 15px 0 15px; padding:0 15px 0 15px; float:left; border-left:2px solid #FFF;  border-right:2px solid #FFF; overflow:auto;}
	#maincontent_c3 { width:235px; height:306px; float:left;}	
	
		#maincontent_c3 ul { float:left; background:url(../_images/newsbak.png); font-size:0.9em; border-bottom:2px solid #FFF;}
		#maincontent_c3 li { border:2px solid #FFF; border-bottom:0px; padding:4px;}	
			#maincontent_c3 li a { font-weight:bold; width:100%; display:block;}
			.newsbak_title { background:url(../_images/newsbak_title.png); font-weight:bold;}
		
		
		
		
	#maincontent_footer { width:832px; height:25px; margin:0 0 -10px -14px; text-align:right; float:left; background:#fff;}
		* html #maincontent_footer { width:829px; height:20px; margin:0 0 -14px -6px; text-align:right; float:left; background:#fff;}	
		#maincontent_footer a { color:#999; font-size:0.8em; padding:5px 0 0 0;}
	#maincontent_footer ul { width:620px; float:right;}	
		#maincontent_footer ul li { width:auto; float:left; padding-right:5px; margin:5px 5px 0 0px; border-right:1px solid #999;}	
		
		
#footer {float:left; width:860px; padding:0 40px 0 0; text-align:center;}	


/* Navigation */
	
	.menu {height: 287px; width: 168px; float:left;}
	.menu ul li { float:left;}
	.menu ul .link1 a {position:relative; float: left;}
		.menu ul .link1 a:hover { background: url(../_images/navigationover_01.png) no-repeat; width: 168px; height: 28px; display:block;}		
	.menu ul .link2 a {position:relative; float: left;}
		.menu ul .link2 a:hover {position:relative; float: left; background: url(../_images/navigationover_02.png) no-repeat; width: 168px; height: 29px; display:block;}	
	.menu ul .link3 a {position:relative; float: left;}
		.menu ul .link3 a:hover {background: url(../_images/navigationover_03.png) no-repeat; width: 168px; height: 28px; display:block;}	
	.menu ul .link4 a {position:relative; float: left;}
		.menu ul .link4 a:hover {background: url(../_images/navigationover_04.png) no-repeat; width: 168px; height: 31px; display:block;}
	.menu ul .link5 a {position:relative; float: left;}
		.menu ul .link5 a:hover {background: url(../_images/navigationover_05.png) no-repeat; width: 168px; height: 26px; display:block;}
	.menu ul .link6 a {position:relative; float: left;}	
		.menu ul .link6 a:hover {position:relative; float: left; background: url(../_images/navigationover_06.png) no-repeat; width: 168px; height: 30px; display:block;}		
	.menu ul .link7 a {position:relative; float: left;}	
		.menu ul .link7 a:hover {position:relative; float: left; background: url(../_images/navigationover_07.png) no-repeat; width: 168px; height: 26px; display:block;}		
	.menu ul .link8 a {position:relative; float: left;}	
		.menu ul .link8 a:hover {position:relative; float: left; background: url(../_images/navigationover_08.png) no-repeat; width: 168px; height: 89px; display:block;}				
		
		
		
	.menu img { border:0px;}	
	* html .menu a:hover {visibility:visible}
	.menu ul li a:hover img {visibility:hidden}
	.menu span { position:absolute; top:-10000px;}	

	
		.link1selected img { position:absolute; top:-10000px;}
		.link1selected {background: url(../_images/navigationover_01.png) no-repeat; width: 168px; height: 28px; display:block;}
				
		.link2selected img { position:absolute; top:-10000px;}
		.link2selected { background: url(../_images/navigationover_02.png) no-repeat; width: 168px; height: 29px; display:block;}
		
		
		.link3selected img { position:absolute; top:-10000px;}
		.link3selected {background: url(../_images/navigationover_03.png) no-repeat; width: 168px; height: 28px; display:block;}
		
		.link4selected img { position:absolute; top:-10000px;}
		.link4selected {background: url(../_images/navigationover_04.png) no-repeat; width: 168px; height: 31px; display:block;}
		
		.link5selected img { position:absolute; top:-10000px;}
		.link5selected {background: url(../_images/navigationover_05.png) no-repeat; width: 168px; height: 26px; display:block;}
		
		.link6selected img { position:absolute; top:-10000px;}
		.link6selected {background: url(../_images/navigationover_06.png) no-repeat; width: 168px; height: 30px; display:block;}
		
		.link7selected img { position:absolute; top:-10000px;}
		.link7selected {background: url(../_images/navigationover_07.png) no-repeat; width: 168px; height: 26px; display:block;}
		
		.link8selected img { position:absolute; top:-10000px;}
		.link8selected {background: url(../_images/navigationover_08.png) no-repeat; width: 168px; height: 89px; display:block;}		

/* inner left menu */