/* navigation */
#navig {
	height:100px;
	width:660px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 15px;
}

#navig ul {
	width:590px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: -10px;
}

#navig li {	

	float:left;
	padding-left:1px;
	width:116px;
	list-style-type:none;
	text-align:center;
}

#navig a {
	color:#CC0000;
	display:block;
	padding:10px;
	position:relative;	
	height:100px;
	text-decoration:none;
}	

#navig a.current {
	background-image: url(images/down_large.png);
	background-position: top;
}

#navig img {
	background-color:#fff;
	border:1px solid #ccc;
	padding:2px;
	display:block;
	height: 50px;
	width: 50px;
	margin-top: 3px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 20px;
}

#navig strong {
	display:block;		
}

/* panes */
#panes {
	background:#fff url(images/h400_reverse.png) repeat scroll 0 0;
	width:660px;
	height:300px;
	margin-bottom:-20px;
	padding-bottom:20px;
	/* must be relative so the individual panes can be absolutely positioned */
	position:relative;
	margin-right: auto;
	margin-left: auto;
}

/* crossfading effect needs absolute positioning from the elements */
#panes div {
	display:none;		
	position:absolute;
	top:15px;
	left:15px;
	width:570px; 
}

#panes img {
	float:left;
	margin-right:10px;		
}
#panes h3 {
	margin:0 0 -5px 0;
	font-weight:normal;
}