#menu-wrapper {
	clear : both; 
	display : block; 
	position : relative; 
	margin-left : auto; 
	margin-right : auto; 
	width : 100%;
	border-bottom : 1px solid #e9eff0;
	background : url('../images/menu/bg-2.gif') repeat-x left bottom;
}

#menu-container { background : url('../images/menu/bg-2.gif') repeat-x left bottom; }

#nav-items { float : left; }
#nav-items .nav-item { float : left; }

#nav-items .nav-item > a > div,
#nav-items .nav-item > a:visited > div { padding : 6px 12px 14px 12px; text-align : center; font-size : 15px; text-transform : uppercase; font-weight : 550; color : #2365aa; text-decoration : none; background : url('../images/menu/arrow-down.gif') no-repeat center 27px; }

#nav-items .item-on > a > div,
#nav-items .item-on > a:visited > div,
#nav-items .nav-item > a:hover,
#nav-items .nav-item > a:hover > div { text-decoration : none; color : #ffffff; background : #009ee0 url('../images/menu/arrow-down-white.gif') no-repeat center 27px; }

#nav-items .nav-item > a > div.link,
#nav-items .nav-item > a:visited > div.link,
#nav-items .nav-item > a:hover > div.link { background-image : none; }
.nav-item-spacer {float:right; padding-top:10px;}
/* -------- */
/* NAV HOME */
/* -------- */

#nav-home { padding : 6px 12px 0 0 !important; }

#nav-home > a > .link,
#nav-home > a:visited > .link {
	padding : 0 !important;
	width : 24px;
	height : 24px;
	background : url('../images/icons/home.gif') no-repeat left top !important;
    -khtml-opacity:0.5; 
    -moz-opacity : 0.5; 
    -ms-filter: "alpha(opacity=50)"; 
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); 
    filter : alpha(opacity=50); 
    opacity : 0.5;	
}

#nav-home > a:hover > .link {
	background : url('../images/icons/home.gif') no-repeat left top !important;
    -khtml-opacity:1.0; 
    -moz-opacity : 1.0; 
    -ms-filter: "alpha(opacity=100)"; 
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); 
    filter : alpha(opacity=100); 
    opacity : 1.0;
}

/* -------- */
/* SUB-MENU */
/* -------- */

#nav-items .submenu {
	position : absolute;
	width : 520px;
	color : #000000;
	z-index : 10;
	text-align : left;
	background-color : #ffffff;
	box-shadow: 0px 4px 12px #535353;
	-moz-box-shadow: 0px 4px 12px #535353;
	-webkit-box-shadow: 0px 4px 12px #535353;
	-moz-border-radius-bottomright : 6px 6px;
	border-bottom-right-radius : 6px 6px;
	-moz-border-radius-bottomleft : 6px 6px;
	border-bottom-left-radius: 6px 6px;
}

#nav-items .submenu .menu-content { padding : 0px 12px 0px 12px; }
#nav-items .submenu .menu-content .g7 { border-right : 1px dashed #bbbbbb; padding-right : 34px; margin : 8px 12px 6px 6px; }
#nav-items .submenu .menu-content p { line-height : 0.9em; }
#nav-items .submenu .menu-content p a,
#nav-items .submenu .menu-content p a:visited,
#nav-items .submenu .menu-content p a:hover { color : #535353; font-size : 11px; text-decoration : none; }
#nav-items .submenu .menu-content p a:hover { text-decoration : underline; }
#nav-items .submenu .menu-content a strong,
#nav-items .submenu .menu-content a:visited strong,
#nav-items .submenu .menu-content a:hover strong { color : #2365aa; font-size : 12px; text-decoration : none; }
#nav-items .submenu .menu-content .g3 > div { margin-top : 0px; }
#nav-items .submenu .menu-content .g3 div a:hover { color : #2365aa; text-decoration : underline; }

/* ---------------- */
/* SUB-MENU PROJECT */
/* ---------------- */

