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

.preload1 {background: url(three_1-new.gif);}
.preload2 {background: url(three_1a-new.gif);}

#nav {
	padding:0;
	margin:0;
	list-style:none;
	height:38px;
	background:#296587 url(image/top-menu-bg-new.gif) repeat-x;
	position:relative;
	z-index:500;
	font-family:verdana;
	background-color: #FFFFFF;
}
#nav li.top {display:block; float:left; height:38px;}
#nav li a.top_link {display:block; float:left; height:38px; line-height:33px; color:#336699; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 12px; cursor:pointer;background: url(image/top-menu-bg-new.gif);}
#nav li a.top_link span {float:left; display:block; padding:0 24px 0 12px; height:38px; background: url(image/top-menu-bg-new.gif) right top no-repeat;}
#nav li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:38px; background: url(image/three_0a-new.gif) no-repeat right top;}

/* About Us Menu Start */
#nav li.top_about {display:block; float:left; height:38px;}
#nav li a.top_link_about {display:block; float:left; height:38px; line-height:33px; color:#0072BC; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 12px; cursor:pointer;background: url(image/top-menu-bg-new-about.gif);}
#nav li a.top_link_about span {float:left; display:block; padding:0 24px 0 12px; height:38px; background: url(image/top-menu-bg-new-about.gif) right top no-repeat;}
#nav li a.top_link_about span.down_about {
	float:left;
	display:block;
	padding:0 24px 0 12px;
	height:38px;
	background: url(image/three_0a-new-about.gif) no-repeat right top;
	color: #FFF;
}

/* About Us Menu End*/

/* About Menulist Start */
#nav li a.top_link_about_list span.down_about_list 
{
	float:left;
	display:block;
	padding:0 24px 0 12px;
	height:38px;
	background: url(image/three_0a-new.gif) no-repeat right top;
	color: #108294;
}
#nav li.top_about_list {display:block; float:left; height:38px;}
#nav li a.top_link_about_list {display:block; float:left; height:38px; line-height:33px; color:#0072BC; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 12px; cursor:pointer;background: url(image/top-menu-bg-new.gif);}
#nav li a.top_link_about_list span {float:left; display:block; padding:0 24px 0 12px; height:38px; background: url(image/top-menu-bg-new.gif) right top no-repeat;}
/* About Menulist End */

/* Project Menu Start */
#nav li a.top_link_project span.down_project {
	float:left;
	display:block;
	padding:0 24px 0 12px;
	height:38px;
	background: url(image/three_0a-new-project.gif) no-repeat right top;
	color: #FFF;
}
#nav li.top_project {display:block; float:left; height:38px;}
#nav li a.top_link_project {display:block; float:left; height:38px; line-height:33px; color:#0072BC; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 12px; cursor:pointer;background: url(image/top-menu-bg-new-project.gif);}
#nav li a.top_link_project span {float:left; display:block; padding:0 24px 0 12px; height:38px; background: url(image/top-menu-bg-new-project.gif) right top no-repeat;}

/* Project Menu End */

/* Project Menulist Start */
#nav li a.top_link_project_list span.down_project_list 
{
	float:left;
	display:block;
	padding:0 24px 0 12px;
	height:38px;
	background: url(image/three_0a-new.gif) no-repeat right top;
	color: #336699;
}
#nav li.top_project_list {display:block; float:left; height:38px;}
#nav li a.top_link_project_list {display:block; float:left; height:38px; line-height:33px; color:#0072BC; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 12px; cursor:pointer;background: url(image/top-menu-bg-new.gif);}
#nav li a.top_link_project_list span {float:left; display:block; padding:0 24px 0 12px; height:38px; background: url(image/top-menu-bg-new.gif) right top no-repeat;}
/* Project Menulist End */

