@charset "utf-8";
/* CSS Document */

body {
	margin: 0;
	padding: 0;
	background-image:url(../images/BG-header.jpg);
	background-repeat:repeat-x;
}

#headerContainer { 
	width: 962px;
	margin: 0 auto;
	height: 79px;
}
	
#logoWrap { 
	float: left;
	width: 156px;
	height: 79px;
}/*--MOEN Media logo top on  header menu--*/

ul#topnav {
	margin: 0 ; padding: 0;
	list-style: none;
	width: 594px;
	height: 79px;
	float: left;
	margin-left: 80px;
}

ul#topnav li {
	float: left;
	margin: 0; padding: 0;
}

ul#topnav a {
	float: left;
	display: block;
	height: 79px; /*--Specify height of navigation--*/
	text-indent: -99999px; /*--Shoot the text off the page--*/
	background-position: left top;	
}

/*--CSS Sprites - Hover State--*/
ul#topnav a:hover {
	background-position: left -78px;
}
#home li.home a, /*--Home Page > Home Link--*/
#about li.about a, /*--About Page > About Link--*/
#services li.services a, /*--Services Page > Services Link--*/
#portfolio li.portfolio a, /*--Portfolio Page > Portfolio Link--*/
#contact li.contact a, /*--Contact Page > Contact Link--*/
#quote li.quote a, { 
	background-position: left bottom;
}

/*--Assign an image and width to each link--*/

ul#topnav li.home a {
	background-image: url(../images/menus-home.jpg);
	width: 99px;
}
ul#topnav li.about a {
	background-image: url(../images/menus-about.jpg);
	width: 99px;
}
ul#topnav li.services a {
	background-image: url(../images/menus-services.jpg);
	width: 99px;
}
ul#topnav li.portfolio a {
	background-image: url(../images/menus-portfolio.jpg);
	width: 99px;
}
ul#topnav li.contact a {
	background-image: url(../images/menus-contact.jpg);
	width: 99px;
}
ul#topnav li.quote a {
	background-image: url(../images/menus-quote.jpg);
	width: 99px;
}