/*      begin styling navigation  	*/

#navigationWrapper ul {  
    margin:0;  
    padding:0;  
}  
  
#navigationWrapper ul li {
	background-color: #fffff;
    height: 20px;  
    float: left;
	margin: 5px;
    text-align: center;   
    overflow: hidden;  
	z-index: 5;
} 

#navigationWrapper ul li:hover {
	background-color: #b8d30a;  
	background-image: url(../images/NavigationBackground.gif);
	background-repeat: repeat-x;    
}

#navigationWrapper ul li div {  
	display: none;
	height: 16px;
	margin: 0px;
} 

#navigationWrapper ul li:hover div {  
	display: block;
	height: 16px;
	margin: 0px;  
}  

#navigationWrapper ul li#growYourBusiness, #navigationWrapper ul li#growYourBusiness:hover {
    width: 150px;   
}

#navigationWrapper ul li#howItWorks, #navigationWrapper ul li#howItWorks:hover {
    width: 102px;   
}

#navigationWrapper ul li#whyTellUs, #navigationWrapper ul li#whyTellUs:hover {
    width: 92px;   
}

#navigationWrapper ul li#getStarted, #navigationWrapper ul li#getStarted:hover {
    width: 84px;
}

#navigationWrapper ul li#advancedSolutions, #navigationWrapper ul li#advancedSolutions:hover {
    width: 148px;   
}

#navigationWrapper ul li#aboutUs, #navigationWrapper ul li#aboutUs:hover {
    width: 66px;   
}

#navigationWrapper ul li#contacts, #navigationWrapper ul li#contactus:hover {
    width: 106px;   
}  
  
#navigationWrapper ul li a.nav { 
	font-size: 16px;
	font-style: normal;
    color: #005167;  
    text-decoration: none;  
}  

#navigationWrapper ul li a.nav:hover {
	font-size: 16px;  
	font-style: normal;
    color: #a6be0a;  
    text-decoration: none;  
}

#navigationWrapper ul li a.navgreen { 
	font-size: 16px;
	font-style: normal;
    color: #abc502;  
    text-decoration: none;  
} 

#navigationWrapper ul li a.navgreen:hover {
	font-size: 16px;  
	font-style: normal;
    color: #4c4f4f;  
    text-decoration: none;  
} 

#navigationWrapper ul li a { 
	font-size: 11px;
	font-style: normal;
    color: #4c4f4f;  
    text-decoration: none;  
}  

#navigationWrapper ul li a:hover {
	font-size: 11px;  
	font-style: normal;
    color: #ffffff;  
    text-decoration: none;  
}  
  
#navigationWrapper ul li p {  
    margin: 0px;  
} 

#navigationWrapper ul li.navigationLine {  
	background-image: url(../images/NavigationLine.gif);
	background-position: top;
	background-repeat: no-repeat;
	height: 28px;
	margin: 0px;
	width: 1px;
}
  
#navigationWrapper ul li div.liAlign {  
	height: 10px; 
	padding-top:12px; 
}

.subtext {  
	padding-top: 15px;  
}