@charset "UTF-8";
/* CSS Document */

*{
  margin:0;
  padding:0;
}

body{
     background:url(../images/background.jpg) repeat-x;
	 background-color:#eeeeee;
	 height:160px;
	 width:auto;
}

.clearfix{
	      width: 1px;
	      height: 1px;
	      display: block;
	      clear: both;
}

.wrapper_top{
            margin:0 auto;
		    width:950px;
}

.wrapper_shadow{
                margin:0 auto;
				width:962px;
}

#dropshadow{
            background:url(../images/body_dropshadow.jpg) repeat-y;
			width:962px;
			height:auto;
}

.wrapper_body{
              margin:0 auto;
			  width:950px;
}

#body_repeat{
             background:url(../images/body_repeat.jpg) repeat-y;
			 width:950px;
			 height:auto;
}

.wrapper_footer{
                margin:0 auto;
				width:950px;
}

/*---------------------------------- top -------------------------------- */

#top{
     background:url(../images/top.jpg) no-repeat;
	 width:950px;
	 height:99px;
}

/*--------------- Navigation ------------------*/

.nav{
     width:950px;
}

.nav li{
        list-style: none;
		height:59px;
		float:left;
		display:block;
}

.nav a { 
        height:100%;
		width:100%;
		display:block;
}

.nav li.bw{
                background:url(../images/nav.jpg) no-repeat 0px 0px;
			    width:386px;
			    height:59px;
}

a.home{
         background:url(../images/nav.jpg) no-repeat -386px 0px;
		 width:141px;
		 height:59px;
}

a.home:hover, a.home-active{
                            background:url(../images/nav.jpg) no-repeat -386px -59px;
						    height:59px;
		                    width:141px;
}

a.aboutus{
          background:url(../images/nav.jpg) no-repeat -527px 0px;
		  height:59px;
		  width:141px;
}

a.aboutus:hover, a.aboutus-active{
                                  background:url(../images/nav.jpg) no-repeat -527px -59px;
								  height:59px;
		                          width:141px;
}

a.products{
           background:url(../images/nav.jpg) no-repeat -668px 0px;
		   height:59px;
		   width:141px;
}

a.products:hover, a.products-active{
                                    background:url(../images/nav.jpg) no-repeat -668px -59px;
								    height:59px;
		                            width:141px;
}

a.contactus{
           background:url(../images/nav.jpg) no-repeat -809px 0px;
		   height:59px;
		   width:141px;
}

a.contactus:hover, a.contactus-active{
                                     background:url(../images/nav.jpg) no-repeat -809px -59px;
								     height:59px;
		                             width:141px;
}

/*-------------------- end navigation ------------------------*/

#body_left{
           width:668px;
		   float:left;
}

#body_right{
            width:282px;
			float:right;
}

/*--------------------- info ----------------------*/

#info{
      width:267px;
	  padding-left:15px;
	  padding-top:34px;
}

#icons{
       background:url(../images/icons.jpg) no-repeat;
	   width:29px;
	   height:130px;
	   float:left;
}

#info_texts{
            width:238px;
			float:right;
}

#address{
         width:200px;
		 padding-left:28px;
}

#phone{
         width:200px;
		 padding-left:28px;
		 padding-top:35px;
}

#fax{
         width:200px;
		 padding-left:28px;
		 padding-top:20px;
}

#address p, #phone p, #fax p{
                             font:16px "Arial", Helvetica, sans-serif;
							 color:#666666;
}

#line2{
       width:224px;
	   height:6px;
	   background-color:#e5e5e5;
	   margin-left:14px;
	   margin-top:71px;
}

/*------------------------- what we do -----------------------------*/

#subtitle2{
            width:267px;
	  		padding-left:15px;
	  		padding-top:34px;
}

#subtitle2 p{
             font:16px "Arial", Helvetica, sans-serif;
			 color:#000000;
}

#whatwedo_texts{
                width:224px;
				padding-left:15px;
				padding-top:5px;
}

#whatwedo_texts p{
                  font:14px "Arial", Helvetica, sans-serif;
				  color:#666666;
}

#empty{
       height:30px;
}

#body_bottom{
             background:url(../images/body_bottom.jpg) no-repeat;
			 width:950px;
			 height:6px;
}

/*--------------------------- footer --------------------------------*/

#whole-footer{
			  width:950px;
			  padding-top:20px;
}

#footer_top{
		   width:950px;
           font:11px "Arial", Helvetica, sans-serif;
		   text-align:center;
		  
}

.footer a{
          color:#333333;
		  text-decoration:none;
		  
}
.footer a:hover{
          color:#666666;
		  
}
#footer_bottom{
			   width:950px;
               font:11px "Arial", Helvetica, sans-serif;
		       color:#333333;
			   text-align:center;
			   padding-top:10px;
		   
}

.footer_pipe{
             color:#333333;
}

#credit{
        width:950px;
		padding-top:20px;
}

#credit a{
          font:11px "Arial", Helvetica, sans-serif;
		  color:#333333;
		  text-align:center;
		  text-decoration:none;
}

#credit a:hover{
		         color:#FF6600;
}