/* ================================================================ 
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/css3-cssplay28.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.
=================================================================== */



.menuHolder {background:url(backing.png); padding:3px 70px 70px 7px; float:left; font-family:arial, sans-serif; margin-left:100px; 
-o-border-radius: 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
}
.clear {clear:both;}

.menuHolder h4 {color:#111; text-shadow: 0px 2px 3px #555; font-size:50px; text-align:center; padding:0; margin:0; font-weight:normal; padding:5px 0; font-family:'times new roman', serif;}

.nav, .nav ul {padding:0; margin:0; list-style:none;}
.nav {position:relative;}

.nav ul {position:absolute; top:37px; left:0; height:0; overflow:hidden;}
.nav li {float:left; position:relative; background:url(trans.gif);}
.nav li a {display:block; line-height:35px; padding:0 15px; border:1px solid #444; border-bottom-color:#000; color: #999; text-shadow: 1px -1px 1px #000; text-decoration:none; font-size:12px; font-weight:bold;
-webkit-transition: 0.6s;
-moz-transition: 0.6s;
-o-transition: 0.6s;
transition: 0.6s;
}
.nav li:hover > a {background:#666; border-color:#888 #777 #444 #555; color:#fff;}

.nav li:hover ul.sub1 {width:150px; height:185px;}
.nav li:hover ul.sub2 {width:210px; height:411px;}
.nav li:hover ul.sub3 {width:270px; height:322px;}
.nav li:hover ul.sub4 {width:150px; height:111px;}
.nav li:hover ul.sub5 {width:160px; height:111px;}

.nav ul li {width:100%; opacity:0;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}
.nav li ul li.p1 {
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
}
.nav li ul li.p2 {
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
}
.nav li ul li.p3 {
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
}
.nav li ul li.p4 {
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
}
.nav li ul li.p5 {
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
}
.nav li ul li.p6 {
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
}

.nav li:hover ul li {opacity:1;}

.nav li:hover ul li.p1 {
-webkit-transition-delay: 0.5s;
-moz-transition-delay: 0.5s;
-o-transition-delay: 0.5s;
transition-delay: 0.5s;
}
.nav li:hover ul li.p2 {
-webkit-transition-delay: 0.6s;
-moz-transition-delay: 0.6s;
-o-transition-delay: 0.6s;
transition-delay: 0.6s;
}
.nav li:hover ul li.p3 {
-webkit-transition-delay: 0.7s;
-moz-transition-delay: 0.7s;
-o-transition-delay: 0.7s;
transition-delay: 0.7s;
}
.nav li:hover ul li.p4 {
-webkit-transition-delay: 0.8s;
-moz-transition-delay: 0.8s;
-o-transition-delay: 0.8s;
transition-delay: 0.8s;
}
.nav li:hover ul li.p5 {
-webkit-transition-delay: 0.9s;
-moz-transition-delay: 0.9s;
-o-transition-delay: 0.9s;
transition-delay: 0.9s;
}
.nav li:hover ul li.p6 {
-webkit-transition-delay: 1s;
-moz-transition-delay: 1s;
-o-transition-delay: 1s;
transition-delay: 1s;
}

.nav ul li a {background:#666; border-color:#888 #777 #444 #555; color:#bbb; line-height:1px;
-webkit-transition: 1.5s;
-moz-transition: 1.5s;
-o-transition: 1.5s;
transition: 1.5s;
}
.nav li:hover ul li a {line-height:35px;}
.nav ul li a:hover {background:#09c;
background-image: -webkit-gradient(linear, 0% 0%, 0% 95%, from(rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0)));
background-image: -moz-linear-gradient(-90deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
background-image: -o-linear-gradient(-90deg,rgba(255,255,255,0.5),rgba(255,255,25,0));}

/* for IE6 */
.nav table {border-collapse:collapse; margin-bottom:-1px;}
* html .nav a {border-color:#444 #444 #000 #444; height:35px; float:left;}
.nav a:hover {background:#666; border-color:#888 #777 #444 #555; color:#fff;}
.nav a:hover ul.sub1 {width:150px; height:185px;}
.nav a:hover ul.sub2 {width:210px; height:411px;}
.nav a:hover ul.sub3 {width:180px; height:322px;}
.nav a:hover ul.sub4 {width:150px; height:111px;}
.nav a:hover ul.sub5 {width:160px; height:111px;}
.nav a:hover ul li a {line-height:35px; height:35px; float:none;}