/*
* Start mainNav
* This is to do the hi-tech menu roll over, where both states are part of the same image. The over state needs to be at the bottom
*/

#mainNav {
width:616px;
height:31px;
position:relative;

}

#nav {
list-style:none;
margin:0;
padding:0;
position:absolute;
top:0px;
}

#nav li{
float:left;

}

.impactButt1 {
background: transparent url(../images/impactButt1.gif) left top no-repeat;
width:125px;	
	
}

.impactButt2 {
background: transparent url(../images/impactButt2.gif) left top no-repeat;	
width:117px;	
	
}


.impactButt3 {
background: transparent url(../images/impactButt3.gif) left top no-repeat;	
width:77px;		
	
}

.impactButt4 {
background: transparent url(../images/impactButt4.gif) left top no-repeat;	
width:108px;		
	
}


.impactButt5 {
background: transparent url(../images/impactButt5.gif) left top no-repeat;	
width:83px;		
	
}


.impactButt6 {
background: transparent url(../images/impactButt6.gif) left top no-repeat;	
width:106px;		
	
}

.buttonSpace {

margin-right:151px;	
	
}


.impactButt1 a:link, .impactButt1 a:active, .impactButt1 a:visited,
.impactButt2 a:link, .impactButt2 a:active, .impactButt2 a:visited,
.impactButt3 a:link, .impactButt3 a:active, .impactButt3 a:visited,
.impactButt4 a:link, .impactButt4 a:active, .impactButt4 a:visited,
.impactButt5 a:link, .impactButt5 a:active, .impactButt5 a:visited,
.impactButt6 a:link, .impactButt6 a:active, .impactButt6 a:visited 
{
	display:block;
	overflow:hidden;
	height:31px;
	text-indent: -2999px;
}



.impactButt1 a:hover {
	background: url(../images/impactButt1.gif) no-repeat 0 -31px;
	}
	.impactButt2 a:hover {
	background: url(../images/impactButt2.gif) no-repeat 0 -31px;
	}
	.impactButt3 a:hover {
	background: url(../images/impactButt3.gif) no-repeat 0 -31px;
	}
	.impactButt4 a:hover {
	background: url(../images/impactButt4.gif) no-repeat 0 -31px;
	}
	.impactButt5 a:hover {
	background: url(../images/impactButt5.gif) no-repeat 0 -31px;
	}
	.impactButt6 a:hover {
	background: url(../images/impactButt6.gif) no-repeat 0 -31px;
	}
	
		
/*
* Start dropdown
* this is the suckerfish drop down menu, only requirements are that your main ul for your list has an id of "nav"
*/
	
#nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	border-top: none;
	z-index: 2;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
}

#nav li {
	position: relative;
	z-index: 2;
	float: left;
}

#nav li ul {
	position: absolute;
	left: 0;
	top: 31px;
	display: none;
	border-top: none;
	z-index: 5;
	width:200px;
	}

.border {
	border-top: 1px solid #000;
}

#nav li ul li a { 
	color: #ffffff;
	background: #320606;
    padding: 5px ; 
	display: block;
	height:15px; /* MUST have heigh, IE7 Bug */
	text-decoration: none;
	vertical-align:middle;	
	border: 1px solid #000;
	border-top: none;
	width: 200px;
} 

#nav li ul li a:hover {
	color: #fff;
	background-color: #520A0A;
}
		
#nav li:hover ul, #nav li.over ul { 
	display: block; 
} 


/*
end dropdown
*/