/*
 * Main Navigation Menu Styles
 */
#navHeader .navigation .menu ul {
    margin: 0px;
	padding: 0px;
}
#navHeader .navigation .menu li {
	width: auto;
	height: 15px;
	margin: 0px;
    padding: 0px;
    list-style: none;
    float: left;
}
#navHeader .navigation .menu li a {
	width: auto;
	height: 15px;
	color: rgb(255,255,255);
	text-decoration: none;
	display: block;	
}
#navHeader .navigation .menu li a:hover {
	color: rgb(247,147,30);
	text-decoration: none;
}
#navHeader .navigation ul li ul { /* Second level */
	position: absolute;
    display: none;
    z-index: 100;
    background-color: rgb(0,0,0);
}
#navHeader .navigation ul li ul li {
	height: 15px;
	float: none;
	margin: 2px 2px 2px 21px;
	clear: both;
}
#navHeader .navigation ul li ul li a {
	color: rgb(247,147,30);
    text-decoration: none;
	display: block;
}
#navHeader .navigation ul li ul li a:hover {
    color: rgb(255,255,255);
    text-decoration: none;
}
#navHeader #m1 { /* Home */
	width: 55px;
	background: url('../img/menu_div.gif') no-repeat right;
}
#navHeader #m2 { /* About */
	width: 70px;
	background: url('../img/menu_div.gif') no-repeat right;
}
#navHeader #m3 { /* Services */
	width: 70px;
	background: url('../img/menu_div.gif') no-repeat right;
}
#navHeader #m4 { /* Louvres */
	width: 65px;
	background: url('../img/menu_div.gif') no-repeat right;
}
#navHeader #m8 { /* Acoustic */
	width: 70px;
	background: url('../img/menu_div.gif') no-repeat right;
}
#navHeader #m10 { /* Screens */
	width: 65px;
	background: url('../img/menu_div.gif') no-repeat right;
}
#navHeader #m13 { /* Elliptical */
	width: 65px;
	background: url('../img/menu_div.gif') no-repeat right;
}
#navHeader #m16 { /* Projects */
	width: 65px;
	background: url('../img/menu_div.gif') no-repeat right;
}
#navHeader #m17 { /* Downloads */
	width: 80px;
	background: url('../img/menu_div.gif') no-repeat right;
}
#navHeader #m18 { /* Links */
	width: 50px;
	background: url('../img/menu_div.gif') no-repeat right;
}
#navHeader #m19 { /* Contact */
	width: 70px;
}



/*
 * Side Navigation Menu Styles
 */
#navSide.menu {
	width: 215px;
	font-family: Arial, sans-serif;
	font-size: 12px;
	padding-bottom: 10px;
	background: url(bottom.gif) no-repeat  right bottom;
	color: #fff;
}
#navSide .menu div {
    width: 193px;
    margin: 0px;
    float: none;
	color: rgb(247,147,30);
	padding: 0px 0px 0px 22px;
	background: url('../img/heading_back.gif') no-repeat;
	overflow: hidden;
}
#navSide .menu div span {
	display: block;
	cursor: pointer;
	padding: 21px 0px 5px 0px;
}
#navSide .menu div span:hover {
	color: rgb(255,255,255);
}
#navSide .menu .heading {
	color: rgb(155,153,120);
	padding: 0px;
	margin: 8px 0px 3px 11px;
}
#navSide .menu div a {
	width: auto;
	background: none;
	padding: 0px 0px 5px 15px;
	color: rgb(255,255,255);
	text-decoration: none;
	display: block;
}
#navSide .menu div a:hover {
	color: rgb(247,147,30);
    text-decoration: none;
}
#navSide .menu div.collapsed {
	height: 34px;
}
#navSide .menu div .nomenu a {
	color: rgb(247,147,30);
	padding: 0px 0px 0px 0px;
}
#navSide .menu div .nomenu a:hover {
	color: rgb(255,255,255);
}