html> body #menu{
	margin-bottom: 0px;
}

#menu {
	z-index: 100;
	width: 610px;
	height: 35px;
	margin: 20px 0px 0px 10px;
}

#menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
	z-index: 10;
}

html> body #menu ul li{
	margin-right: 0px;
}

#menu li {
	position: relative;
}

#menu ul li ul {
	width: 180px;
}


#menu a {
	font-size: 12px;
	display: block;
	border-bottom: 1px solid #822809;
	margin: 0px;
	padding: 4px 5px 4px 12px;
	color: #fff;
	background: #a5320a;
	text-decoration: none;
	text-align: left;
}

#menu a:hover {
	color: #ffffff;
	background: #0a79a4;
}

/* ///////////////// */

#menu div#whatCMNav	{
	height: 35px;
	width:188px; 
	background: url(../images/nav.gif) no-repeat;
	overflow: hidden;
	border: none;
	display: block;
	margin: 0px;
}

#menu div#whatCMNav:hover	{background: url(../images/navOver.gif) no-repeat; cursor:pointer;}
#menu div#whatCMNav a	{height: 35px; padding-top: 35px; display: block; overflow:hidden; background:transparent; border: none;}

#menu div#whatCMNavOver	{
	height: 35px;
	width:188px; 
	background: url(../images/navOver.gif) no-repeat;
	overflow: hidden;
	border: none;
	display: block;
	margin: 0px;
}

#menu div#whatCMNavOver a	{height: 35px; padding-top: 35px; display: block; overflow:hidden; background:transparent; border: none;}
/* */
#menu div#servicesNav	{
	height: 35px;
	width:84px; 
	background: url(../images/nav.gif) no-repeat -188px 0px;
	overflow: hidden;
	border: none;
	display: block;
	margin: 0px;
}

#menu div#servicesNav:hover	{background: url(../images/navOver.gif) no-repeat -188px 0px; cursor:pointer;}
#menu div#servicesNav a	{height: 35px; padding-top: 35px; display: block; overflow:hidden; background:transparent; border: none;}

#menu div#servicesNavOver	{
	height: 35px;
	width:84px; 
	background: url(../images/navOver.gif) no-repeat -188px 0px;
	overflow: hidden;
	border: none;
	display: block;
	margin: 0px;
}

#menu div#servicesNavOver a	{height: 35px; padding-top: 35px; display: block; overflow:hidden; background:transparent; border: none;}
/* */
#menu div#shopNav	{
	height: 35px;
	width:60px; 
	background: url(../images/nav.gif) no-repeat -272px 0px;
	overflow: hidden;
	border: none;
	display: block;
	margin: 0px;
}

#menu div#shopNav:hover	{background: url(../images/navOver.gif) no-repeat -272px 0px; cursor:pointer;}
#menu div#shopNav a	{height: 35px; padding-top: 35px; display: block; overflow:hidden; background:transparent; border: none;}

#menu div#shopNavOver	{
	height: 35px;
	width:60px; 
	background: url(../images/navOver.gif) no-repeat -272px 0px;
	overflow: hidden;
	border: none;
	display: block;
	margin: 0px;
}

#menu div#shopNavOver a	{height: 35px; padding-top: 35px; display: block; overflow:hidden; background:transparent; border: none;}
/* */
#menu div#inspirationNav	{
	height: 35px;
	width:95px; 
	background: url(../images/nav.gif) no-repeat -332px 0px;
	overflow: hidden;
	border: none;
	display: block;
	margin: 0px;
}

#menu div#inspirationNav:hover	{background: url(../images/navOver.gif) no-repeat -332px 0px; cursor:pointer;}
#menu div#inspirationNav a	{height: 35px; padding-top: 35px; display: block; overflow:hidden; background:transparent; border: none;}

#menu div#inspirationNavOver	{
	height: 35px;
	width:95px; 
	background: url(../images/navOver.gif) no-repeat -332px 0px;
	overflow: hidden;
	border: none;
	display: block;
	margin: 0px;
}

#menu div#inspirationNavOver a	{height: 35px; padding-top: 35px; display: block; overflow:hidden; background:transparent; border: none;}
/* */
#menu div#aboutNav	{
	height: 35px;
	width:102px; 
	background: url(../images/nav.gif) no-repeat -427px 0px;
	overflow: hidden;
	border: none;
	display: block;
	margin: 0px;
}

#menu div#aboutNav:hover	{background: url(../images/navOver.gif) no-repeat -427px 0px; cursor:pointer;}
#menu div#aboutNav a	{height: 35px; padding-top: 35px; display: block; overflow:hidden; background:transparent; border: none;}

#menu div#aboutNavOver	{
	height: 35px;
	width:102px; 
	background: url(../images/navOver.gif) no-repeat -427px 0px;
	overflow: hidden;
	border: none;
	display: block;
	margin: 0px;
}

#menu div#aboutNavOver a	{height: 35px; padding-top: 35px; display: block; overflow:hidden; background:transparent; border: none;}
/* */
#menu div#contactNav	{
	height: 35px;
	width:75px; 
	background: url(../images/nav.gif) no-repeat -529px 0px;
	overflow: hidden;
	border: none;
	display: block;
	margin: 0px;
}

#menu div#contactNav:hover	{background: url(../images/navOver.gif) no-repeat -529px 0px; cursor:pointer;}
#menu div#contactNav a	{height: 35px; padding-top: 35px; display: block; overflow:hidden; background:transparent; border: none;}

#menu div#contactNavOver	{
	height: 35px;
	width:75px; 
	background: url(../images/navOver.gif) no-repeat -529px 0px;
	overflow: hidden;
	border: none;
	display: block;
	margin: 0px;
}

#menu div#contactNavOver a	{height: 35px; padding-top: 35px; display: block; overflow:hidden; background:transparent; border: none;}




/* ///////////////// */

#menu ul ul {
	position: absolute;
	z-index: 500;
}

#menu ul ul ul {
	position: absolute;
	top: 0;
	left: 100%;
	border-top: none;
	z-index: 500px;
}

#menu ul li ul 
{
	top: 34px;
	margin-top: 1px;
}

#menu ul li ul li ul {margin: 1px 0px 0px 0px;}

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;
}




