/* ================================================================ 
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:78px;}
ul.top table {border-collapse:collapse; width:0; height:0; margin:-1px 0 -5px -1px;}
ul.top li.topli {float:left; height:70px; width:1000px; position:relative; overflow:hidden;
-webkit-transition-duration: .5s;
-moz-transition-duration: .5s;
-o-transition-duration: .5s;
}
* html ul.top li.topli {width:auto; margin:0;}
ul.top li.topli a.topa {float:left; height:70px; width:125px; position:relative; overflow:hidden;}

ul.sub {padding:0; margin:0; list-style:none; height:70px; width:1000px; background:url(../images/backing.gif) no-repeat right top; position:absolute; right:0; top:0;}
ul.sub li {float:left;}
ul.sub li a {display:block; height:68px; float:left; overflow:hidden; position:relative;}
ul.sub li a b {position:absolute; left:-1000px;}
ul.sub li a i {display:block; width:65px; height:70px; position:absolute; right:-80px; top:20px;
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
}
ul.sub li a.home {width:125px;}
ul.sub li a.plans {width:125px;}
ul.sub li a.spec {width:125px;}
ul.sub li a.facil {width:125px;}
ul.sub li a.manage {width:125px;}
ul.sub li a.progress {width:125px;}
ul.sub li a.gallery {width:125px;}
ul.sub li a.contact {width:125px;}

ul.sub li a.home i {background:url(../images/icon_home.gif) no-repeat;}
ul.sub li a.plans i {background:url(../images/icon_plans.gif) no-repeat}
ul.sub li a.spec i {background:url(../images/icon_specification.gif) no-repeat;}
ul.sub li a.facil i {background:url(../images/icon_facilites.gif) no-repeat;}
ul.sub li a.manage i {background:url(../images/icon_manage.gif) no-repeat;}
ul.sub li a.progress i {background:url(../images/icon_progress.gif) no-repeat;}
ul.sub li a.gallery i {background:url(../images/icon_gallery.gif) no-repeat;}
ul.sub li a.contact i {background:url(../images/icon_contact.gif) no-repeat;}

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


ul.sub li a:hover i {right:10px;}