﻿#menu_container {/* Defines menu's container with a high z-index to guarantee elements show */
	position: absolute; 
	width:799px; 
	height:30px; 
	z-index:500;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-size: xx-small;
	margin-top: 0px;
	margin-bottom: 0px;
}

#themenu, #themenu ul {    /* clear margins */
	padding:0; 
	margin:0; 
	list-style-type: none;
}
  
#themenu li {
	float: left;
 	background: #D2E1F0 url('../images/ICMenuBar.jpg');
	text-align: center;
}

#themenu a, #themenu a:visited {
	display: block;
	width: 113px;    /* link block width - chg hover left too! */
	color: #FFFFFF; 
	height: 30px;    /* link block height  */
	line-height: 30px; 
	text-decoration: none;  
	border: 1px solid #FFF;
	border-width: 0px 1px 0px 0px;
	background: url('http://www.buschmanhomes.com/InteriorCraft/images/ICMenuBar.jpg') repeat-x fixed center;)
}

#themenu li ul li a, 
#themenu li ul li a:visited {
	border-width: 0 1px 1px 1px;
/* lower level menu borders  */	color: #000000;
}
#themenu li a.endbox, 
#themenu li a.endbox:visited {  /* completes the box on all outside cells */
	border-width: 0px;
}
#themenu li ul li a.endbox, 
#themenu li ul li a.endbox:visited {  /* completes the box on all outside cells */
	border-width: 1px 1px 1px 1px;
}
#themenu li.fly {background: #D2E1F0 url('http://www.buschmanhomes.com/InteriorCraft/images/ICMenuBar.jpg') right center;}
#themenu li.drop {background: url('http://www.buschmanhomes.com/InteriorCraft/images/ICMenuBar.jpg'); color: black;}

#themenu li a:active, 
#themenu li a:focus {             /* for the old timers that still tab  */
	color:#FFFFFF;
	font-weight: lighter;
}

/* This section is for Firefox and IE7 or higher */
#themenu li:hover {
	position:relative;
}

#themenu li:hover > a {
	background: #d2e1f0;
/*	color: #ffffff;  */
	color: black;
}

#themenu li ul {
	display:none;
}

#themenu li:hover > ul {
	display:block;            /* all fly levels  */
	position:absolute; 
	top:0px;                /* overlaps bottom of parent block  */
	left:113px;                /* overlap left of parent block */
/*	padding:10px 30px 30px 30px; */
/*	padding: 5px 5px 5px 5px;  */
	background:transparent url('../../styles/Spacer.gif');  /* visible during hover */
	width:113px;
}

#themenu > li:hover > ul {
	left:0px;               /* 1st level drop  */
	top:25px;
}

#themenu table {
	position:absolute; 
	border-collapse:collapse; 
	top:0; left:0; 
	z-index:100; 
	font-size:1em;
}

/* For older than IE7 browsers */

* html #themenu li a:hover {
	position:relative;
	background:#d2e1f0;
/*	color:#ffffff;   */
	color: black;
}

/* This lot is for IE5.5 and IE6 ONLY and is necessary to make the sublevels appear */

* html #themenu li ul {    /* show only top level */
	visibility:hidden; 
	display:block; 
	position:absolute; 
	top:0px; left:113px;       /* change values if initial width or height changes  */ 
/*	padding:10px 30px 30px 30px; */
	background:transparent url('../../styles/Spacer.gif');
}

#themenu li a:hover ul ul{  /* mouse over 1 - hides all but 1 and 2  */
	visibility:hidden;
}

#themenu li a:hover ul a:hover ul ul{   /* mouse over 2 - hides all but 1, 2 and 3  */
	visibility:hidden;
}

#themenu li a:hover ul a:hover ul a:hover ul ul{  /* mouse over 3 - hides all but 1, 2, 3 and 4  */
	visibility:hidden;
}

#themenu li a:hover ul a:hover ul a:hover ul a:hover ul ul {  /* mouse over 4 - hides only 6 */
	visibility:hidden;
}

#themenu li a:hover ul {   /* position and show level 2 */
	visibility:visible; left:0px; top:30px;}

#themenu li a:hover ul a:hover ul{  /* position and show level 3 */
	visibility:visible; top:-1px; left:113px;}

#themenu li a:hover ul a:hover ul a:hover ul {  /* position and show level 4 */
	visibility:visible;}

#themenu li a:hover ul a:hover ul a:hover ul a:hover ul {  /* position and show level 5 */
	visibility:visible;}
	
#themenu li a:hover ul a:hover ul a:hover ul a:hover ul a:hover ul {  /* position and show level 6 */
	visibility:visible;}
	




