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

body { background-color:#FFFFFF; margin:0; background-image:url(images/bg-fade.jpg); background-repeat:repeat-x;
	   font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#404040; line-height:18px;}
	 
	   
.heading { font-size:12px; font-weight:bold; text-transform:uppercase; line-height:10px; color:#FF6600;}
.heading a { font-size:12px; font-weight:bold; text-transform:uppercase; line-height:10px; color:#FF6600; text-decoration:none;}
.heading a:hover { font-size:12px; font-weight:bold; text-transform:uppercase; line-height:10px; color:#999999; text-decoration:none;}


.sub-heading { font-size:10px; font-style:oblique; line-height:10px;}

a {color:#404040; text-decoration:none;}
a:hover {color:#999999; text-decoration:none;}

#nav {	font-weight:300;
		text-align:right;
		font-size:10px; 
	   	color:#FFFFFF;
		width: 860px;
	   	height:24px;
		padding-top:148px;
		padding-right:60px;
	    }
		
		
#nav ul { 	margin: 0; 
    		padding: 0; 
    		list-style-type: none;
			}
			
#nav li { display:inline; padding-right:8px;}
#nav li a { color:#FFFFFF; text-decoration:none;}
#nav li a:hover { color:#006600; text-decoration:none;}

#wrapper { width: 1176px;
		   min-height:851px;
		   margin:auto;
		   background-image:url(images/top-orange.jpg); background-repeat:no-repeat;
		   background-position:left top;
		   
	  }
	  
#header { background-image:url(images/header.jpg);
		  width:920px;
		  height:172px;
		  margin:auto;
		  
		}
		
#col-top { width:920px;
			height:29px;
			margin:auto;
			}
			
#col-middle { width:499px;
		      height:557px;
		      background-image:url(images/main-bg.jpg); background-repeat:repeat-x;
			  background-position:bottom;
		      float:left;
			  padding-left:100px;
			  padding-right:100px;
			}
	  

#col-left { width:10px;
			height:557px;
			background-image:url(images/left-col.jpg); background-repeat:no-repeat;
			float:left;
		  }
		  
#col-l2 { width:10px;
			height:589px;
			background-image:url(images/col-l2.png); background-repeat:no-repeat;
			float:left;
		  }
		  
			
#col-right { width:171px;
			 height:497px;
			 float:left;
			 padding:60px 10px 0 30px;
			 background-image:url(images/grey-side.jpg); background-repeat:no-repeat;}
			 
			 
			
#home-right { width:211px;
			 height:557px;
			 float:left;
			 }
			 
 #right-people { width:211px;
			 height:589px;
			 float:left;
			 }

#main {width: 920px;
	   margin:auto;
	  }
		 
#footer {background-image:url(images/footer.png); background-repeat:no-repeat;
		 width:854px;
		 height:93px;
		 float:left;
		 padding-left:33px;
		 padding-right:33px;
		 font-size:9px;
		 text-align:center;
		 color:#666666;
		 }
	
		 
#copyright { width:854px;
		   height:20px;
		   float:left;
		   padding-top:12px;
		 
		 }
		 

		 
a.char { background-image:url(images/charlies.gif);  width:79px;  height:61px; display: block; float:left; }
a.char span { display: none;}
		 
		 
.imgr { float: right; padding: 8px 0 8px 8px;}
.imgl { float: left; padding: 8px 8px 8px 0;}

#footer a {color:#666666; text-decoration:none;}
#footer a:hover {color:#999999; text-decoration:none;}

#contact { width:438px; height:497px; padding: 60px 30px 0px 30px; background-image:url(images/contact-bg.png); background-repeat:no-repeat; text-align:left;}

#people { width:438px; height:529px; padding: 60px 30px 0px 30px; background-image:url(images/people-bg.png); background-repeat:no-repeat; text-align:left;}

#market { width:438px; height:497px; padding: 60px 30px 0px 30px; background-image:url(images/market-bg.png); background-repeat:no-repeat; text-align:left;}
#logos { width:498px; height:90px; background-image:url(images/logo-footer.png); background-repeat:no-repeat; float:left;}


a.people { background: url(images/people.png);  width: 247px;  height: 176px; display: block; float:left; }
a.people:hover {  background: url(images/people.png); background-position: -247px;}
a.people span { display: none;}

a.product { background: url(images/product.png);  width: 249px;  height: 176px; display: block; float:left; }
a.product:hover { background: url(images/product.png); background-position:-249px;}
a.product span { display: none;}

