﻿.menu
{	
	width: 847px;
	height: 30px;
	background-color: #655d51;
	margin-left: 51px;
	position: absolute;
	top: 275px;	
}

#home
{
	top: 490px;	
}

#menu1, #menu2 , #menu3, #menu4, #menu5
{
    height: 56px;
}

/* TOPMENU */
.menu ul
{
	padding: 0px;
	margin: 0px 0px 0px 2px;
	position: absolute;
	list-style: none;
}
.menu li
{
	float: left;
	background-color: #4c4339;
	border: 1px solid #998;
	margin-left: -1px;
	margin-top: 1px;
	height: 26px;
}
.menu ul li a span, .menu ul li ul li a span
{
	display: none;
}
.menu ul li a img, .menu ul li ul li a img
{
	width: 100%;
	height: 26px;
}
.menu1, .menu1:hover, .menu2, .menu2:hover, .menu3, .menu3:hover, .menu4, .menu4:hover, .menu5, .menu5:hover, .menu6, .menu6:hover
{
   	background-position: top left;	
	background-repeat: no-repeat;
	overflow: hidden; 
}
#menu1 .menu1, #menu2 .menu2, #menu3 .menu3, #menu4 .menu4, #menu5 .menu5, #menu6 .menu6
{
	float: left;
	display: inline;
	background-color: #655d51;
	border: 1px solid #655d51;
	border-left: 1px solid #998;
	margin-right: -1px;
	margin-top: 1px;
}
.menu1 { width: 163px; background-image: url('/images/menu/nav_about.png'); }
.menu1:hover, #menu1 .menu1 { background-image: url('/images/menu/nav_about_on.png'); }
#menu1 .menu1 {	border-left: 1px solid #655d51; }

.menu2 { width: 123px; background-image: url('/images/menu/nav_development.png'); }
.menu2:hover, #menu2 .menu2 { background-image: url('/images/menu/nav_development_on.png'); }

.menu3 { width: 115px; background-image: url('/images/menu/nav_management.png'); }
.menu3:hover, #menu3 .menu3 { background-image: url('/images/menu/nav_management_on.png'); }

.menu4 { width: 171px; background-image: url('/images/menu/nav_portfolio.png'); }
.menu4:hover, #menu4 .menu4 { background-image: url('/images/menu/nav_portfolio_on.png'); }

.menu5 { width: 163px;	background-image: url('/images/menu/nav_careers.png'); }
.menu5:hover, #menu5 .menu5 { background-image: url('/images/menu/nav_careers_on.png'); }

.menu6 { width: 104px; background-image: url('/images/menu/nav_contact.png'); }
.menu6:hover, #menu6 .menu6 { background-image: url('/images/menu/nav_contact_on.png'); }

/* SUB MENUS */

.menu li ul
{
	display: none;
    margin-left: -2px;
    bottom: -27px;
    width: 847px;
    left: 0px;	
}
.menu li ul li
{
	display: none;
	background-position: top left;	
	background-repeat: no-repeat;
	overflow: hidden;
	float: left;
	margin: 0px;
	border: 0px;
 
}
#menu1 .menu1 ul, #menu2 .menu2 ul, #menu3 .menu3 ul, #menu4 .menu4 ul, #menu5 .menu5 ul
{ 
    display: block;
    position: absolute;
    padding: 0px;
    background-color: #655d51;
}

#menu1 .menu1 ul li, #menu2 .menu2 ul li, #menu3 .menu3 ul li, #menu4 .menu4 ul li, #menu5 .menu5 ul li 
{
    display: inline;
    background-color: #655d51;
}

/* ABOUT SUBMENU */
.menu1 .submenu1 { width: 118px; background-image: url('/images/menu/nav_about_sub1.png'); }
.menu1 .submenu1:hover, #menu1 #submenu1 .submenu1 { background-image: url('/images/menu/nav_about_sub1_on.png'); }

.menu1 .submenu2 { width: 135px; background-image: url('/images/menu/nav_about_sub2.png'); }
.menu1 .submenu2:hover, #menu1 #submenu2 .submenu2 { background-image: url('/images/menu/nav_about_sub2_on.png'); }

