/* ================================================================ 
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; list-style:none;height:120px;}
ul.top table {border-collapse:collapse; width:0; height:0; margin:-1px 0 -5px -1px;}
ul.top li.topli {float:left; height:120px; 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:120px; width:600px; background:url(backing.png) no-repeat right top; position:absolute; right:0; top:0;}
ul.sub li {float:left;}
ul.sub li a {display:block; height:120px; 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.home {width:110px;}
ul.sub li a.products {width:110px;}
ul.sub li a.services {width:110px;}
ul.sub li a.advertise {width:125px;}
ul.sub li a.privacy {width:105px;}

ul.sub li a.home i {background:url(home.png);}
ul.sub li a.products i {background:url(products.png);}
ul.sub li a.services i {background:url(services.png);}
ul.sub li a.advertise i {background:url(advertising.png);}
ul.sub li a.privacy i {background:url(privacy.png);}

ul.top li.topli:hover {width:600px;}
ul.top li.topli a.topa:hover {direction:ltr; width:600px;}


ul.sub li a:hover i {right:10px;}

