/* ================================================================ 
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/css3-cssplay29.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* this is a CSS answer to fix the hover tilde problem in safari and chrome */
html {-webkit-animation: safariSelectorFix infinite 1s;}
@-webkit-keyframes safariSelectorFix {
0% {zoom:1;} 
100% {zoom:1;}
}
/* trigger for IE */
#dropline li a {behavior:url(cssplay29/trigger.htc)}

.menuHolder {width:700px; margin:0 auto; padding:10px 4px 10px 4px; background:#303030;
-o-border-radius: 20px;
-ms-border-radius: 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
}

#dropline {position:relative; font-size:12px; height:38px; z-index:100; border-bottom:1px solid #000;
-o-border-radius: 10px;
-ms-border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px; padding:0px;margin:0px;
}

#dropline, #dropline ul {padding:0; margin:0; list-style:none; width:700px; text-align:center; border-top:1px solid #000;
-o-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.8);
-ms-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.8);
-moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.8);
-webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.8);
box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.8);    padding:0px;margin:0px;
}

#dropline ul {position:absolute; top:0; left:-9999px; height:0;
-o-border-radius: 0 0 10px 10px;
-ms-border-radius: 0 0 10px 10px;
-moz-border-radius: 0 0 10px 10px;
-webkit-border-radius: 0 0 10px 10px;
border-radius: 0 0 10px 10px;

-webkit-transition: height 0.6s;
-moz-transition: height 0.6s;
-o-transition: height 0.6s;
transition: height 0.6s; padding:0px;margin:0px;
}
#dropline ul {background:#383838; border-bottom:10px solid #383838;}
#dropline ul ul {background:#404040; border-bottom:10px solid #404040;}
#dropline ul ul ul {background:#484848; border-bottom:10px solid #484848;}
#dropline ul ul ul ul {background:#505050; border-bottom:10px solid #505050;}
#dropline ul ul ul ul ul {background:#585858; border-bottom:10px solid #585858;}

#dropline li {display:inline; height:38px;}
#dropline li a {display:inline-block; height:38px; line-height:38px; padding:0 5px 0 5px; font-family:arial, sans-serif; font-size:11px; color:#aaa; text-shadow: 1px -1px 1px #000; text-decoration:none; font-weight:bold; outline:0; text-transform:uppercase;
-webkit-transition: 0.6s;
-moz-transition: 0.6s;
-o-transition: 0.6s;
transition: 0.6s;
}
#dropline ul li a {font-size:0;}

#dropline li a.down {color:#c63;margin:0px 0px 0px 6px;padding:0px 0px 0px 6px;}
#dropline li ul li a.down {font-size:11px; color:#c63;}

#dropline li:hover > a {color:#fff;}

#dropline li > a:active {color:#fc6;}
#dropline li > a.down:active {color:#fc6;}

#dropline li > a:focus {color:#fc6;}
#dropline li > a.down:focus {color:#fc6;}

#dropline li:hover > a.down {color:#fc6;}

#dropline li a:active + ul {top:17px; left:0; height:38px;}
#dropline li a:active + ul > li > a {font-size:11px;}

#dropline li a:focus + ul {top:17px; left:0; height:38px;}
#dropline li a:focus + ul > li > a {font-size:11px;}

#dropline li > ul:hover {top:17px; left:0; height:38px;}
#dropline li > ul:hover > li > a {font-size:11px;}