﻿#NavigationWrapper
{
    background: #fff;
    margin-left: 332px;
    height: 57px;
    padding-left: 30px;
    padding-top: 25px;
}    



#NavigationLinks ul
{
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    overflow: hidden;
    margin: 0;
    padding: 0;
}


#NavigationLinks li
{
    xfloat: left;
    display: inline;
}

#NavigationLinks li a
{
    color: #666;
	xdisplay: block;
    float: left;
    font-family: Arial;
    font-size: 85%;
    font-weight: bold;
	width: 100px;
	line-height: 1.4em;
	padding: 8px;
	xmargin: 0;
	xborder: none;
	xbackground: url(../img/1206/nav-bg.gif) no-repeat bottom left;    
	text-align: center;
}


#NavigationLinks li a:visited
{
    xcolor: #FFF;
    font-family: Arial;
    font-size: 85%;
    font-weight: bold;
    xmargin-right: 30px;
    text-decoration: underline;
    text-transform: uppercase;
    xpadding: 10px;
}


#NavigationLinks li a:hover
{
    background-color: #6C9D30;
    color: #000;
    xpadding: 10px;
    text-decoration: none;
}

#NavigationLinks li a.selected
{
    background-color: #6C9D30;
    color: #000;
    text-decoration: none;
}

/*

#NavigationWrapper
{
    background: #fff;
    xborder: 1px solid orange;
    margin-left: 332px;
    height: 57px;
    padding-left: 30px;
    padding-top: 25px;
}    

	 ul#NavigationLinks
	{
		background-image: url('../images/NavigationBar.jpg');
		background-repeat: no-repeat;
		background-position: 0 0;
		height: 43px;
		margin: 0 auto;
		padding: 0;
	}
		ul#NavigationLinks li
		{
			display: inline;
		}
		ul#NavigationLinks li a
		{
	        cursor: pointer; /* SET CURSOR TO DEFAULT ARROW SINCE NONE OF THE LINKS TAKE YOU ANYWHERE */

			float: left;
			width: 117px;
			height: 0;
			padding-top: 43px;
			overflow: hidden;
			background-image: url('../images/NavigationBar.jpg');
			background-repeat: no-repeat;
			background-position: 100px 100px;
			xborder: 1px solid blue;
		}
		ul#NavigationLinks li#nav-home a {
			width: 123px;
		}
	    

		/* OVER STATES */
		ul#NavigationLinks li#nav-home a:hover { background-position: 0 -43px; }
		ul#NavigationLinks li#nav-portfolio a:hover { background-position: -123px -43px; }
		ul#NavigationLinks li#nav-design a:hover { background-position: -240px -43px; }
		ul#NavigationLinks li#nav-about a:hover { background-position: -357px -43px; }
		ul#NavigationLinks li#nav-contact a:hover { background-position: -474px -43px; }

		/* PRESSED STATES */
		ul#NavigationLinks li#nav-home a:active { background-position: 0 -86px; }
		ul#NavigationLinks li#nav-portfolio a:active { background-position: -123px -86px; }
		ul#NavigationLinks li#nav-design a:active { background-position: -240px -86px; }
		ul#NavigationLinks li#nav-about a:active { background-position: -357px -86px; }
		ul#NavigationLinks li#nav-contact a:active { background-position: -474px -86px; }

		/* OVER STATES */
		ul#NavigationLinks li#nav-home a.selected { background-position: 0 -43px; }
		ul#NavigationLinks li#nav-portfolio a.selected { background-position: -123px -43px; }
		ul#NavigationLinks li#nav-design a.selected { background-position: -240px -43px; }
		ul#NavigationLinks li#nav-about a.selected { background-position: -357px -43px; }
		ul#NavigationLinks li#nav-contact a.selected { background-position: -474px -43px; }
*/