/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*        MENU STYLES         */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#preload {
width: 0px;
height: 0px;
display: inline;
background-image: url(../images/nav/nav1.png);
background-image: url(../images/nav/nav2.png);
background-image: url(../images/nav/nav3.png);
background-image: url();
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*        MENU STYLES         */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#menu {
line-height: 12px;
position: absolute;

z-index: 500;
left: 28px;
}

#menu ul li{
list-style: none;
float: left;
padding: 0px;
margin: 0px;
}

#menu .menu_title a {
font-weight: bold;
font-size: 11px;
padding-left: 0px;
margin-left: 0px;
margin-top: 2px;
margin-bottom: 3px;
width: 90px;
font-family: Arial, Helvetica, sans-serif;
}

#menu .menu_title {
background: none;
padding-left: 0px;
}

#menu ul li a {
display: block;
margin: 0px;
cursor: pointer;
text-decoration: none;
}

#menu .menu_title a:hover, 
#menu ul ul li a:hover
{
color: #927051;
}

#menu ul {
list-style: none outside;
float:left;
padding: 0px;
margin: 0px;
}

#menu li {	
position:relative;
list-style: none outside;
}

#menu ul ul {
position:absolute;
z-index:500;
display:none;
background: transparent url(../images/nav/submenu_bg.png) no-repeat bottom left;
width: 90px;
padding-right: 68px;
padding-bottom: 25px;
padding-top: 10px;
border-top: none;
top: 100%;
left: -6px;
}

#menu ul ul li {
clear: both;
padding: 3px 0;
}

#menu ul ul a {
position: relative;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
font-size: 10px;
font-weight: bold;
padding-left: 13px;
line-height: 10px;
height: auto;
cursor: pointer;
width: 100px;
color: #563223;
}

#menu ul ul ul {
position:static;
display:block;
height: auto;
background-image: none;
padding: 5px 0 0 0;
}

#menu ul ul ul li {
clear: both;
padding: 2px 0;
}

#menu ul ul ul a {
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
font-size: 10px;
font-weight: bold;
padding-left: 5px;
line-height: 9px;
height: auto;
cursor: pointer;
text-transform: none;
padding-left: 13px;
}

/*---------------------------------------*/

div#menu ul ul
{display: none;}

div#menu ul li:hover ul
{display: block;}

#about {
width: 88px;
height: 44px;
background: transparent url(../images/nav_01.jpg) no-repeat;
}

	#about:hover {
	background: none;
	}

#products {
width: 83px;
height: 44px;
background: transparent url(../images/nav_02.jpg) no-repeat;
}

	#products:hover {
	background: none;
	}
	
#rock_a_house {
width: 96px;
height: 44px;
background: transparent url(../images/nav_03.jpg) no-repeat;
}

	#rock_a_house:hover {
	background: none;
	}
	
#technical {
width: 86px;
height: 44px;
background: transparent url(../images/nav_04.jpg) no-repeat;
}

	#technical:hover {
	background: none;
	}
	
#favorites {
width: 81px;
height: 44px;
background: transparent url(../images/nav_05.jpg) no-repeat;
}

	#favorites:hover {
	background: none;
	}
	
#testimonials {
width: 89px;
height: 44px;
background: transparent url(../images/nav_06.jpg) no-repeat;
}

	#testimonials:hover {
	background: none;
	}