#submenu-projects { padding : 8px 0 10px 12px; }
#submenu-projects .g6 { padding-top : 22px; }
#submenu-projects .g6 ul > li { padding-bottom : 10px; }

#submenu-projects ul li .icon { float : left;  margin : 0px 15px 6px 0; box-shadow: 0px 4px 8px #535353; -moz-box-shadow: 0px 4px 8px #535353; -webkit-box-shadow: 0px 4px 8px #535353; }
#submenu-projects ul li .project-title { padding-bottom : 4px;}
#submenu-projects ul li .project-title,
#submenu-projects ul li .project-chapo { line-height : 0.9em; }
#submenu-projects ul li .project-title a,
#submenu-projects ul li .project-title a:visited { color : #2365aa; font-size : 12px; font-weight : bold; text-decoration : none; }
#submenu-projects ul li .project-chapo a,
#submenu-projects ul li .project-chapo a:visited { color : #535353; font-size : 11px; text-decoration : none; }
#submenu-projects ul li .project-chapo a:hover { color : #535353; text-decoration : underline; }

#submenu-projects .g2 p a,
#submenu-projects .g2 p a:visited,
#submenu-projects .g2 p a:hover,
#submenu-projects .g3 p a,
#submenu-projects .g3 p a:visited,
#submenu-projects .g3 p a:hover,
#submenu-projects .g2 p,
#submenu-projects .g3 p { color : #2365aa; font-size : 12px; text-decoration : none; }

#submenu-projects .g2 ul li a,
#submenu-projects .g2 ul li a:visited,
#submenu-projects .g3 ul li a,
#submenu-projects .g3 ul li a:visited { color : #535353; font-size : 12px; text-decoration : none; }

#submenu-projects .g2 ul li a:hover,
#submenu-projects .g3 ul li a:hover { color : #000000; font-size : 12px; text-decoration : underline; }

#submenu-projects .see-all-projects { padding-top : 18px; padding-bottom : 6px; width : 150px; float : right; }

/* ---- */
/* USER */
/* ---- */

#nav-user { color : #2365aa; position : absolute; right : 0; font-size : 12px; text-align : left; padding : 2px 12px 3px 0; text-transform : uppercase; }
#nav-user a .my-account-button,
#nav-user a:visited .my-account-button { display : inline; float: right; height:20px; text-align: center;}
#nav-user span { color : #2365aa; font-size : 10px;	}
#nav-user a:hover,
#nav-user a:hover .my-account-button { color : #009ee0; text-decoration : underline;}

#nav-user .nav-item { margin-right : 2px; padding : 6px 8px 6px 0; float : right; display : block; }
#nav-user .nav-item > a > div,
#nav-user .nav-item > a:visited > div { padding-left : 0px; font-size : 13px; padding : 2px 3px 2px 3px; text-transform : uppercase; font-weight : 550; color : #009ee0; text-decoration : none; background-image : none; }
#nav-user .nav-item > a.on,
#nav-user .nav-item > a.on > div,
#nav-user .nav-item > a.on:hover,
#nav-user .nav-item > a.on:hover > div,
#nav-user .nav-item > a.on:visited,
#nav-user .nav-item > a.on:visited > div,
#nav-user .nav-item > a:hover,
#nav-user .nav-item > a:hover > div { text-decoration : none; color : #ffffff; background-color : #009ee0; }

#nav-user a.reset-company,
#nav-user a.reset-company:visited { display : block; padding-top : 2px; text-transform : none; color : #535353; font-size : 11px; }
#nav-user a.reset-company:hover { color : #009ee0; }
#nav-user a.reset-company strong,
#nav-user a.reset-company:visited strong { text-decoration : underline; }

#nav-user a .register-button { border: none; color: white; padding: 10px 15px; text-align: center; float: right; margin-right:5px; background: transparent url('../images/button-green-bg.gif') repeat-x center center; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; font-weight:bold;}