.menu1 .submenu3 { width: 156px; background-image: url('/images/menu/nav_about_sub3.png'); }
.menu1 .submenu3:hover, #menu1 #submenu3 .submenu3 { background-image: url('/images/menu/nav_about_sub3_on.png'); }

.menu1 .submenu4 { width: 122px; background-image: url('/images/menu/nav_about_sub4.png'); }
.menu1 .submenu4:hover, #menu1 #submenu4 .submenu4 { background-image: url('/images/menu/nav_about_sub4_on.png'); }

.menu1 .submenu5 { width: 156px; background-image: url('/images/menu/nav_about_sub5.png'); }
.menu1 .submenu5:hover, #menu1 #submenu5 .submenu5 { background-image: url('/images/menu/nav_about_sub5_on.png'); }

/* DEVELOPMENT SUBMENU */
.menu2 .submenu1 { width: 108px; background-image: url('/images/menu/nav_dev_sub1.png'); }
.menu2 .submenu1:hover, #menu2 #submenu1 .submenu1 { background-image: url('/images/menu/nav_dev_sub1_on.png'); }

/* MANAGEMENT SUBMENU */
.menu3 .submenu1 { width: 98px; background-image: url('/images/menu/nav_mgmt_sub1.png'); }
.menu3 .submenu1:hover, #menu3 #submenu1 .submenu1 { background-image: url('/images/menu/nav_mgmt_sub1_on.png'); }

.menu3 .submenu2 { width: 60px; background-image: url('/images/menu/nav_mgmt_sub2.png'); }
.menu3 .submenu2:hover, #menu3 #submenu2 .submenu2 { background-image: url('/images/menu/nav_mgmt_sub2_on.png'); }

.menu3 .submenu3 { width: 65px; background-image: url('/images/menu/nav_mgmt_sub3.png'); }
.menu3 .submenu3:hover, #menu3 #submenu3 .submenu3 { background-image: url('/images/menu/nav_mgmt_sub3_on.png'); }

/* PROPERTY PORTFOLIO SUBMENU */
.menu4 .submenu1 { width: 104px; background-image: url('/images/menu/nav_portfolio_sub1.png'); }
.menu4 .submenu1:hover, #menu4 #submenu1 .submenu1 { background-image: url('/images/menu/nav_portfolio_sub1_on.png'); }

.menu4 .submenu2 { width: 56px; background-image: url('/images/menu/nav_portfolio_sub2.png'); }
.menu4 .submenu2:hover, #menu4 #submenu2 .submenu2 { background-image: url('/images/menu/nav_portfolio_sub2_on.png'); }

.menu4 .submenu3 { width: 133px; background-image: url('/images/menu/nav_portfolio_sub3.png'); }
.menu4 .submenu3:hover, #menu4 #submenu3 .submenu3 { background-image: url('/images/menu/nav_portfolio_sub3_on.png'); }

/* CAREERS SUBMENU */
.menu5 .submenu1 { width: 119px; background-image: url('/images/menu/nav_careers_sub1.png'); }
.menu5 .submenu1:hover, #menu5 #submenu1 .submenu1 { background-image: url('/images/menu/nav_careers_sub1_on.png'); }

.menu5 .submenu2 { width: 127px; background-image: url('/images/menu/nav_careers_sub2.png'); }
.menu5 .submenu2:hover, #menu5 #submenu2 .submenu2 { background-image: url('/images/menu/nav_careers_sub2_on.png'); }

.menu5 .submenu3 { width: 154px; background-image: url('/images/menu/nav_careers_sub3.png'); }
.menu5 .submenu3:hover, #menu5 #submenu3 .submenu3 { background-image: url('/images/menu/nav_careers_sub3_on.png'); }

.menu5 .submenu4 { width: 118px; background-image: url('/images/menu/nav_careers_sub4.png'); }
.menu5 .submenu4:hover, #menu5 #submenu4 .submenu4 { background-image: url('/images/menu/nav_careers_sub4_on.png'); }