﻿/***************************************** dropdown navigation styles show all style  ***********************************
author: Long Le
=================================================================== */

/* general styles */
#nav 
{
	padding:0; 
	margin:0px 33px 0px 20px; 
	list-style:none; 
	height:43px; 
	position:relative; z-index:500; 
	font-family:verdana, sans-serif;	
}
#nav li.top {display:block; float:left; height:43px;}

.nav-title-heading{font-weight:bold; color:#ffffff!important; margin: 0 0 5px 0; text-transform:uppercase;text-align:center;}
.nav-title-heading a{text-decoration: none;color:#ffffff!important;font-size:14px;text-align:center;}
.nav-title-heading a:hover{text-decoration: underline;color:#00ff00!important;text-align:center;}

.nav-title{ font-weight:bold; color:#99ff99!important; margin: 0 0 5px 0; text-transform:uppercase;}
.nav-title a{text-decoration: none;color:#99ff99!important;font-size:10px}
.nav-title a:hover{text-decoration: underline;color:#00ff00!important;}

.nav-title-alternate{ font-weight:bold; color:#66ccff; margin: 0 0 5px 0; text-transform:uppercase;}
.nav-title-alternate a{text-decoration: none;color:#66ccff;font-size:10px}
.nav-title-alternate a:hover{text-decoration: underline;color:#00ff00;}

.nav-spacer{ margin: 0px 0 0 0;}
.line{border-top:1px dotted #eee;}
.more{ text-align:right; font-size:9px; font-style: italic;}
.top-pad{ padding:10px 0 0 0;}

.column{
float: left;
width: 200px; /*width of each menu column*/
margin-right: 5px;
margin-bottom:5px;
}

.column ul{
float: left;
margin: 0;
padding: 0 0 0 5px;
list-style-type: none;
color:#f2f2f2
}
.column ul li{padding-bottom: 2px;color:#f2f2f2}
.column ul li a{text-decoration: none;color:#f2f2f2;font-size:10px}
.column ul li a:hover{text-decoration: underline;color:#00ff01;}
/*end general styles */


/*products*/
.column-products{
float: left;
width: 160px; /*width of each menu column*/
margin-right: 5px;
margin-bottom:5px;
}

.column-products ul{
float: left;
color:#f2f2f2;
width:160px;
margin: 0 0 0 2px;
padding: 0 0 0 14px;
list-style-image:url("/images/layout/bullet.gif");
font-size:8px;
}
.column-products ul li{padding-bottom: 2px;color:#f2f2f2}
.column-products ul li a{text-decoration: none;color:#f2f2f2;font-size:10px}
.column-products ul li a:hover{text-decoration: underline;color:#00ff01;}
#nav ul.sub-products
{
	position:absolute; 
	left:-9999px; 
	top:-9999px; 
	width:150px; 
	height:0; 
	margin:0; 
	padding:0; 
	list-style:none;
}
#nav li:hover ul.sub-products
{
	left:0px; 
	top:43px; 
	background:#ffffff;
	padding-top:0px; 
	padding-bottom:10px; 
	border-left:1px solid #3eabe3; 
	border-top:1px solid #3eabe3; 
	border-right:1px solid #3eabe3;
	border-bottom:1px solid #3eabe3;
	white-space:nowrap; 
	height:auto;
	width:200px;
	background:url('/images/layout/pop-up-background.png') repeat-x;
}
.col-products{padding:10px;font-size:10px;}
#nav li a.top-link-products
{
	display:block; 
	float:left; 
	height:42px;
	cursor:pointer;
	
}
#nav li a.top-link-products span 
{
	float:left; 
	display:block; 
	width:93px;
	height:42px; 
	background:url('/images/layout/nav-button-sprites3.jpg') 0px 0px no-repeat;
}
#nav li:hover a.top-link-products span.down{background:url('/images/layout/nav-button-sprites3.jpg') 0 -126px no-repeat;}

/*resources*/
.column-resources{
float: left;
width: 185px; /*width of each menu column*/
margin-right: 5px;
margin-bottom:5px;
}

.column-resources ul{
float: left;
margin: 0 0 0 2px;
padding: 0 0 0 14px;
list-style-image:url("/images/layout/bullet.gif");
font-size:8px;
color:#f2f2f2;
width:185px;
}
.col-resources
{
float:left;
}
.column-resources-h-line
{
float: left;
width: 1px;
border-left:1px dotted #eee;
height:355px;
margin-top:30px;
}

.column-resources ul li{padding-bottom: 2px;color:#f2f2f2}
.column-resources ul li a{text-decoration: none;color:#f2f2f2;font-size:10px}
.column-resources ul li a:hover{text-decoration: underline;color:#00ff01;}
#nav ul.sub-resources
{
	position:absolute; 
	left:-9999px; 
	top:-9999px; 
	width:0; 
	height:0; 
	margin:0; 
	padding:0; 
	list-style:none;
}
#nav li:hover ul.sub-resources
{
	left:93px; 
	top:43px; 
	background:#ffffff;
	padding-top:0px; 
	padding-bottom:10px; 
	border-left:1px solid #3eabe3; 
	border-top:1px solid #3eabe3; 
	border-right:1px solid #3eabe3;
	border-bottom:1px solid #3eabe3;
	white-space:nowrap; 
	height:auto;
	width:200px;
	background:url('/images/layout/pop-up-background.png') repeat-x;
}
.col-resources{padding:10px;font-size:10px;}
#nav li a.top-link-resources
{
	display:block; 
	float:left; 
	height:42px;
	cursor:pointer;
	background:url('/images/layout/nav-button-sprites3.jpg') -93px -42px no-repeat;
}
#nav li a.top-link-resources span 
{
	float:left; 
	display:block; 
	width:99px;
	height:42px; 
	background:url('/images/layout/nav-button-sprites3.jpg') -93px -42px no-repeat;
}
#nav li:hover a.top-link-resources span.down{background:url('/images/layout/nav-button-sprites3.jpg') -93px -126px no-repeat;}

/*solutions*/
#nav li a.top-link-solutions
{
	display:block; 
	float:left; 
	height:42px;
	cursor:pointer;
	
}
#nav li a.top-link-solutions span 
{
	float:left; 
	display:block; 
	width:93px;
	height:42px; 
	background:url('/images/layout/nav-button-sprites3.jpg') -644px -42px no-repeat;
}
#nav li:hover a.top-link-solutions span.down{background:url('/images/layout/nav-button-sprites3.jpg') -644px -126px no-repeat;}


/*partners*/
.column-partners{
float: left;
width: 150px; /*width of each menu column*/
margin-right: 5px;
margin-bottom:5px;
}

.column-partners ul{
float: left;
margin: 0 0 0 2px;
padding: 0 0 0 14px;
list-style-image:url("/images/layout/bullet.gif");
font-size:8px;
color:#f2f2f2;
width:150px;
}
.column-partners ul li{padding-bottom: 2px;color:#f2f2f2}
.column-partners ul li a{text-decoration: none;color:#f2f2f2;font-size:10px}
.column-partners ul li a:hover{text-decoration: underline;color:#00ff01;}
#nav ul.sub-partners
{
	position:absolute; 
	left:-9999px; 
	top:-9999px; 
	width:0; 
	height:0; 
	margin:0; 
	padding:0; 
	list-style:none;
}
#nav li:hover ul.sub-partners
{
	left:192px; 
	top:43px; 
	background:#ffffff;
	padding-top:0px; 
	padding-bottom:10px; 
	border-left:1px solid #3eabe3; 
	border-top:1px solid #3eabe3; 
	border-right:1px solid #3eabe3;
	border-bottom:1px solid #3eabe3;
	white-space:nowrap; 
	height:auto;
	width:180px;
	background:url('/images/layout/pop-up-background.png') repeat-x;
}
.col-partners{padding:10px;font-size:10px;}
#nav li a.top-link-services
{
	display:block; 
	float:left; 
	height:42px;
	cursor:pointer;
	background:url('/images/layout/nav-button-sprites3.jpg') -192px -42px no-repeat;
}
#nav li a.top-link-services span 
{
	float:left; 
	display:block; 
	width:87px;
	height:42px; 
	background:url('/images/layout/nav-button-sprites3.jpg') -192px -42px no-repeat;
}
#nav li:hover a.top-link-services span.down{background:url('/images/layout/nav-button-sprites3.jpg') -192px -126px no-repeat;}

/*about agi*/
.column-about{
float: left;
width: 150px; /*width of each menu column*/
margin-right: 5px;
margin-bottom:5px;
}

.column-about ul{
float: left;
margin: 0 0 0 2px;
padding: 0 0 0 14px;
list-style-image:url("/images/layout/bullet.gif");
font-size:8px;
color:#f2f2f2;
width:150px;
}
.column-about ul li{padding-bottom: 2px;color:#f2f2f2}
.column-about ul li a{text-decoration: none;color:#f2f2f2;font-size:10px}
.column-about ul li a:hover{text-decoration: underline;color:#00ff01;}
#nav ul.sub-about
{
	position:absolute; 
	left:-9999px; 
	top:-9999px; 
	width:0; 
	height:0; 
	margin:0; 
	padding:0; 
	list-style:none;
}
#nav li:hover ul.sub-about
{
	left:279px; 
	top:43px; 
	background:#ffffff;
	padding-top:0px; 
	padding-bottom:10px; 
	border-left:1px solid #3eabe3; 
	border-top:1px solid #3eabe3; 
	border-right:1px solid #3eabe3;
	border-bottom:1px solid #3eabe3;
	white-space:nowrap; 
	height:auto;
	width:333px;
	background:url('/images/layout/pop-up-background.png') repeat-x;
}
.col-about{padding:10px;font-size:10px;}
#nav li a.top-link-about span 
{
    cursor:pointer;
	float:left; 
	display:block; 
	width:90px;
	height:42px; 
	background:url('/images/layout/nav-button-sprites3.jpg') -279px -42px no-repeat;
}
#nav li:hover a.top-link-about span.down{background:url('/images/layout/nav-button-sprites3.jpg') -279px -126px no-repeat;}






/***************************************** dropdown fly out navigation style  ***********************************
/* ================================================================ 
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.
=================================================================== */


#nav2 
{
	padding:0; 
	margin:0; 
	list-style:none; 
	height:43px; 
	position:relative; z-index:500; 
	font-family:verdana, sans-serif;
}
#nav2 li.top {display:block; float:left; height:43px;}

/*products*/
#nav2 li a.top-link-products
{
	display:block; 
	float:left; 
	height:42px;
	cursor:pointer;
	background:url('/images/layout/nav-button-sprites3.jpg') 0 -42px no-repeat;
}
#nav2 li a.top-link-products span 
{
	float:left; 
	display:block; 
	width:93px;
	height:42px; 
	background:url('/images/layout/nav-button-sprites3.jpg') 0 -42px no-repeat;
}
#nav2 li top-link-products span.down 
{
	float:left; 
	display:block; 
	width:93px;
	height:42px; 
	
}
#nav2 li:hover a.top-link-products {background:url('/images/layout/nav-button-sprites3.jpg') 0 -126px no-repeat;}
#nav2 li:hover a.top-link-products span {background:url('/images/layout/nav-button-sprites3.jpg') 0 -126px no-repeat;}
#nav2 li:hover a.top-link-products span.down{background:url('/images/layout/nav-button-sprites3.jpg') 0 -126px no-repeat;}

/*resources*/
#nav2 li a.top-link-resources
{
	display:block; 
	float:left; 
	height:42px;
	cursor:pointer;
	background:url('/images/layout/nav-button-sprites3.jpg') -93px -42px no-repeat;
}
#nav2 li a.top-link-resources span 
{
	float:left; 
	display:block; 
	width:99px;
	height:42px; 
	background:url('/images/layout/nav-button-sprites3.jpg') -93px -42px no-repeat;
}
#nav2 li top-link-resources span.down 
{
	float:left; 
	display:block; 
	width:99px;
	height:42px; 
	
}
#nav2 li:hover a.top-link-resources {background:url('/images/layout/nav-button-sprites3.jpg') -93px -126px no-repeat;}
#nav2 li:hover a.top-link-resources span {background:url('/images/layout/nav-button-sprites3.jpg') -93px -126px no-repeat;}
#nav2 li:hover a.top-link-resources span.down{background:url('/images/layout/nav-button-sprites3.jpg') -93px -126px no-repeat;}

/*services*/
#nav2 li a.top-link-services
{
	display:block; 
	float:left; 
	height:42px;
	cursor:pointer;
	background:url('/images/layout/nav-button-sprites3.jpg') -192px -42px no-repeat;
}
#nav2 li a.top-link-services span 
{
	float:left; 
	display:block; 
	width:87px;
	height:42px; 
	background:url('/images/layout/nav-button-sprites3.jpg') -192px -42px no-repeat;
}
#nav2 li top-link-services span.down 
{
	float:left; 
	display:block; 
	width:87px;
	height:42px; 
	
}
#nav2 li:hover a.top-link-services {background:url('/images/layout/nav-button-sprites3.jpg') -192px -126px no-repeat;}
#nav2 li:hover a.top-link-services span {background:url('/images/layout/nav-button-sprites3.jpg') -192px -126px no-repeat;}
#nav2 li:hover a.top-link-services span.down{background:url('/images/layout/nav-button-sprites3.jpg') -192px -126px no-repeat;}

/*about agi*/
#nav2 li a.top-link-about
{
	display:block; 
	float:left; 
	height:42px;
	cursor:pointer;
	background:url('/images/layout/nav-button-sprites3.jpg') -279px -42px no-repeat;
}
#nav2 li a.top-link-about span 
{
	float:left; 
	display:block; 
	width:90px;
	height:42px; 
	background:url('/images/layout/nav-button-sprites3.jpg') -279px -42px no-repeat;
}
#nav2 li top-link-about span.down 
{
	float:left; 
	display:block; 
	width:90px;
	height:42px; 
	
}
#nav2 li:hover a.top-link-about {background:url('/images/layout/nav-button-sprites3.jpg') -279px -126px no-repeat;}
#nav2 li:hover a.top-link-about span {background:url('/images/layout/nav-button-sprites3.jpg') -279px -126px no-repeat;}
#nav2 li:hover a.top-link-about span.down{background:url('/images/layout/nav-button-sprites3.jpg') -279px -126px no-repeat;}


/* Default list styling */

#nav2 li:hover {position:relative; z-index:200;}

#nav2 li:hover ul.sub
{
	left:0px; 
	top:43px; 
	background: #ffffff; 
	padding-top:0px; 
	border-left:1px solid #d3d3d3; 
	border-top:1px solid #d3d3d3; 
	border-right:1px solid #d3d3d3;
	white-space:nowrap; 
	width:200px; 
	height:auto; 
	z-index:300;
}
#nav2 li:hover ul.sub li
{
	display:block; 
	height:20px; 
	position:relative; 
	float:left; 
	width:200px; 
	font-weight:normal;
	border-bottom:1px solid #d3d3d3;
}
#nav2 li:hover ul.sub li a
{
	display:block; 
	font-size:10px; 
	height:20px; 
	width:200px; 
	line-height:18px; 
	text-indent:5px; 
	color:#323947; 
	text-decoration:none;
}
#nav2 li ul.sub li a.fly
{
	background:url('/images/layout/dropdown-arrow.png') 180px 1px no-repeat;

}
#nav2 li:hover ul.sub li a:hover 
{
	background:#c9e4ff ; color:#323947;
}
#nav2 li:hover ul.sub li a.fly:hover
{
	background:#c9e4ff url('/images/layout/dropdown-arrow.png') 180px 1px no-repeat;
}

#nav2 li:hover li:hover ul,
#nav2 li:hover li:hover li:hover ul,
#nav2 li:hover li:hover li:hover li:hover ul,

/* second level */
#nav2 li:hover li:hover li:hover li:hover li:hover ul
{
	left:199px; 
	top:5px; 
	background: #ffffff; 
	padding:0px; 
	border-top:1px solid #d3d3d3; 
	border-left:1px solid #d3d3d3; 
	border-right:1px solid #d3d3d3; 
	white-space:nowrap; 
	width:200px; 
	z-index:400; 
	height:auto;
}

#nav2 ul, 
#nav2 li:hover ul ul,
#nav2 li:hover li:hover ul ul,
#nav2 li:hover li:hover li:hover ul ul,
#nav2 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;
}

#nav2 li:hover li:hover a.fly,
#nav2 li:hover li:hover li:hover a.fly,
#nav2 li:hover li:hover li:hover li:hover a.fly,
#nav2 li:hover li:hover li:hover li:hover li:hover a.fly
{
	background:#c9e4ff url('/images/layout/dropdown-arrow.png') 180px 1px no-repeat;
	color:#323947; 
	border-color:#fff;
} 

#nav2 li:hover li:hover li a.fly,
#nav2 li:hover li:hover li:hover li a.fly,
#nav2 li:hover li:hover li:hover li:hover li a.fly
{
	background:#fff url('/images/layout/dropdown-arrow.png') 180px 1px no-repeat;
	color:#323947; 
	border-color:#d3d3d3;
} 

/***************************** new nav styles which is located at the footer *****************************/
/************ footer *************/
#footer-content{color:#c9e4ff;text-align:left;margin-top:15px;font-family:Verdana;font-size:10px;}
/*  for new design do not remove or uncomment .footer .text{color:#c9e4ff;font-family:Verdana;font-size:10px;text-decoration:none;} */
.footer-logo{text-align:right}
/* sticky footer */
* {margin: 0;}
html, body {height: 100%;}
.wrapper {min-height: 100%;margin: 0 auto -184px; /* the bottom margin is the negative value of the footer's height */}
.footer, .push {height: 184px; /* .push must be the same height as .footer */clear:both;margin-top:10px;}
.footer{font-family:Verdana; position: relative;width: 100%;margin: 0 auto;background-color:#053067;height:230px}
.wrapper {position: relative;width: 100%;margin: 0 auto -184px;}
.footerlink,.footerlink:link,.footerlink:visited,.footerlink:hover{color:#8095b1;font-family:Verdana;font-size:9px;text-decoration:none;}
.footerlink:hover{color:#c9e4ff;font-family:Verdana;font-size:9px;text-decoration:underline;}
.footer-copyright{margin-top:20px;color:#8095b1;font-size:9px;display:inline-block}
#footer-nav{font-family:Verdana;}
#footer-nav{font-family:Verdana;}
#footer-nav .left{float:left;padding:0px;width:630px}
#footer-nav .left div{margin-top:20px}
#footer-nav .right{float:left;}
#footer-nav .right h3{color:#94c8ff;font-family:Verdana;font-weight:bold; padding:0;}
#footer-nav .right .body{color:#ffffff;font-size:9px;font-weight:bold;}
#footer-nav .right a{color:#ffffff;font-weight:bold;font-size:9px}
#footer-nav .right a:hover{color:#ffffff;}
#footer-nav .right .software{height:100px;float:left;width:132px;background-color:#255087;padding:0 10px 10px 10px;margin:10px 12px 0 0}
#footer-nav .right .support{height:100px;float:left;width:132px;background-color:#255087;padding:0 10px 10px 10px;margin:10px 0 0 0}
#footer-nav .left ul{list-style:none;}
/*headers*/
#footer-nav .left ul li.header{float:left;}
#footer-nav .left ul li.header h3{font-family:Verdana;color:#94c8ff;font-weight:bold;font-size:11px;margin:0px;padding:0px 0px 5px 0px}
#footer-nav .left ul li.header h3 a{ font-family:Verdana; color:#94c8ff;font-weight:bold;font-size:11px;margin:0px;padding:0px 0px 5px 0px;text-decoration:none;}
#footer-nav .left ul li.header h3 a:hover{text-decoration:underline;}

/*products sub menu */
#footer-nav .left ul li ul.products{margin:0;width:108px;}
#footer-nav .left ul li ul.products a{color:#8095b1;font-weight:bold;font-size:9px}
#footer-nav .left ul li ul.products a:hover{color:#ffffff;}
/*resources sub menu */
#footer-nav .left ul li ul.resources{margin:0;width:130px;}
#footer-nav .left ul li ul.resources a{color:#8095b1;font-weight:bold;font-size:9px}
#footer-nav .left ul li ul.resources a:hover{color:#ffffff;}
/*events sub menu */
#footer-nav .left ul li ul.events{margin:0;width:113px;}
#footer-nav .left ul li ul.events a{color:#8095b1;font-weight:bold;font-size:9px}
#footer-nav .left ul li ul.events a:hover{color:#ffffff;}
/*partners sub menu */
#footer-nav .left ul li ul.capabilities{margin:0;width:145px;}
#footer-nav .left ul li ul.capabilities a{color:#8095b1;font-weight:bold;font-size:9px}
#footer-nav .left ul li ul.capabilities a:hover{color:#ffffff;}
/*about agi sub menu */
#footer-nav .left ul li ul.about-agi{margin:0;width:101px;}
#footer-nav .left ul li ul.about-agi a{color:#8095b1;font-weight:bold;font-size:9px}
#footer-nav .left ul li ul.about-agi a:hover{color:#ffffff;}





