/* version 3.5 */
/* coded by l.watts@monumental */
/* style portfolio */

/* navigation menu */

#nav .submenuheader {
	background-color: #666666;
	background-image: url(../images/navbutton.gif);
	background-repeat: no-repeat;
	display: block;
	line-height: 40px;
	width: 250px; 
	color: #CCCCCC; 
	margin-top: 5px;
}
#siteindexLink {
	clear: both;
	margin-top: 5px;
}
* html #nav ul ul li a { /* IE three-pixel jog bug fix */
	margin-bottom: -3px;
}
#nav ul li li {
	float: left; /* IE double-margin bug fix */ 
}
#nav ul ul {
	text-indent: 0px; /* IE margin indent bug fix */
}
#nav li li a {
	background-image: none;
	background-color: #333333; 
	height: 50px;  
	width: 50px;
	padding: 0px; 
	margin-top: 5px;
	margin-right: 16px;	/* margin sets button separation 16px */
	margin-left: 0px;
	margin-bottom: 0px;
}
#nav li li a img {
	border: none;
} 
/* thumbnail rollover */
#nav li li a .rollover {
	position: absolute;
	height: 50px;
	width: 50px;
	visibility: hidden;
}
#nav li li a:hover .rollover {
	visibility: visible;
}
/* reduce margin of left hand thumbnail to fit to edge */
#nav li #thumbnail4 a {
	margin-right: 0px; 
}
#nav li #thumbnail8 a {
	margin-right: 0px; 
}
#nav li #thumbnail12 a {
	margin-right: 0px; 
}
#nav li #thumbnail16 a {
	margin-right: 0px; 
}
#nav li #thumbnail20 a {
	margin-right: 0px; 
}
#nav li #thumbnail24 a {
	margin-right: 0px; 
}
/* absolute position of thumbnail rollover (was 135px top) */
#thumbnail1 a .rollover {
	top: 90px;
	left: 0px;
}
#thumbnail2 a .rollover {
	top: 90px;
	left: 66px;
}
#thumbnail3 a .rollover {
	top: 90px;
	left: 132px;
}
#thumbnail4 a .rollover {
	top: 90px;
	left: 198px;
}
#thumbnail5 a .rollover {
	top: 145px;
	left: 0px;
}
#thumbnail6 a .rollover {
	top: 145px;
	left: 66px;
}
#thumbnail7 a .rollover {
	top: 145px;
	left: 132px;
}
#thumbnail8 a .rollover {
	top: 145px;
	left: 198px;
}
#thumbnail9 a .rollover {
	top: 200px;
	left: 0px;
}
#thumbnail10 a .rollover {
	top: 200px;
	left: 66px;
}
#thumbnail11 a .rollover {
	top: 200px;
	left: 132px;
}
#thumbnail12 a .rollover {
	top: 200px;
	left: 198px;
}
#thumbnail13 a .rollover {
	top: 255px;
	left: 0px;
}
#thumbnail14 a .rollover {
	top: 255px;
	left: 66px;
}
#thumbnail15 a .rollover {
	top: 255px;
	left: 132px;
}
#thumbnail16 a .rollover {
	top: 255px;
	left: 198px;
}
#thumbnail17 a .rollover {
	top: 305px;
	left: 0px;
}
#thumbnail18 a .rollover {
	top: 305px;
	left: 66px;
}
#thumbnail19 a .rollover {
	top: 305px;
	left: 132px;
}
#thumbnail20 a .rollover {
	top: 305px;
	left: 198px;
}
#thumbnail21 a .rollover {
	top: 365px;
	left: 0px;
}
#thumbnail22 a .rollover {
	top: 365px;
	left: 66px;
}
#thumbnail23 a .rollover {
	top: 365px;
	left: 132px;
}
#thumbnail24 a .rollover {
	top: 365px;
	left: 198px;
}