/* CSS Document */

body{
	padding:0 0 0 0;
	margin:0;
	background-color:#000000;
	font-family: "Trebuchet MS",Arial, Helvetica, sans-serif;

}

div, h1, h2, h3, h4, p, form, label, input, textarea, span{
	margin:0; padding:0;
    
}

ul{
	margin:0; 
	padding:0; 
	list-style-type:none;
	font-size:0;
	line-height:0;
}
.spacer{
	clear:both; 
	font-size:0; 
	line-height:0;
}
/*------------------------------------------------main--------------------*/

/*------------------------------------------------top--------------------*/
#topMain{
	width:1004;
	background-color:#000000;
	height:207px;
}
#top{
	width:1004px;
	background:url(images/top_bg.gif) 0 0 repeat-x;
	height:207px;
	background-color:#FFFFFF;
	margin:0 auto;
}
#top ul.top{
	width:112px;
	height:16px;
	float:right;
	margin:1px 0 0 0;
}
#top ul.top li{
	float:left;
	font-size:0;
	line-height:0;
}
#top ul.top li a.signup{
	display:block;
	background:url(images/signup_bg.gif) 0 0 no-repeat;
	width:55px;
	height:16px;
	font:bold 9px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FFFEF4;
	background-color:inherit;
	text-align:center;
	text-decoration:none;
	margin:0 2px 0 0;
	text-transform:uppercase;
}
#top ul.top li a.signup:hover{
	color:#EDED8F;
	background-color:inherit;
}
#top ul.top li a.login{
	display:block;
	background:url(images/login_bg.gif) 0 0 no-repeat;
	width:55px;
	height:16px;
	font:bold 9px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FFFEF4;
	background-color:inherit;
	text-align:center;
	text-decoration:none;
	margin:0;
	text-transform:uppercase;
}
#top ul.top li a.login:hover{
	color:#EDED8F;
	background-color:inherit;
}
#top img.logo{
	display:block;
	font-size:0;
	line-height:0;
	/*margin:27px 39px 0 0;*/
	float:left;
}

.contactform{
width:600px;
height:600px;
}

.contact_title{
float:right;
}
.contact2_title{
float:right;

}

.contact2_title img{

	margin:0 0 0 0;
}


#top ul.nav{
	width:1004px;
	height:25px;
	margin:2px 0 0 0;
	float:left;
	background:url(images/nav_div.gif) left top no-repeat;
	padding:0 0 0 25px;
}
#top ul.nav li{
	float:left;
	font-size:0;
	line-height:0;
	background:url(images/nav_div.gif) right top no-repeat;
	height:25px;
	padding:0 2px 0 0;
}
#top ul.nav li.noImg{
	background-image:none;
}
#top ul.nav li a{
	display:block;
	padding:0 18px;
	font:bold 10px/25px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	background-color:inherit;
	text-decoration:none;
	text-transform:uppercase;
	border:none;
}
#top ul.nav li a:hover{
	background:url(images/nav_hover.gif) 0 0 repeat-x;
	padding:0 17px;
	border-left:#000000 solid 1px;
	border-right:#000000 solid 1px;
	color:#fff;
	background-color:inherit;
}
#top ul.nav li a.hover{
	display:block;
	background:url(images/nav_hover.gif) 0 0 repeat-x;
	padding:0 16px;
	border-left:#000000 solid 1px;
	border-right:#000000 solid 1px;
	color:#fff;
	background-color:inherit;
	font:bold 10px/25px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration:none;
	text-transform:uppercase;
}
#top ul.sub{
	width:898px;
	padding:10px 0 0 31px;
	float:left;
}
#top ul.sub li{
	float:left;
	color:#000000;
	background-color:inherit;
	font:normal 11px/9px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#top ul.sub li a{
	color:#000000;
	background-color:inherit;
	font:normal 11px/9px "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding:0 12px;
	text-decoration:none;
}
#top ul.sub li a:hover{
	color:#999999;
	background-color:inherit;
}
	
/*------------------------------------------------top--------------------*/

