/*CSS - http://cin-technologies.co.uk./
http://cin-technologies.co.uk/
http://cin-technologies.co.uk/css/menu.css*/

#nav {
	margin: 0;
	padding: 0;
	top: -30px;
	position: absolute;
	background-image: url(../images/menu_bg.gif);
	background-repeat: no-repeat;
	height: 33px;
	width: 721px;
	left: 0px;
	}
	
#nav ul {
	margin: 0;
	padding: 0;
	}

#nav li {
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
	line-height: 33px;
	position: absolute;
	text-indent: -9999px;
	text-align: center;
	}
	
#nav a {
	display: block; 
	text-decoration: none;   
	overflow: hidden;
	/* THANKS ROGIE */
	}	

/* normalstate navigation buttons */	
#navhome {
	background-image: url(../images/menu/home.gif);
	background-repeat: no-repeat;
	display: block;
	left: 17px;
	top: 0px;
	width: 89px;
	height: 33px;	
	}
#navfolio {
	background-image: url(../images/menu/portfolio.gif);
	background-repeat: no-repeat;
	display: block;
	left: 106px; 
	top: 0px; 
	width: 90px; 
	height: 33px; 
	}
#navfree {
	background-image: url(../images/menu/freebies.gif);
	background-repeat: no-repeat;
	display: block;
	left: 196px;
	top: 0;
	width: 90px;
	height: 33px;
	}

#navcontact {
	background-image: url(../images/menu/contact.gif);
	background-repeat: no-repeat;
	display: block;
	left: 286px; 
	top: 0px; 
	width: 90px; 
	height: 33px; 
	}	
#navlinks {
	background-image: url(../images/menu/links.gif);
	background-repeat: no-repeat;
	display: block;
	left: 377px; 
	top: 0px; 
	width: 94px; 
	height: 33px; 
	}

/* Overstate navigation buttons */	
#navhome a:hover{
	background-image: url(../images/menu/home_over.gif);
	background-repeat: no-repeat;
	display: block;
	left: 17px;
	top: 0px;
	width: 89px;
	height: 33px;	
	}
#navfolio a:hover{
	background-image: url(../images/menu/portfolio_over.gif);
	background-repeat: no-repeat;
	display: block;
	left: 106px; 
	top: 0px; 
	width: 90px; 
	height: 33px; 
	}
#navfree a:hover{
	background-image: url(../images/menu/freebies_over.gif);
	background-repeat: no-repeat;
	display: block;
	left: 196px;
	top: 0;
	width: 90px;
	height: 33px;
	}

#navcontact a:hover{
	background-image: url(../images/menu/contact_over.gif);
	background-repeat: no-repeat;
	display: block;
	left: 286px; 
	top: 0px; 
	width: 90px; 
	height: 33px; 
	}	
#navlinks a:hover{
	background-image: url(../images/menu/links_over.gif);
	background-repeat: no-repeat;
	display: block;
	left: 377px; 
	top: 0px; 
	width: 94px; 
	height: 33px; 
	}


/* Onstate navigation buttons */	
#navhomeOn {
	background-image: url(../images/menu/home_on.gif);
	background-repeat: no-repeat;
	display: block;
	left: 17px;
	top: 0px;
	width: 89px;
	height: 33px;	
	}
#navfolioOn {
	background-image: url(../images/menu/portfolio_on.gif);
	background-repeat: no-repeat;
	display: block;
	left: 106px; 
	top: 0px; 
	width: 90px; 
	height: 33px; 
	}
#navfreeOn {
	background-image: url(../images/menu/freebies_on.gif);
	background-repeat: no-repeat;
	display: block;
	left: 196px;
	top: 0;
	width: 90px;
	height: 33px;
	}

#navcontactOn {
	background-image: url(../images/menu/contact_on.gif);
	background-repeat: no-repeat;
	display: block;
	left: 286px; 
	top: 0px; 
	width: 90px; 
	height: 33px; 
	}	
#navlinksOn {
	background-image: url(../images/menu/links_on.gif);
	background-repeat: no-repeat;
	display: block;
	left: 377px; 
	top: 0px; 
	width: 94px; 
	height: 33px; 
	}

/* overstate navigation buttons 

#navhome a:hover {
	background-position: left -89px;
	top: 0px;
	width: 89px;
	height: 33px;	 
	}*/		
/*navfolio a:hover {
	/*background: url(../images/menu/img/portfolio_ro.gif);*/
	/*background-position:-89px 0;
	/*left: 105px; 
	top: 0px; 
	width: 90px; 
	height: 33px;*/ 
	/*}
/*#navfree a:hover {
	background: url(../images/menu/img/freebies_ro.gif);
	background-repeat: no-repeat; 
	left: 196px; 
	top: 0; 
	width: 90px; 
	height: 33px;
	}	
#navcontact a:hover {
	background: url(../images/menu/img/contact_ro.gif);
	background-repeat: no-repeat;
	left: 287px; 
	top: 0px; 
	width: 90px; 
	height: 33px;  
	}	
#navlinks a:hover {
	background: url(../images/menu/img/links_ro.gif);
	background-repeat: no-repeat;
	left: 378px; 
	top: 0px; 
	width: 94px; 
	height: 33px;  
	}	*/	

#navfolio a, #navfree a, #navcontact a, #navlinks a, #navhome {height: 33px;}