/*::::::::::::::::::::::::::::::::::     NAVIGATION CSS    :::::::::::::::::::::::::::::::::::*/

/* Design + Code: Jell Creative  ::  Client: GPMF :: Created: 03.18.09  */


/*::::::::::::::::::::::::::::::::::    BEGIN NAVIGATION     :::::::::::::::::::::::::::::::::::*/
#nav a, #nav a:link, #nav a:hover, #nav visited{
border-bottom:none;

    }
	
	
#nav, #nav ul {
	float: left;
	padding:0px 0px 30px 0px;
	margin:37px 0px 0px 45px;
	list-style: none;
	display:inline;
    }
	
#nav{
float:right;

}	
	
/*Top level nav a:link state*/
	
#nav a {
	
	color:#333;
	margin:0p;
	line-height:28px;
	display:block;
	
	    }
#nav li {
    float:left;
    padding:0;
	/*margin: 0px 10px 0px 0px; */
	/*margin: 0px 10px 0px 0px; */
	margin: 0px 25px 0px 0px;
    }
	
#nav .last{
	margin: 0px; 
	}	
	
/*second level*/
#nav ul {
z-index:600;
	position: absolute;
	left: -999em;
	clear:both;
	
	/*border-top: 2px solid #FFFFFF;*/
	height: auto;
	width: 11em;	
	padding: 0px;	
	margin: 0px;
	
	
	
 }
	
/*second level background and box size*/
#nav li li {
    width:100%;
	background-color: #efefef;	
    }
	
/*Second level text */
#nav li li a {
    width:100%;
  	font-size:12px;
	letter-spacing:0.03em;
	color:#333333;
	padding:4px 0px 4px 9px;
	margin:0px;
	line-height:20px;
	
	
    }
/*#nav li ul ul {
    margin:-21px 0 0 300px;
    }*/
	
/*Second level baackround color hover state  */
#nav li li:hover, #nav li li.sfhover {
	background-color:#cccccc;
  
	width:100%;
	
    }
	
/*Second level a:hover text color*/
#nav li ul li:hover a, #nav li ul li li:hover a, #nav li ul li li li:hover a, #nav li ul li li li:hover a, #nav li ul li.sfhover a {
    color:#333;
	
    }
	
/*Main nav hover text color*/
#nav li:hover a, #nav li.sfhover a {
    color:#333;
    }
	
/*Second level a:link text color*/
#nav li:hover li a, #nav li li:hover li a, #nav li li li:hover li a, #nav li li li li:hover li a {
    color:#333;
    }
	
	/*hide second level*/
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul, #nav li.sfhover ul ul ul ul {
    left:-999em;
    }
	
	
	/* dislpay second level */
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul, #nav li li li li.sfhover ul {
    left:auto;
    }
	
	/*Main nav rollover background color */
  /*#nav li:hover, #nav li.sfhover {
  background-color:#99CC01;		
	background-image:none;
    }*/

/*begin top nav image rollout*/
#nav #services, #nav #successes, #nav #about, #nav #successes:hover, #nav #successes.sfhover, #nav #services:hover, #nav #services.sfhover, #nav #about:hover, #nav #about.sfhover{
	background-repeat:no-repeat;
	height:34px;
	
	}
	
	
#nav #services{
	background-image:url(../images/nav_services.gif);
	width:84px;
	}	
	
#nav #successes{
	background-image:url(../images/nav_successes.gif);
	background-repeat:no-repeat;
	width:101px;
	}
	
#nav #about{
	background-image:url(../images/nav_about.gif);
	background-repeat:no-repeat;
	width:64px;
	}	
	
#nav #successes:hover, #nav #successes.sfhover{
	background-image:url(../images/nav_successes_hov.gif);
	}	

#nav #services:hover, #nav #services.sfhover{
	background-image:url(../images/nav_services_hov.gif);
	}
#nav #about:hover, #nav #about.sfhover{
	background-image:url(../images/nav_about_hov.gif);
	}	
	

#nav li p{
left:-9999em;
position:absolute;
}