/*------------------------------------------------bodyTop--------------------*/
#bodyTopMain{
	width:1004px;
	padding:0 0 40px 0;
	background-color:#FFFFFF;
	color:#000000;
	margin:0 auto;
    
}
#bodyTop{
	width:1004px;
	background-color:#FFFFFF;
	margin:0 auto;
	padding:15px 0 0 0;

}
#bodyTop p.rightTop{
	display:block;
	background:url(images/right_top.gif) 0 0 no-repeat;
	width:324px;
	height:6px;
	font-size:0;
	line-height:0;
	float:right;
}
#bodyTop p.rightBot{
	display:block;
	background:url(images/faq_bg_bottom.gif) 0 0 no-repeat;
	width:324px;
	height:21px;
	font-size:0;
	line-height:0;
	float:right;
}
#bodyTop a.sp{
	display:block;
	background:url(images/special_offer.gif) 0 0 no-repeat;
	width:324px;
	height:80px;
	margin:13px 0 0 0;
	float:right;
}
#bodyTop a.sp:hover{
	background:url(images/special_offer_hover.gif) 0 0 no-repeat;
}
/*------------------------------------------------left--------------------*/
#left{
	width:1004px;
	float:left;
	margin:0 0 0 0;
    height: 100%;
    background-color:#ffffff;
}



#prodleft{
	width:1000px;
	
	margin:0 0 0 0;
    height: 100%;
}
#prodleft img{
	  text-align:center;
	  display:block;
  margin-left:auto;
  margin-right:auto;
  
}
#industryleft{
	width:1000px;
	
	margin:0 0 0 0;
    height: 100%;
}
#industryleft img{
	  float:right;
  padding:10px 0 0 0;
}


#industryleft h2.welcome{
	display:block;
	
	font-size:x-large;
	color:#8bc341;
	
	margin:0 0 5px 50px;
}

#industryleft p.industrytext{
	display:block;
	font-size:14px;
	line-height:19px;
	padding:0 40px 0 50px;
}
#tradeleft p.tradetext{
	display:block;
	font-size:14px;
	line-height:19px;
	padding:0 40px 0 50px;
}
#industryleft p.industry{
	display:block;
	font-size:14px;
	line-height:19px;
	padding:0 0 0 50px;
}

#tradeleft{
	width:1004px;
	float:left;
	margin:0 0 0 0;
    height: 100%;
    background-color:#ffffff;
}

#left img{
	
	float:left;
	margin:0 13px 20px 15px;
}

#tradeleft img{
	
	float:left;
	margin:0 20px 10px 15px;
}
#prodleft h2.welcome{
	display:block;
	text-align:center;
	font-size:x-large;
	color:#8bc341;
	
	margin:0 0 19px 0;
}
#prodleft h2.welcomeleft{
	display:block;
	padding-left:5px;
	font-size:x-large;
	color:#8bc341;
	
	margin:0 0 2px 0;
}
#video h2.welcomeleft{
	display:block;
	
	font-size:x-large;
	color:#8bc341;
	
	margin:0 0 2px 0;
}
p.lftTxt{
	display:block;
	width:460px;
	font-size:14px;
	float:left;
	padding:0 10px 0 15px;
	background-color:#FFFFFF;
}


#left p.lftTxt span{

	color:#000;
	background-color:inherit;
	font:normal 14px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align:justify;
}
#left p.lftTxt2{
	
	width:634px;
	color:#670606;
	background-color:inherit;
	font:normal 18px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#left p.lftTxt img{
	float:right;
	
	margin:0 15px 0 0;
}

.seal{
width:150px;
height:150px;
background:url(images/seal.jpg);
background-repeat:no-repeat;
float:left;
}

#prodleft .prdTxt{
 
    text-align:center;
   padding:0 200px 0 200px;
   display:block;
    }
    
    #prodleft .solprdTxt{
float:left;
width:800px;
   padding:0 20px 20px 60px;
   display:block;
    }
    
       #prodleft .solprdTxt img{
float:left;

   padding:0 3000px 0 0;
  
    }
    
    #prodleft .prdTxtleftalign{
 
    text-align:left;
   padding:0 150px 0 200px;
   display:block;
    }
    
    #prodleft ul.prdTxt li{
 text-align:justify;
    display:block;
   padding:0 200px 0 200px;

    }




#left p.lftTxt2 a{
	display:block;
	background:url(images/read_more_bg.gif) 0 0 no-repeat;
	width:75px;
	height:18px;
	color:#121310;
	background-color:inherit;
	font:bold 10px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration:none;
	float:right;
	text-align:center;
}
#left p.lftTxt2 a:hover{
	color:#670606;
	background-color:inherit;
}

#video
{
    float:right;
    width:380px;
    height:500px;
    
    margin:0;
    padding-right:35px;
    }
    
    #video img
    {
        border:none;
        }


