@charset "UTF-8";
/* CSS Document */
	
	/* Firefox Dotted Outline Fix */
	a:active { 
		outline: none; 
	}
	
	/* Firefox Dotted Outline Fix */
	a:focus { 
		-moz-outline-style: none; 
	}

	ul#bg-menu{
		width:100%;
		height:88px;
		background:url(images/menu-bg.png) repeat-x;
		position:absolute;
		top:390px;
		margin-top:inherit;
		margin-right:0px;
		margin-left:0px;
		padding-right:0px;
		padding-left:0px; !important
	}
	/* Menu Body */
	ul#menu {
		width:1200px;
		height:88px;
		list-style:none; /*this deletes the bullet points for menu*/	
	}
	
	/* Float LI Elements - horizontal display */
	ul#menu li {
		float:left;
	}
	
	/* Link - common attributes */
	ul#menu li a {
		background:url(images/menu-layout.png) no-repeat scroll top left;
		display:block;
		height:88px;
		position:relative;
	}
	
	/* Specify width and background position attributes specifically for the class: "home" */
	ul#menu li a.home {
		width:176px;
		background-position:0px 0px;
	}

	ul#menu li a.about-me {
		width:185px;
		background-position:-179px 0px;
	}
	
	ul#menu li a.software-development {
		width:375px;
		background-position:-366px 0px;
	}
	ul#menu li a.web-portfolio {
		width:241px;
		background-position:-746px 0px;
	}
	ul#menu li a.photos {
		width:213px;
		background-position:-990px 0px;
	}
	/* Span (on hover) - common attributes */
	/* mouse over - link*/
	ul#menu li a span {
	background:url(images/menu-layout.png) no-repeat scroll bottom left;
	display:block;
	position:absolute;
	top:0px;
	left:0px;
	height:100%;
	width:inherit; /*this is the width of the mouse over.. inherit it or chose a size example below*/
	/*width:176px; /*width for every */
	z-index:100;
	}
	
	/* Span (on hover) - display pointer */
	ul#menu li a span:hover {
		cursor:pointer;
	}
	/* Shift background position on hover for the class: "home" */
	ul#menu li a.home span {
		background-position:0px -88px;
	}
	/* Shift background position on hover for the class: "about me" */
	ul#menu li a.about-me span {
		background-position:-179px -88px;
	}
	/* Shift background position on hover for the class: "software development" */
	ul#menu li a.software-development span {
		background-position:-366px -88px;
	}
	/* Shift background position on hover for the class: "web portfolio" */
	ul#menu li a.web-portfolio span {
		background-position:-746px -88px;
	}
	/* Shift background position on hover for the class: "photos" */
	ul#menu li a.photos span {
		background-position:-990px -88px;
	}