/* NAV */
/* ----------------------------------------- */
/* ----------------------------------------- */
/* date:  05/II/2010						 */
/* author: Daniel Angel */
/* ----------------------------------------- */

/* header navigation */
div#header ul.nav {
	float: left;
	font-size: .8em;
	height: 41px;
	margin: 40px 0 0 0;
	padding: 0 0 0 120px;
	width: 570px;
}
div#header ul.nav li {
	display: block;
	float: left;
	height: 41px;
	margin: 0 0 0 15px;
	position: relative;
	width: 76px;
	z-index: 98;
}
div#header ul.nav li:hover {
	visibility: inherit; /* fixes IE7 'sticky bug' */
}

div#header ul.nav li.about { width: 85px; }
div#header ul.nav li.products { width: 110px; }
div#header ul.nav li.downloads { width: 100px; }
div#header ul.nav li.store { width: 112px; }

div#header ul.nav li a {
	background: url(../img/menu.png) top left no-repeat;
	display: block;
	height: 41px;
	position: relative;
	overflow: hidden;
	text-indent: -9999px;
	z-index: 98;
}

div#header ul.nav li.products a { background-position: -93px 0; }
div#header ul.nav li.downloads a { background-position: -211px 0; }
div#header ul.nav li.store a { background-position: -319px 0; }
div#header ul.nav li.contact a { background-position: -439px 0; }

div#header ul.nav li.about a:hover, div#header ul.nav li.about.sfHover a, div#header ul.nav li.about.active a { background-position: 0 -41px; }
div#header ul.nav li.products a:hover, div#header ul.nav li.products.sfHover a, div#header ul.nav li.products.active a { background-position: -93px -41px; }
div#header ul.nav li.downloads a:hover, div#header ul.nav li.downloads.active a { background-position: -211px -41px; }
div#header ul.nav li.store a:hover, div#header ul.nav li.active a { background-position: -319px -41px; }
div#header ul.nav li.contact a:hover, div#header ul.nav li.contact.active a { background-position: -439px -41px; }

div#header ul.nav ul {
	background: #E4675B url(../img/beaks.png) 45px -150px no-repeat;
	padding: 10px;
	position: absolute;
	top: -999em;
	width: 254px;
	z-index: 98;
	
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	
}
div#header ul.nav li.about ul {
	background: #C85292 url(../img/beaks.png) 32px 0 no-repeat;
}
div#header ul.nav li:hover ul, div#header ul.nav li.sfHover ul {
	left: 0;
	top: 34px; /* match top ul list item height */
	z-index: 999 !important;
}
div#header ul.nav ul li {
	display: block;
	height: 20px;
	margin: 0;
	width: 127px;
	z-index: 99;
}
div#header ul.nav ul li a, div#sidebar ul#role_tree ul li a {
	background: none;
	color: #FFF;
	height: 20px;
	line-height: 20px;
	overflow: hidden;
	padding: 0 0 0 1em;
	text-indent: 0;
	z-index: 97;
}
div#header ul.nav ul li:nth-child(odd) a {
	border-right: 1px solid;
}
div#header ul.nav ul li:nth-child(even) a {
	padding: 0 0 0 1.5em;
}


div#header ul.nav li.about ul li a:hover {
	background-color: #BB5083;
}
div#header ul.nav li.products ul li a:hover, div#sidebar ul#role_tree ul li a:hover {
	background-color: #DF5D52;
	text-decoration: none;
}


/* sidebar navigation */

div#sidebar ul#role_tree {
	margin: 0 0 1.2em 0;
}
div#sidebar ul#role_tree li {
	border-bottom: 1px dashed #D9D9D9;
	display: block;
	height: 34px;
	position: relative;
	z-index: 98;
	width: 230px;
}
div#sidebar ul#role_tree li:hover {
	visibility: inherit; /* fixes IE7 'sticky bug' */
}
div#sidebar ul#role_tree li a {
	color: #5B5E61;
	display: block;
	height: 34px;
	line-height: 34px;
	padding: 0 0 0 10px;
	position: relative;
	text-decoration: none;
	z-index: 98;

    -moz-border-radius-topleft: 8px;
    -webkit-border-top-left-radius: 8px;	
    -moz-border-radius-bottomleft: 8px;
    -webkit-border-bottom-left-radius: 8px;
}
div#sidebar ul#role_tree li a:hover, div#sidebar ul#role_tree li.sfHover a {
	background: #E4675B;
	color: #FFF;
}
div#sidebar ul#role_tree ul {
	background: #E4675B;
	font-size: 11px;
	padding: 10px;
	position: absolute;
	top: -999em;
	width: 170px;
	z-index: 98;

    -moz-border-radius-topright: 8px;
    -webkit-border-top-right-radius: 8px;
    -moz-border-radius-bottomright: 8px;
    -webkit-border-bottom-right-radius: 8px;
    -moz-border-radius-bottomleft: 8px;
    -webkit-border-bottom-left-radius: 8px;

}
div#sidebar ul#role_tree ul li {
	border-bottom: none;
	display: block;
	height: 20px;
	width: 170px;
	z-index: 99;
}

div#sidebar ul#role_tree ul li a {
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;	
}

/*sf-sub-indicator*/
div#sidebar ul#role_tree ul li a span.sf-sub-indicator, div#header ul.nav ul li a span.sf-sub-indicator {
}
div#sidebar ul#role_tree li:hover ul, div#sidebar ul#role_tree li.sfHover ul {
	left: 230px;
	top: 0;
	z-index: 999;
}
div#sidebar ul#role_tree ul li:hover ul, div#sidebar ul#role_tree ul li.sfHover ul {
	left: 170px;
	top: -10px;
	padding-left: 10px;
	z-index: 990;
	
	-moz-border-radius-topleft: 0px;
    -webkit-border-top-left-radius: 8px;
	-moz-border-radius-bottomleft: 0px;
    -webkit-border-bottom-left-radius: 8px;

	
}





/* footer navigation */

div#footer ul.nav {
	float: left;
	min-height: 125px;
	position: relative;
	width: 500px;
}

div#footer ul.nav > li {
	float: left;
	font-weight: bold;
	padding: 0 0 0 15px;
	width: 110px;
	
}
	div#footer ul.nav li.about {
		padding: 0;
		width: 125px;
	}
div#footer ul.nav li.products {
	width: 250px;
}
div#footer ul.nav li.products span {
	display: block;
	clear: both;
}
div#footer ul.nav li.products ul {
	float: left;
	width: 125px;
}
div#footer ul.nav li.products ul.cats {
	margin-top: -1.6em;
}
div#footer ul.nav li.downloads, div#footer ul.nav li.store, div#footer ul.nav li.contact {
	left: 390px;
	position: absolute;
	
}
div#footer ul.nav li.store { top: 1.6em; }
div#footer ul.nav li.contact { top: 3.2em; }

div#footer ul.nav li.about, div#footer ul.nav ul.cats, div#footer div#parseable {
	background: url(../img/footer-divider.png) top right no-repeat;
	min-height: 110px;
}
div#footer ul#cat {
	font-weight: bold;
	left: 405px;
	position: absolute;
	top: 110px;
}
div#footer div#parseable {
	background-position: top left;
}
div#footer ul.nav li ul li {
	font-weight: normal;
}

/* hover colours */
div#footer ul.nav li.about a:hover { color: #C85292; }
div#footer ul.nav li.products a:hover { color: #E4675B; }
div#footer ul.nav li.downloads a:hover { color: #8AB325; }
div#footer ul.nav li.store a:hover { color: #0098B3; }
div#footer ul.nav li.contact a:hover { color: #7C2A71; }