#right ul.link{
	width:980px;
	height:245px;
	margin:5px 0 0 20px;
}
#right ul.link li{
	float:left;
	line-height:0;
	font-size:0;
}
#right ul.link li a.round{
	display:block;
	background:url(images/sanitary_design.jpg) 0 0 no-repeat;
	width:189px;
	height:242px;
	margin:0 10px 0 0;
}
#right ul.link li a.round:hover{
	background:url(images/sanitary_design.jpg) 0 0 no-repeat;
}
#right ul.link li a.trench{
	display:block;
	background:url(images/trench.jpg) 0 0 no-repeat;
	width:184px;
	height:242px;
	margin:0 10px 0 0;
}
right ul.link li a.trench:hover{
	background:url(images/trench.jpg) 0 0 no-repeat;
}
#right ul.link li a.area{
	display:block;
	background:url(images/area.jpg) 0 0 no-repeat;
	width:185px;
	height:242px;
	margin:0 10px 0 0;
}
#right ul.link li a.area:hover{
	background:url(images/area.jpg) 0 0 no-repeat;
}

#right ul.link li a.floor{
	display:block;
	background:url(images/floor.jpg) 0 0 no-repeat;
	width:185px;
	height:242px;
	margin:0 10px 0 0;
}
#right ul.link li a.floor:hover{
	background:url(images/floor.jpg) 0 0 no-repeat;
}
#right ul.link li a.access{
	display:block;
	background:url(images/access.jpg) 0 0 no-repeat;
	width:184px;
	height:242px;
	margin:0 10px 0 0;
}
#right ul.link li a.access:hover{
	background:url(images/access.jpg) 0 0 no-repeat;
}
/*------------------------------------------------left--------------------*/

/*------------------------------------------------right--------------------*/
#right{
	width:1004px;
	background-color:#ffffff;
	float:left;
	padding:0 0 0 0;
    height: 334px;
}
#right h2.faq{
	display:block;
	background:url(images/faq_bg.gif) 0 0 no-repeat;
/*	width:187px;*/
	height:54px;
	padding:17px 0 0 92px;
	color:#F1EFD8;
	background-color:inherit;
	font:normal 23px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin:0 0 17px 0;
}
#right h2.faq span{
	color:#fff;
	background-color:inherit;
	font:normal 14px/19px "Trebuchet MS", Arial, Helvetica, sans-serif;
	display:block;
}
#right ul.rightLink{
	width:279px;
	padding:0 0 0 15px;
}
#right ul.rightLink li{
	background:url(images/bullet.gif) 0 3px no-repeat;
	padding:0 0 6px 15px;
	color:#670606;
	background-color:inherit;
	font:bold 11px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin:0;
}
#right ul.rightLink li span{
	color:#69610E;
	background-color:inherit;
	font:normal 11px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin:0 0 0 0;
	display:block;
}
#right a.rm2{
	display:block;
	background:url(images/read_more_bg2.gif) 0 0 no-repeat;
	width:76px;
	height:18px;
	margin:0 0 0 207px;
	color:#232424;
	background-color:inherit;
	font:bold 10px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration:none;
	text-align:center;
}
#right a.rm2:hover{
	color:#670606;
	background-color:inherit;
}
/*------------------------------------------------right--------------------*/

/*------------------------------------------------bodyTop--------------------*/