a.marketing { background: url(images/marketing.png);  width: 247px;  height: 178px; display: block; float:left; }
a.marketing:hover { background: url(images/marketing.png); background-position: -247px;}
a.marketing span { display: none;}

a.support { background: url(images/support.png);  width: 249px;  height: 178px; display: block; float:left; }
a.support:hover { background: url(images/support.png); background-position:-249px;}
a.support span { display: none;}


/*Product Page*/

a.supply { background:url(images/supply.png);  width: 247px;  height: 178px; display: block; float:left; }
a.supply:hover {  background: url(images/supply.png); background-position:-247px;}
a.supply span { display: none;}

a.info { background:url(images/info.png);  width: 249px;  height: 179px; display: block; float:left; }
a.info:hover {  background: url(images/info.png); background-position:-249px;}
a.info span { display: none;}

#our-product { width:438px; height:319px; padding: 60px 30px 0px 30px; background-image:url(images/product-bg.png); background-repeat:no-repeat; text-align:left;}

/*---------------------------*/

/*Zeanews Page*/

a.button { background:url(images/button.png);  width: 119px;  height: 44px; display: block; float:right; }
a.button:hover {  background:url(images/button-on.png)}
a.button span { display: none;}

#zeanews { width:438px; height:497px; padding: 60px 30px 0px 30px; background-image:url(images/news-bg.png); background-repeat:no-repeat; text-align:left;}


/*---------------------------*/

a.back-btn { background:url(images/back.png);  width: 81px;  height: 33px; display: block; float:left; }
a.back-btn:hover {  background:url(images/back-on.png)}
a.back-btn span { display: none;}

/*---------------------------*/

#offer { width:438px; height:62px; padding: 140px 30px 0px 30px; background-image:url(images/offer.png); background-repeat:no-repeat; text-align:left;}
a.offer-btn { background:url(images/offer-btn.jpg);  width: 192px;  height: 45px; display: block; float:left; }
a.offer-btn:hover {  background: url(images/offer-btn.jpg); background-position:-192px;}
a.offer-btn span { display: none;}


			
#profile { width:438px; height:769px; padding: 60px 30px 0px 30px; background-image:url(images/profile.png); background-repeat:no-repeat; text-align:left;}
#support { width:438px; height:1167px; padding: 60px 30px 0px 30px; background-image:url(images/support-bg.png); background-repeat:no-repeat; text-align:left;}

#lrg-page { width:499px;
		      background-image:url(images/main-bg.jpg); background-repeat:repeat-x;
			  background-position:bottom;
			  background-color:#FFFFFF;
		      float:left;
			  padding-left:100px;
			  padding-right:100px;
			}
			
#people-page { width:499px;
		      background-image:url(images/main-bg.jpg); background-repeat:repeat-x;
			  background-position:bottom;
			  background-color:#FFFFFF;
		      float:left;
			  padding-left:100px;
			  padding-right:100px;
			}
			
.people-img {padding-top:5px;}
			
			
#lrg-left { width:10px;
			height:557px;
			padding-top:272px;
			background-image:url(images/side-bg.png); background-repeat:repeat-y; background-position:left;
			float:left;}
			
#lrg-left2 { width:10px;
			height:557px;
			padding-top:670px;
			background-image:url(images/side-bg.png); background-repeat:repeat-y; background-position:left;
			float:left;}
		  
			
#lrg-right { width:211px;
			 height:829px;
			 float:left;
			 background-image:url(images/grey-shad.png); background-position:right top;}
			 
			 
#lrg-right2 { width:211px;
			 height:1227px;
			 float:left;
			 background-image:url(images/grey-shad.png); background-position:right top;}
			 
#holder { width:200px;
			 height:829px;
			 float:left;
			 background-color:#dddddd; background-image:url(images/grey-footer.jpg); background-position:bottom; background-repeat:no-repeat;}
			 
#holder2 { width:200x;
			 height:1227px;
			 float:left;
			 background-color:#dddddd; background-image:url(images/grey-footer.jpg); background-position:bottom; background-repeat:no-repeat;}
			 
			
#details { width:175px; padding: 10px 0 0 25px; text-align:left;}


a.gallery { background:url(images/gall.png);  width: 186px;  height: 111px; display: block; float:right; }
a.gallery:hover {  background: url(images/gall.png); background-position:-186px;}
a.gallery span { display: none;}