#navcontainer
{
    margin:0px;
    width:930px;
    height:30px;
    border-top:solid 1px black;
    border-bottom:solid 1px black;
}

#menu 
{
	background-color:transparent;
	background-image:url('images/nav_background.gif');
	background-position:left top;
	background-repeat:repeat-x;
	float: left;
	width:100%;
	z-index:30px;
}

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

#menu h2 {

font: bold 11px arial, helvetica, sans-serif;
display: block;
margin: 0;
cursor: pointer;
color: #cccccc;
text-transform:uppercase;
height:30px;
padding-right:8px;
}



#l1 h2:hover 
{
    background-image:url('images/home_on.gif'); background-repeat: no-repeat; width:57px; height:30px;
}

#l2 h2:hover 
{
    background-image:url('images/store_on.gif'); background-repeat: no-repeat; width:71px; height:30px;
}

#l3 h2:hover 
{
    background-image:url('images/ideas_on.gif'); background-repeat: no-repeat; width:67px; height:30px;
}

#l4 h2:hover 
{
    background-image:url('images/colors_on.gif'); background-repeat: no-repeat; width:82px; height:30px;
}

#l5 h2:hover 
{
    background-image:url('images/pricing_on.gif'); background-repeat: no-repeat; width:79px; height:30px;
}

#l6 h2:hover 
{
    background-image:url('images/custom_on.gif'); background-repeat: no-repeat; width:129px; height:30px;
}

#l7 h2:hover 
{
    background-image:url('images/contact_on.gif'); background-repeat: no-repeat; width:104px; height:30px;
}

#menu a {
	color: #ccc;
	text-decoration: none;
	font: normal 11px arial, helvetica, sans-serif;
	display: block;
	text-align:left;
	margin: 0px;
	padding: 4px 5px;
	cursor: pointer;
}

.sub a 
{
	background-color:transparent;
	background-image:url('images/submenubkgrnd_off.gif');
	background-position:left top;
	background-repeat:repeat-x;
}

.sub a:hover {
	color: #ffffff;
	background-color:transparent;
	background-image:url('images/submenubkgrnd_on.gif');
	background-position:left top;
	background-repeat:repeat-x;
}

#menu li 
{
position: relative;
}



#menu ul ul {
position: absolute;
z-index: 500;
width:120px;
top:100%;
left:10px;
border-top:solid black 1px;
border-left:solid black 1px;
border-right:solid black 1px;
border-bottom:solid black 1px;
}

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

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



#footermenu
{
	padding-top:6px;
	padding-left:5px;
	width:370px;
	float:left;
}

.footerlink
{
	margin-left:4px;
	margin-right:4px;
}

.footerlink a
{
	color:#cccccc;
	font-family:arial, helvetica, sans-serif;
	font-size:x-small;
	font-weight:normal;
	font-style:normal;
	text-decoration:none;
}

.footerlink a:hover
{
	text-decoration:underline;
}