/* Careers Menu Start */
#nav li a.top_link_careers span.down_careers {
	float:left;
	display:block;
	padding:0 24px 0 12px;
	height:38px;
	background: url(image/three_0a-new-careers.gif) no-repeat right top;
	color: #FFF;
}
#nav li.top_careers {display:block; float:left; height:38px;}
#nav li a.top_link_careers {display:block; float:left; height:38px; line-height:33px; color:#0072BC; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 12px; cursor:pointer;background: url(image/top-menu-bg-new-careers.gif);}
#nav li a.top_link_careers span {float:left; display:block; padding:0 24px 0 12px; height:38px; background: url(image/top-menu-bg-new-careers.gif) right top no-repeat;}

/* Careers Menu End */

/* Careers Menulist Start */
#nav li a.top_link_careers_list span.down_careers_list 
{
	float:left;
	display:block;
	padding:0 24px 0 12px;
	height:38px;
	background: url(image/three_0a-new.gif) no-repeat right top;
	color: #336699;
}
#nav li.top_careers_list {display:block; float:left; height:38px;}
#nav li a.top_link_careers_list {display:block; float:left; height:38px; line-height:33px; color:#0072BC; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 12px; cursor:pointer;background: url(image/top-menu-bg-new.gif);}
#nav li a.top_link_careers_list span {float:left; display:block; padding:0 24px 0 12px; height:38px; background: url(image/top-menu-bg-new.gif) right top no-repeat;}
/* Careers Menulist End */

/* Media Menu Start */
#nav li a.top_link_media span.down_media {
	float:left;
	display:block;
	padding:0 24px 0 12px;
	height:38px;
	background: url(image/three_0a-new-media.gif) no-repeat right top;
	color: #FFF;
}
#nav li.top_media {display:block; float:left; height:38px;}
#nav li a.top_link_media {display:block; float:left; height:38px; line-height:33px; color:#0072BC; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 12px; cursor:pointer;background: url(image/top-menu-bg-new-media.gif);}
#nav li a.top_link_media span {float:left; display:block; padding:0 24px 0 12px; height:38px; background: url(image/top-menu-bg-new-media.gif) right top no-repeat;}

/* Media Menu End */

/* Media Menulist Start */
#nav li a.top_link_media_list span.down_media_list 
{
	float:left;
	display:block;
	padding:0 24px 0 12px;
	height:38px;
	background: url(image/three_0a-new.gif) no-repeat right top;
	color: #336699;
}
#nav li.top_media_list {display:block; float:left; height:38px;}
#nav li a.top_link_media_list {display:block; float:left; height:38px; line-height:33px; color:#0072BC; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 12px; cursor:pointer;background: url(image/top-menu-bg-new.gif);}
#nav li a.top_link_media_list span {float:left; display:block; padding:0 24px 0 12px; height:38px; background: url(image/top-menu-bg-new.gif) right top no-repeat;}
/* Media Menulist End */

#nav li:hover a.top_link {color:#3ABEEE; background: url(image/three_1-new.gif) no-repeat;}
#nav li:hover a.top_link span {background:url(image/three_1-new.gif) no-repeat right top;}
#nav li:hover a.top_link span.down 
{
	background:url(image/three_1a-new.gif) no-repeat right top;
	font-family: Verdana;
}

/* Default list styling  */

#nav li:hover {position:relative; z-index:200;}
#nav li:hover ul.sub
{left:1px; top:38px; background: #336699 ; padding:2px; border:2px solid #deeff7; white-space:nowrap; width:200px; height:auto; z-index:300;}
#nav li:hover ul.sub li
{display:block; height:23px; position:relative; float:left; width:200px; font-weight:bold;}
#nav li:hover ul.sub li a
{display:block; font-size:11px; height:18px; width:198px; line-height:18px; text-indent:5px; color:#FFFFFF; text-decoration:none;border:1px solid #deeff7;}
#nav li:hover ul.sub li a:hover
{background:#deeff7; color:#336699; border-color:#deeff7;}

#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul
{left:200px; top:-4px; background: #EFF4F8; padding:3px; border:1px solid #deeff7; white-space:nowrap; width:200px; z-index:400; height:auto;}

#nav ul, 
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}