/* ================================================================ 
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-single-slide.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

ul.top {padding:0; margin:0; margin-top: 120px; list-style:none; height:400px; width:50px; float: left;}
ul.top table {border-collapse:collapse; width:0; height:0; margin:-1px 0 -5px -1px;}
ul.top li.topli {float:left; height:550px; width:39px; position:relative; overflow:hidden;
-webkit-transition-duration: .8s;
-moz-transition-duration: .8s;
-o-transition-duration: .8s;
}
* html ul.top li.topli {width:auto;}
ul.top li.topli a.topa {float:left; height:120px; width:39px; position:relative; overflow:hidden;}
ul.sub {padding:0; margin:0; list-style:none; height:500px; width:200px; background:url(../images/menu/backing2.png) no-repeat right top; position:absolute; right:0; top:0;}
ul.sub li {float:left;}
ul.sub li a {display:block; margin-top: 5px; height:20px; float:left; overflow:hidden; position:relative;}
/* ul.sub li a b {position:absolute; left:-9999px;} */
ul.sub li a i {display:block; width:48px; height:48px; position:absolute; right:-50px; bottom:10px;
-webkit-transition-duration: .3s;
-moz-transition-duration: .3s;
-o-transition-duration: .3s;
}
ul.sub li a { text-decoration: none; color: #fff; padding-left: 5px; }
ul.sub li a.home {width:150px}

ul.top li.topli:hover {width:200px;}
ul.top li.topli a.topa:hover {direction:ltr; width:200px;}


ul.sub li a:hover { text-decoration: underline;}