/* rollover common code */
.rollover { display: block; } /* Allow setting widths and heights */
.rollover img { width: 100%; height: 100%; border: 0; } /* only set width and height once */
.rollover:hover { visibility: visible; /* for IE */ } /* sets any property for the :hover state */
.rollover:hover img { visibility: hidden; } /* 'rolls over' the image */


/* main nav rollovers */
#nav1 {
	background-image: url(/template_assets/images/landscape-over.gif);    /* rollover state */
	width: 142px;                    /* image width */
	height: 42px;                   /* image height */
}
#nav2 {
	background-image: url(/template_assets/images/elements-over.gif);    /* rollover state */
	width: 126px;                    /* image width */
	height: 42px;                   /* image height */
}
#nav3 {
	background-image: url(/template_assets/images/portfolio-over.gif);    /* rollover state */
	width: 67px;                    /* image width */
	height: 42px;                   /* image height */
}
#nav4 {
	background-image: url(/template_assets/images/resources-over.gif);    /* rollover state */
	width: 75px;                    /* image width */
	height: 42px;                   /* image height */
}
#nav5 {
	background-image: url(/template_assets/images/about-over.gif);    /* rollover state */
	width: 88px;                    /* image width */
	height: 42px;                   /* image height */
}

#nav {
	width: 498px;
	height: 42px;
}
#nav li {
	float:left;
	list-style-type: none;
}