/*/////////  This stylesheet is for anything navigational based - including button styles   /////////*/


a.MainNavLink:link, a.MainNavLink:visited,  a.MainNavLink:hover, a.MainNavLink:active  
{	COLOR: #666666; 
	font-family: verdana, Arial, Helvetica;  
	TEXT-DECORATION: none;
	font-weight:normal;
	font-size: 1em;
	}
	
a.MainNavLink:hover, a.MainNavLink:active  
 {
	COLOR: #000; 
}


.Home #TopNav #MainNav1,
.Work #TopNav #MainNav2,
.Services #TopNav #MainNav3,
.Products #TopNav #MainNav4,
.Labwork #TopNav #MainNav5,
.Contact #TopNav #MainNav6
{

	height:65px;
	padding: 33px 15px 0px 15px;
	border-left: solid 1px #B4B4B4;
	border-right: solid 1px #B4B4B4;
	cursor:default;
	background: #BBE82B url(../images/MenuItemBGSelected.gif) repeat-x top;
	}	
	
#TopNav
{

	float:left;
	width: 100%;
	height: 98px;
	background: #E3E2D1 url(../images/TopNavBG.gif) repeat-x left top;
	}
	
	#MainNavLeft /* #MainNavRight */
	{
		float:left;
		text-align:right;
		height: 98px;
		width:183px;
		background: #E2E2D1 url(../images/MenuItemLeft.gif) NO-repeat center center;
		}
		
	/*#MainNavRight
	
	{
		float:right;
		background-image: url(../images/MenuItemRight.gif);
		}
	*/
	
	#MainNav1,#MainNav2,#MainNav3,#MainNav4,#MainNav5,#MainNav6,#MainNav7, #MainNav8
	{
		float:left;
		text-align:center;
		padding-top: 33px;
		padding-left: 15px;
		padding-right: 15px;
		width: 70px;
		}

	#MenuIcon1{background: url(../images/IconHome.gif) no-repeat;}	
	#MenuIcon2{background: url(../images/IconPortfolio.gif);}		
	#MenuIcon3{background: url(../images/Iconwork.gif) no-repeat;}	
	#MenuIcon4{background: url(../images/IconProducts.gif) no-repeat;}
	#MenuIcon5{background: url(../images/IconLab.gif) no-repeat;}	
	#MenuIcon6{background: url(../images/IconContact.gif) no-repeat;}	
	#MenuIcon7{background: url(../images/IconLogin.gif) no-repeat;}	
		
	.Home #MenuIcon1{background: url(../images/IconHomeSelected.gif) no-repeat;}	
	.Work #MenuIcon2{background: url(../images/IconPortfolioSelected.gif) no-repeat;}		
	.Services #MenuIcon3{background: url(../images/IconWorkSelected.gif) no-repeat;}	
	.Products #MenuIcon4{background: url(../images/IconProductsSelected.gif) no-repeat;}
	.Labwork #MenuIcon5{background: url(../images/IconLabSelected.gif) no-repeat;}	
	.Contact #MenuIcon6{background: url(../images/IconContactSelected.gif) no-repeat;}	
	#MenuIcon7{background: url(../images/IconLogin.gif) no-repeat;}	
		

	#MenuIcon1, #MenuIcon1, #MenuIcon2, #MenuIcon3, #MenuIcon4, #MenuIcon5, #MenuIcon6,  #MenuIcon7
	{	
	width: 16px;
	height: 16px;
	max-width: 16px;
	margin:auto;
	background-position: center;
	background-repeat: no-repeat;
	}
	
	
	ul
	{
		list-style:none;
		font-size: 1.8em;
		}
		
	#ContentBox	ul
	{
		
		list-style-image: url(../images/ULListTick.gif);
		font-size: 0.9em;
		line-height: 15px;
		margin-top: 20px; 
		margin-bottom: 20px; 
		}
		
	A.lightwindow:link, A.lightwindow:visited, A.lightwindow:hover, A.lightwindow:active  
	{ 
		color: #FFF;
		text-decoration: none;
		font-size: 2em;
		padding-left: 4px;
		}	
		
	A.lightwindow:hover
	 {
		text-decoration: underline;
		
		}	
		
	.Home #TopNav #MainNav1 .MainNav,
	.Work #TopNav #MainNav2 .MainNav,
	.Services #TopNav #MainNav3 .MainNav,
	.Products #TopNav #MainNav4 .MainNav,
	.Labwork #TopNav #MainNav5 .MainNav,
	.Contact #TopNav #MainNav6 .MainNav
	{

	color: #D3FF46;
	text-decoration: none;
	cursor:default;
	font-weight:normal;
	}	

	/*  Shop Call to Action Buttons   */
		
	.CurlButtonRight, .CurlButtonRightGreen, .CurlButtonRightRed
	{
		background: url(../images/CurlButtonRight.gif) no-repeat right;
		float:right;
		padding-bottom: 13px;
		padding-right: 10px;
		padding-left: 0px;
		width: 100px;
		color:#FFF;
		border: 0px; 
		height: 33px; 
		cursor:pointer;
		z-index: 100;
		}
		
	.CurlButtonRightGreen
		 {
		background: url(../images/CurlButtonRightGreen.gif) no-repeat right;
		}		
		
	.CurlButtonRightRed
		 {
		background: url(../images/CurlButtonRightRed.gif) no-repeat right;
		}
		
	.CurlButtonleft, .CurlButtonleftGreen, .CurlButtonleftRed
	{
		background: url(../images/CurlButtonLeft.gif) no-repeat right;
		float:right;
		width:7px;
		height: 33px;
		}	
		
	.CurlButtonleftGreen
		{
		background: url(../images/CurlButtonLeftGreen.gif) no-repeat right;
		}

	.CurlButtonleftRed
		{
		background: url(../images/CurlButtonLeftRed.gif) no-repeat right;
		}

	#LoginButton
	{
		float:left;
		margin-top: 20px;
		width: 107px;	
		}