/* graphical menu codes */




#topmenu ul {
	list-style: none;
   width: 690px;
	height:59px;
	padding:0;
	margin: 39px 0 0 0px;
	float:right;
	display:inline;
   position: relative;
	overflow: hidden;
	background: url("graphics/topmenubg.gif") no-repeat;
   }

#topmenu li {
   display: inline;
   position: absolute;
}


#topmenu li a{
	float: left;
	font-size:12px;
	line-height: 14px;
	white-space: nowrap;
	text-transform: uppercase;
	text-align:left;
	padding: 7px 4px 0 20px;
	overflow:hidden;
	height:22px;
	font-family:verdana,arial,sans-serif;
}

#topmenu li a:hover {
	color: #fff;
	}
a.on {
	color: #fff;
	}
	
#topmenu a {
	color: #fff;
	text-decoration: none;

}
#topmenu a:hover {
	color: #fff;
	text-decoration: none;
}	
	
	


.exterior_off {
width:152px;
background: url("graphics/topmenu.gif") no-repeat right 0;
}

.exterior_on {
width:152px;
background: url("graphics/topmenu.gif") no-repeat right -29px;
}

.interior_off {
width:152px;
background: url("graphics/topmenu.gif") no-repeat right 0;
}

.interior_on{
width:152px;
background: url("graphics/topmenu.gif") no-repeat right -29px;
}

.hardware_off {
width:152px;
background: url("graphics/topmenu.gif") no-repeat right 0;
}

.hardware_on{
width:152px;
background: url("graphics/topmenu.gif") no-repeat right -29px;
}

.options_off {
width:144px;
background: url("graphics/topmenu.gif") no-repeat left 0;
}

.options_on{
width:144px;
background: url("graphics/topmenu.gif") no-repeat left -29px;
}

.home_off {
width:59px;
background: url("graphics/topmenu.gif") no-repeat right 0;
}

.home_on{
width:59px;
background: url("graphics/topmenu.gif") no-repeat right -29px;
}

.about_off {
width:87px;
background: url("graphics/topmenu.gif") no-repeat right 0;
}

.about_on{
width:87px;
background: url("graphics/topmenu.gif") no-repeat right -29px;
}

.started_off {
width:134px;
background: url("graphics/topmenu.gif") no-repeat right 0;
}

.started_on{
width:134px;
background: url("graphics/topmenu.gif") no-repeat right -29px;
}

.gallery_off {
width:78px;
background: url("graphics/topmenu.gif") no-repeat right 0;
}

.gallery_on{
width:78px;
background: url("graphics/topmenu.gif") no-repeat right -29px;
}

.resource_off {
width:138px;
background: url("graphics/topmenu.gif") no-repeat left 0;
}

.resource_on{
width:138px;
background: url("graphics/topmenu.gif") no-repeat left -29px;
}






ul.dropdown {
list-style: none;
margin: 0;
padding: 0;
border: none;
z-index:10000;
position:relative;
}

ul.dropdown li span {
display: block;
_display:inline-block;
text-decoration: none;
}
ul.dropdown li a {
display: block;
position: relative;
_display:inline-block; /* so IE doesn't add space between elements */
_width: 83%; /* makes block fill width in IE */
padding: 6px 10px 6px 10px;
margin:0 6px;
font-size: 13px;
color: #ffffff;
text-decoration: none;
background:#513a28;

}

ul.dropdown li a:hover {
color: #ffffff;
text-decoration: none;
background:#362920;

}


#exterior_submenu {
	background:#513a28;
	width: 188px;
	padding:13px 0;
	position: absolute;
	top: 68px;
	left: 276px;
	display: none;
	z-index:1000;
}

#interior_submenu {
	background:#513a28;
	width: 188px;
	padding:13px 0;
	position: absolute;
	top: 68px;
	left: 446px;
	display: none;
	z-index:1000;
}

#hardware_submenu {
	background:#513a28;
	width: 188px;
	padding:13px 0;
	position: absolute;
	top: 68px;
	left: 622px;
	display: none;
	z-index:1000;
}

#about_submenu {
	background:#513a28;
	width: 188px;
	padding:13px 0;
	position: absolute;
	top: 98px;
	left: 353px;
	display: none;
	z-index:1000;
}

#started_submenu {
	background:#513a28;
	width: 188px;
	padding:13px 0;
	position: absolute;
	top: 98px;
	left: 464px;
	display: none;
	z-index:1000;
}

#gallery_submenu {
	background:#513a28;
	width: 188px;
	padding:13px 0;
	position: absolute;
	top: 98px;
	left: 622px;
	display: none;
	z-index:1000;
}

#resource_submenu {
	background:#513a28;
	width: 188px;
	padding:13px 0;
	position: absolute;
	top: 98px;
	left: 724px;
	display: none;
	z-index:1000;
}