﻿/* Navigation For HomeNAV */

#homenav-buttons-top {
	margin: 0; 
	padding: 0;
	width: 808px; 
	height: 297px;
	background: url('../img/homenav.jpg');
	position: relative;
}

#homenav-buttons-top li a span {
	display: none;
}

#homenav-buttons-top li {
	margin: 0; 
	padding: 0; 
	list-style: none;
	position: absolute; 
	top: 0;
}

#homenav-buttons-top a {
	height: 582px; 
	display: block;
}
    
#homenav-buttons-top li {
	height: 291px; 
    display: block;
}



#homenav-buttons-bottom {
	margin: 0; 
	padding: 0;
	width: 808px; 
	height: 284px;
	background: url('../img/homenav.jpg') -0px -297px no-repeat;
	position: relative;
}

#homenav-buttons-bottom li a span {
	display: none;
}

#homenav-buttons-bottom li {
	margin: 0; 
	padding: 0; 
	list-style: none;
	position: absolute; 
	top: 0;
}

#homenav-buttons-bottom a {
	height: 284px; 
	display: block;
}
    
#homenav-buttons-bottom li {
	height: 284px; 
    display: block;
}


#advertising {
	left: 0px; 
	width: 270px;
}

#business {
	left: 270px; 
	width: 297px;
}

#logo {
	left: 549px;
	width:259px;
}
    
#packaging {
	left: 0px; 
	width: 270px;
	
}

#web {
	left: 297px; 
	width: 270px;
}

#other {
	left: 549px; 
	width: 259px;
}
    

/* Hover */
    
#advertising a:hover {
	background: transparent url('../img/homenav.jpg') -0px -581px no-repeat;
}

#business a:hover {
	background: transparent url('../img/homenav.jpg') -270px -581px no-repeat;
}

#logo a:hover {
	background: transparent url('../img/homenav.jpg') -549px -581px no-repeat;
}
    
#packaging a:hover {
	background: transparent url('../img/homenav.jpg') -0px -878px no-repeat;
}

#web a:hover {
	background: transparent url('../img/homenav.jpg') -297px -878px no-repeat;
}

#other a:hover {
	background: transparent url('../img/homenav.jpg') -549px -878px no-repeat;
}
    
    

/* @end */


/* Navigation For hitpage images */

#navbtns {

	margin: 10px 36px 0 36px;
	width: 200px; 
	height: 86px;
	position: relative;

	
}

#navbtns li a span {
	display: none;
}

#navbtns li {
	margin: 0; 
	padding: 0; 
	list-style: none;
	position: absolute; 
	top: 0;
}

#navbtns a {
	height: 86px; 
	display: block;

}
    
#navbtns li {
	height: 86px; 
    display: block;
}

#ad1 {
	left: 0px; 
	width: 86px;
}

#ad2 {
	left: 96px;
	width:86px;
}

#ad1 a:hover, #ad2 a:hover {
	color: yellow;
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
}

	
}

#ad2 a:hover {
}


/* Navigation For tabs */

#tabs {
	margin: 0; 
	padding: 0;
	width: 846px; 
	height: 33px;
	background: url('../img/tabs.gif');
	position: relative;
}

#tabs li a span {
	display: none;
}

#tabs li {
	margin: 0; 
	padding: 0; 
	list-style: none;
	position: absolute; 
	top: 0;
}

#tabs a {
	height: 33px; 
	display: block;
}
    
#tabs li {
	height: 33px; 
    display: block;
}



#about {
	left: 432px; 
	width: 96px;
}

#quote {
	left: 528px; 
	width: 84px;
}

#login {
	left: 612px;
	width:197px;
}
    
    

/* Hover */
    
#about a:hover {
	background: transparent url('../img/tabs.gif') -432px -33px no-repeat;
}

#quote a:hover {
	background: transparent url('../img/tabs.gif') -528px -33px no-repeat;
}

#login a:hover {
	background: transparent url('../img/tabs.gif') -612px -33px no-repeat;
}
    
    
    

/* @end */





