/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -


* Filename: funknav.css
* Version: 1.0.0 (28-10-2008) DD-MM-YYYY
* Website: http://www.funktion-one.com.au/
* Author: Michael Newton
* Description: Handles the styles for navigation.

== STRUCTURE: ==============================
* Page width: 912 px
* Number of columns: 2-3
============================================


== INDEX: ===================================
_navigation : styles for main navigation, rollovers, active states etc...
_rightnav : styles for right-hand navigation
============================================


*/




/* _navigation
==========================================*/



#nav {
	margin-bottom:54px;
	padding: 10px 14px 14px;
	margin-left:10px;
	}
#nav ul {
	height:1.18em;
	margin: 0;
	padding: 0;
	list-style: none;
	}
#nav li {
	float: left;
	margin: 0 0px;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:normal;
	font-style:normal;
	letter-spacing: 0px;
	color:#FFFFFF;
	}
#nav li a {
	float: left;
	padding: 2px 8px;
	text-decoration: none;
	color: #FFFFFF;
	border: none;
	}
#nav li a:hover {
	color: #FFFFFF;
	background-image:url(../images/site_images/bg_purple-50.png);
	}
#nav li a.active {
	font-weight: normal;
	color: #FFFFFF;
	background-image:url(../images/site_images/bg_purple-50.png);
	}
#nav .navBreaker {
	font-size:16px;
	padding-top:0.05em;
	}
	
/*#navBreaks {
	padding-top:5px;
	}

#nav .linky a {
	text-decoration: none;
	background-image:url(../images/site_images/bg_white-20.png);
	color: #FFFFFF;
	border: none;
	display:block;
	padding: 10px;
	}
#nav .linky a:hover,
#nav .linky a:active {
	background-image:url(../images/site_images/bg_purple-80.png);
	}
#linker a:link,
#linker a:visited {
	text-decoration: none;
	color: #FFFFFF;
	border: none;
	display:block;
	padding: 10px;
	}
#linker a:hover,
#linker a:active {
	background-image:url(../images/site_images/bg_purple-80.png);
	}	

#nav .home a {
	float: left;
	background:url(../images/nav/nav_home.png) no-repeat;
	height:15px;
	width:34px;
	text-decoration: none;
	color: #000000;
	border: none;
	display:block;
	}
#nav .home a:hover,
#nav .home a:active {
	background:url(../images/nav/nav_home-on.png) no-repeat;
	}
#nav .about a {
	float: left;
	background:url(../images/nav/nav_about.png) no-repeat;
	height:15px;
	width:41px;
	text-decoration: none;
	color: #000000;
	border: none;
	display:block;
	}
#nav .about a:hover,
#nav .about a:active {
	background:url(../images/nav/nav_about-on.png) no-repeat;
	}
	
#nav .services a {
	float: left;
	background:url(../images/nav/nav_services.png) no-repeat;
	height:15px;
	width:50px;
	text-decoration: none;
	color: #000000;
	border: none;
	display:block;
	}
#nav .services a:hover,
#nav .services a:active {
	background:url(../images/nav/nav_services-on.png) no-repeat;
	}
	
#nav .downloads a {
	float: left;
	background:url(../images/nav/nav_downloads.png) no-repeat;
	height:15px;
	width:71px;
	text-decoration: none;
	color: #000000;
	border: none;
	display:block;
	}
#nav .downloads a:hover,
#nav .downloads a:active {
	background:url(../images/nav/nav_downloads-on.png) no-repeat;
	}
	
#nav .links a {
	float: left;
	background:url(../images/nav/nav_links.png) no-repeat;
	height:15px;
	width:38px;
	text-decoration: none;
	color: #000000;
	border: none;
	display:block;
	}
#nav .links a:hover,
#nav .links a:active {
	background:url(../images/nav/nav_links-on.png) no-repeat;
	}
	
#nav .contact a {
	float: left;
	background:url(../images/nav/nav_contact.png) no-repeat;
	height:15px;
	width:53px;
	text-decoration: none;
	color: #000000;
	border: none;
	display:block;
	}
#nav .contact a:hover,
#nav .contact a:active {
	background:url(../images/nav/nav_contact-on.png) no-repeat;
	}
	
#navBreaks {
	float:left;
	background:url(../images/nav/nav_break.png) no-repeat;
	height:15px;
	width:15px;
	}
*/


/* _rightnav
==========================================*/


#productNav {
	margin-top:320px;
	width:210px;
	float:left;
	}
#productNav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height:1.85em;
	}
#productNav li {
	margin: 0 0px;
	list-style: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:normal;
	font-style:normal;
	background-image:url(../images/site_images/bg_black-50.png);
	border-bottom:dashed 1px #9d937e;
	}
#productNav li a {
	padding: 0 0 0 11px;
	text-decoration: none;
	color: #FFFFFF;
	border: none;
	display:block;
	width:199px;
	}
#productNav li a:hover {
	color: #FFFFFF;
	background: #6b3c77;	
	}
#productNav li .active {
	font-weight: normal;
	color: #FFFFFF;
	background: url(../images/site_images/bg_purple-80.png);
	}