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



/* common styling */
.menu {z-index: 0; background: url("../img/s_menu.jpg") no-repeat bottom center; width:766px; height:153px; position:relative; font-size:11px; }
.menu ul {

}
.menu ul li a, .menu ul li a:visited {
   display:block;
	 text-decoration:none;
	 color:#fff;
	 /**/
	 height:32px;
	 text-align:center;
	 color:#fff;
	/* background:red;*/
	 line-height:32px;
	 font-size:11px;
	 overflow:hidden;
	 }
.menu ul {padding:0; padding-top: 74px; margin:0; list-style: none;}
.menu ul li {float:left; position:relative;}
.menu ul li ul {display: none; padding: 0}

/* specific to non IE browsers */
.menu ul li:hover a {color:#fff; /* background:#003585; */ cursor: pointer }
.menu ul li:hover ul {display:block; position:absolute; top:32px; left:0; width:140px;}
.menu ul li:hover ul li a.hide {background:#003585; color:#fff;}
.menu ul li:hover ul li:hover a.hide {background:#003585; color:#fff;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {width:140px; margin-bottom: 0px; height: 20px; line-height: 20px; display:block; background:#003585; color:#fff; cursor: pointer}
.menu ul li:hover ul li a:hover {background: #fff; color:#003585;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:140px; top:0;}
.menu ul li:hover ul li:hover ul.left {left:-140px;}



.menu .company {
   display: block;
	 width: 128px;
   font-size: 1px;
}
.menu .company  span{
   position: absolute;
	 width: 100%;height: 100%; top: 0; right: 0;
   background: #003585 url("../img/company.jpg") no-repeat center
}
.menu .sol {
   display: block;
	 width: 120px;
   font-size: 1px;
}
.menu .sol  span{
   position: absolute;
	 width: 100%;height: 100%; top: 0; right: 0;
   background: #003585 url("../img/sol.jpg") no-repeat center
}


.menu .prod {
   display: block;
	 width: 144px;
   font-size: 1px;
}
.menu .prod  span{
   position: absolute;
	 width: 100%;height: 100%; top: 0; right: 0;
   background: #003585 url("../img/prod.jpg") no-repeat center
}

.menu .partners {
   display: block;
	 width: 107px;
   font-size: 1px;
}
.menu .partners  span{
   position: absolute;
	 width: 100%;height: 100%; top: 0; right: 0;
   background: #003585 url("../img/partner.jpg") no-repeat center
}


.menu .support {
   display: block;
	 width: 180px;
   font-size: 1px;
}
.menu .support  span{
   position: absolute;
	 width: 100%;height: 100%; top: 0; right: 0;
   background: #003585 url("../img/support.jpg") no-repeat center
}

.menu .news {
   display: block;
	 width: 84px;
   font-size: 1px;
}
.menu .news  span{
   position: absolute;
	 width: 100%;height: 100%; top: 0; right: 0;
   background: #003585 url("../img/news.jpg") no-repeat center
}