/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/iPad-slide-hide.html
Copyright (c) 2005-2011 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.menu {
	height:40px; 
	position:relative; 
	padding-top: 15px;
}

.menu ul {
	padding:0; 
	margin:0; 
	list-style:none; 
	width:150px; 
	float:left;
}

.menu ul ul {
	position:absolute; 
	z-index:-1;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  transition-delay: 0.5s;
  -o-transition-delay: 0.5s;
  -moz-transition-delay: 0.5s;
  -ms-transition-delay: 0.5s;
  -webkit-transition-delay: 0.5s;
}

.menu ul ul ul {
	position:absolute; 
	left:150px; 
	top:0;
}

.menu ul ul ul.rgt {
	position:absolute; 
	left:auto; 
	right:150px; 
	top:0;
}

.menu ul li {
	float:left; 
	width:150px; 
	position:relative; 
	z-index:10; 
  background:url(trans.gif);
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  -ms-transition: 0.25s;
  -o-transition: 0.25s;
}

.menu ul ul li {
  transition-delay: 1s;
  -o-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -ms-transition-delay: 1s;
  -webkit-transition-delay: 1s;
}

.menu ul ul ul li {
  transition-delay: 0.5s;
  -o-transition-delay: 0.5s;
  -moz-transition-delay: 0.5s;
  -ms-transition-delay: 0.5s;
  -webkit-transition-delay: 0.5s;
}

.menu ul li a {
	display:block; 
	width:139px; 
	height:29px; 
	padding-left:10px; 
	background:#ddd; 
	font:normal 12px/29px arial, sans-serif; color:#000; 
	text-decoration:none; 
	margin-bottom:1px; 
	margin-right:1px;
  -o-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

.menu ul li a.fly {
	background:#ddd url(images/arrowdown.gif) no-repeat right center;
}

.menu ul li:hover > a {
	background-color:#999; 
	color:#fff;
}

.menu ul li:hover > a.fly {
	background:#999 url(images/arrowdown-over.gif) no-repeat right center;
}

.menu ul ul li {
	margin-top:-30px;
}

.menu ul ul li.p1 {
	margin-top:0;
}

.menu ul ul ul {
	margin-left:-150px;
}

.menu ul ul ul.rgt {
	margin-left:0; 
	margin-right:-150px;
}

.menu ul li:hover > ul > li {
	margin-top:0;
  transition-delay: 0.5s;
  -o-transition-delay: 0.5s;
  -moz-transition-delay: 0.5s;
  -ms-transition-delay: 0.5s;
  -webkit-transition-delay: 0.5s;
}

.menu ul ul li:hover > ul {
	margin-left:0;
  transition-delay: 0s;
  -o-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -ms-transition-delay: 0s;
  -webkit-transition-delay: 0s;
}

.menu ul ul li:hover > ul.rgt {
	margin-left:auto; 
	margin-right:0;
  transition-delay: 0s;
  -o-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -ms-transition-delay: 0s;
  -webkit-transition-delay: 0s;
}

.menu ul li.close {
	margin-top:-30px; 
	z-index:-1;
}

.menuleft {float:left; width:155px;}

.menuleft ul {padding:0; margin:0; list-style:none; width:150px; float:left;}

.menuleft ul ul {position:absolute; z-index:-1;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-ms-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
transition-delay: 0.5s;
-o-transition-delay: 0.5s;
-moz-transition-delay: 0.5s;
-ms-transition-delay: 0.5s;
-webkit-transition-delay: 0.5s;
}

.menuleft ul ul ul {position:absolute; left:150px; top:0;}

.menuleft ul ul ul.rgt {position:absolute; left:auto; right:150px; top:0;}

.menuleft ul li {float:left; width:150px; position:relative; z-index:10; background:url(trans.gif);
-webkit-transition: 0.25s;
-moz-transition: 0.25s;
-ms-transition: 0.25s;
-o-transition: 0.25s;
}

.menuleft ul ul li {
transition-delay: 1s;
-o-transition-delay: 1s;
-moz-transition-delay: 1s;
-ms-transition-delay: 1s;
-webkit-transition-delay: 1s;
}

.menuleft ul ul ul li {
transition-delay: 0.5s;
-o-transition-delay: 0.5s;
-moz-transition-delay: 0.5s;
-ms-transition-delay: 0.5s;
-webkit-transition-delay: 0.5s;
}

.menuleft ul li a {display:block; width:139px; height:29px; padding-left:10px; background:#ddd; font:normal 12px/29px arial, sans-serif; color:#000; text-decoration:none; margin-bottom:1px; margin-right:1px;
-o-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}

.menuleft ul li a:hover {background-color:#999; color:#fff;}

.menuleft ul ul li a.fly {background:#ddd url(images/arrow.gif) no-repeat right center;}

.menuleft ul ul li:hover > a {background-color:#999; color:#fff;}

.menuleft ul ul li:hover > a.fly {background:#999 url(images/arrow-over.gif) no-repeat right center;}

.menuleft ul ul ul li {margin-top:-30px;}

.menuleft ul ul ul li.p1 {margin-top:0;}

.menuleft ul ul ul {margin-left:-150px;}

.menuleft ul ul ul.rgt {margin-left:0; margin-right:-150px;}

.menuleft ul li:hover > ul > li {margin-top:0;
transition-delay: 0.5s;
-o-transition-delay: 0.5s;
-moz-transition-delay: 0.5s;
-ms-transition-delay: 0.5s;
-webkit-transition-delay: 0.5s;
}

.menuleft ul ul li:hover > ul {margin-left:0;
transition-delay: 0s;
-o-transition-delay: 0s;
-moz-transition-delay: 0s;
-ms-transition-delay: 0s;
-webkit-transition-delay: 0s;
}

.menuleft ul ul li:hover > ul.rgt {margin-left:auto; margin-right:0;
transition-delay: 0s;
-o-transition-delay: 0s;
-moz-transition-delay: 0s;
-ms-transition-delay: 0s;
-webkit-transition-delay: 0s;
}

.menuleft ul li.close {margin-top:-30px; z-index:-1;}