/*------------------------------------------------bodyBot--------------------*/
#bodyBotMain{
	width:100%;
	background:url(images/body_bot_bg.gif) 0 0 repeat-x #262626;
	padding:15px 0 10px 0;
	color:#fff;
}
#bodyBot{
	width:908px;
	margin:0 auto;
}
#bodyBot a.whatNew{
	display:block;
	background:url(images/what_new.gif) 0 0 no-repeat;
	width:211px;
	height:194px;
	float:right;
	margin:5px 0 0 0;
}
#bodyBot a.whatNew:hover{
	background:url(images/what_new_hover.gif) 0 0 no-repeat;
}
#story{
	width:309px;
	background:url(images/body_bot_div.gif) right top no-repeat;
	float:left;
	padding:0 24px 0 0;
	margin:0 25px 0 0;
}
#story h2{
	color:#FFFEF4;
	background-color:inherit;
	font:normal 28px/22px Arial, Helvetica, sans-serif;
	margin:0 0 14px 0;
	display:block;
}
#story ul{
	padding:0 0 2px 0;
}
#story ul li{
	font-size:0;
	line-height:0;
}
#story ul li a{
	display:block;
	background:url(images/arrow.gif) 0 5px no-repeat;
	padding:0 0 0 14px;
	color:#CF9201;
	background-color:inherit;
	font:bold 12px/20px Arial, Helvetica, sans-serif;
	text-decoration:none;
}
#story ul li a:hover{
	color:#fff;
	background-color:#393939;
}
#story a.rm3{
	display:block;
	background:url(images/read_more_bg2.gif) 0 0 no-repeat;
	width:76px;
	height:18px;
	margin:0 0 0 231px;
	color:#232424;
	background-color:inherit;
	font:bold 10px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration:none;
	text-align:center;
}
#story a.rm3:hover{
	color:#670606;
	background-color:inherit;
}
#event{
	width:290px;
	float:left;
	padding:0;
	margin:0;
}
#event h2{
	color:#FFFEF4;
	background-color:inherit;
	font:normal 28px/22px Arial, Helvetica, sans-serif;
	margin:0 0 14px 0;
	display:block;
}
#event ul{
	padding:0 0 2px 0;
}
#event ul li{
	font-size:0;
	line-height:0;
}
#event ul li a{
	display:block;
	background:url(images/arrow.gif) 0 5px no-repeat;
	padding:0 0 0 14px;
	color:#CF9201;
	background-color:inherit;
	font:bold 12px/20px Arial, Helvetica, sans-serif;
	text-decoration:none;
}
#event ul li a:hover{
	color:#fff;
	background-color:#393939;
}
#event a.rm4{
	display:block;
	background:url(images/read_more_bg2.gif) 0 0 no-repeat;
	width:76px;
	height:18px;
	margin:0 0 0 213px;
	color:#232424;
	background-color:inherit;
	font:bold 10px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration:none;
	text-align:center;
}
#event a.rm4:hover{
	color:#670606;
	background-color:inherit;
}
/*------------------------------------------------bodyBot--------------------*/

/*------------------------------------------------footer--------------------*/
#footerMain{
	width:100%;
	height:97px;
	background:url(images/footer_bg.gif) 0 0 repeat-x #CCCCC;
	padding:30px 0 0 0;
	color:#000;
}
#footer{
	width:908px;
	height:97px;
	margin:0 auto;
	position:relative;
}
#footer ul{
	width:590px;
	position:absolute;
	left:0;
	top:0;
}
#footer ul li{
	float:left;
	font:normal 11px/20px Arial, Helvetica, sans-serif;
	color:#363636;
	background-color:inherit;
}
#footer ul li a{
	padding:0 7px;
	font:normal 11px/20px Arial, Helvetica, sans-serif;
	color:#363636;
	background-color:inherit;
	text-decoration:none;
}
#footer ul li a:hover{
	text-decoration:underline;
}
#footer ul li a.home{
	padding:0 7px 0 0;
	font:normal 11px/20px Arial, Helvetica, sans-serif;
	color:#363636;
	background-color:inherit;
	text-decoration:none;
}
#footer ul li a.home:hover{
	text-decoration:underline;
}
#footer p.copyright{
	font:normal 10px/20px Arial, Helvetica, sans-serif;
	position:absolute;
	left:0;
	top:20px;
	width:230px;
	color:#670606;
	background-color:inherit;
}
#footer p.xhtml{
	font:normal 10px/20px Arial, Helvetica, sans-serif;
	position:absolute;
	left:0;
	top:60px;
	width:38px;
	color:#670606;
	background-color:inherit;
}
#footer p.css{
	font:normal 10px/20px Arial, Helvetica, sans-serif;
	position:absolute;
	left:44px;
	top:60px;
	width:38px;
	color:#670606;
	background-color:inherit;
}
.xhtml_link {
	color: #670606;
	text-decoration: none;
}
#footer p.design{
	display:block;
	width:245px;
	height:20px;
	padding:0;
	position:absolute;
	left:0;
	top:36px;
	font:bold 12px/20px Arial, Helvetica, sans-serif;
	color:#8B8228;
	background-color:inherit;
}
#footer p.design a.link{
	font:bold 12px/20px Arial, Helvetica, sans-serif;
	color:#8B8228;
	background-color:inherit;
	text-decoration:none;
	padding:2px;
}
#footer p.design a.link:hover{
	color:#fff;
	background-color:#000;
}
/*------------------------------------------------footer--------------------*/