/* *****************  Navigation   *****************  */
/*   Main Color - #FF0000    Main			*/
/*   Compliment hue/shade - #0000ff 	 Lighter of main			*/
/*   Compliment 1 - #DEBE85  complimentary		    */
/* The wrapper div should be wrapped around the page content and be at least 100% page height for the iPade, iPhone and iPod Touch */
.wrapper {
	height: 100%;
}
.clear {
	clear: left;
}
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/cssplay-touch-flyout.html
Copyright (c) Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
.hidden {
	display: none;
}
@media  (min-width : 761px){
nav {
	position: fixed;
	margin-top: 200px;
	top : 1em;
	left : 1%;
	awidth : 5%;
	z-index : 1;
	padding : 0em;
}
nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	white-space: nowrap;
	text-align: left;
	padding: 10px 0;
	border-radius: 10px;
	float: left;
	background: #deebfb;
	background-image: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%);
	background-image: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%);
	background-image: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%);
	background-image: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%);
	background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%);
	box-shadow: 0px 5px 5px rgba(0,0,0,0.4);
}
nav li {
	display: block;
	position: relative;
	margin: 0 -5px;
}
nav li {
	*margin-top: -5px;
}
nav li a {
	min-width: 5px;
	height: auto;
	line-height: normal;
	min-width: inherit;
	background: none;
}
nav li:hover a {
	background: none;
}
/* for IE7 to position the list items correctly */
nav li a.hassub {
	background: url(../images/right.gif) no-repeat right center;
}
nav ul ul {
	position: absolute;
	left: 95%;
	top: -10px;
	opacity: 0;
}
nav ul ul {
	*top: -5px;
}
/* for IE7 to position the sub menus correctly */
nav ul#p1, nav ul#p2, nav ul#p7, nav ul#p8 {
	background-color: #deebfb;
}
nav ul#p3, nav ul#p5, nav ul#p6, nav ul#p9, nav ul#p11 {
	background-color: #deebfb;
}
nav ul#p4, nav ul#p10 {
	background-color: #deebfb;
}
nav a {
	display: block;
	font: normal 16px/30px "Ubuntu Condensed", arial, sans-serif;
	color: #0000ff;
	text-decoration: none;
	padding: 0 75px 0 10px;
	position: relative;
	z-index: 10;
	line-height: normal;
}
nav ul li b {
	display: block;
	position: relative;
	margin-top: -30px;
	width: 100%;
	height: 30px;
	background: url(../images/trans.gif);
	z-index: 100;
}
nav li:hover > b {
	width: 0;
}
nav li:hover > a {
	color: #0000ff;
	text-decoration: underline;
}
nav li:hover > ul {
	left: 100%;
	opacity: 1;
}
nav li:hover > a.hassub {
	background: none;
}
/*  End nav menu  */
}