.menuContainer {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 145px;
	background: #0A0010;	
	z-index: 1000;
}

.menu {
	position: absolute;
	top: 16px;
	left: 55px;
	z-index: 1000;
}

.menu table {
	position:absolute; 
	top:0; 
	left:0; 
	border-collapse:collapse;;
}

/* top level links */
.menu a, .menu a:visited {
	display:block;
	font-size:12px;
	text-decoration:none; 
	color:#D7C1C0;
/*	width:138px; */
	height:17px; 
	border:none; 
	padding-left:0px; 
	line-height:17px; 
	font-weight: normal;
	font-size: 11px;
	font-family: arial, sans-serif;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
	visibility:hidden;
	position:absolute;
	height:0;
	top:20px;
	left:0;
/*	width:149px; */
}
/* IE5.5 hack */
* html .menu ul ul {top:20px;t\op:21px;}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
	float:left;
/*	width:120px; */
	position:relative;
}

.menu li.services ul {
	padding-left: 0px;
	padding-top: 4px;
}

.menu li.services {
	width: 94px;
	height: 20px;
	background: url(../images/menu/menu.gif) 0 0 no-repeat;	
}

.menu li.services:hover {
	background: url(../images/menu/menu.gif) 0 -20px no-repeat;	
}

.menu li.agency ul {
	padding-left: 20px;
	padding-top: 4px;
}

.menu li.agency {
	width: 103px;
	height: 20px;
	background: url(../images/menu/menu.gif) -94px 0 no-repeat;	
}

.menu li.agency:hover {
	background: url(../images/menu/menu.gif) -94px -20px no-repeat;	
}

.menu li.portfolio {
	width: 121px;
	height: 20px;
	background: url(../images/menu/menu.gif) -198px 0 no-repeat;	
}

.menu li.portfolio:hover {
	background: url(../images/menu/menu.gif) -198px -20px no-repeat;	
}

.menu li.portfolio ul {
	padding-top: 4px;
	padding-left: 18px;
}

.menu li.contact {
	width: 131px;
	height: 20px;
	background: url(../images/menu/menu.gif) -319px 0 no-repeat;	
}

.menu li.contact:hover {
	background: url(../images/menu/menu.gif) -319px -20px no-repeat;	
}

.menu li.blog {
	width: 110px;
	height: 20px;
	background: url(../images/menu/menu.gif) -450px 0 no-repeat;	
}

.menu li.blog:hover {
	background: url(../images/menu/menu.gif) -450px -20px no-repeat;	
}



.menu li span {
	display: none;
}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
	padding:0;
	margin:0;
	list-style-type:none;
}
.menu ul ul {
/*	width:150px; */
/*	background-color: #F22710; */
	color: #584B59;
}

.menu ul ul li { 
/*	background-color: #F22710; */
	width: 150px;
}

.menu ul ul li a{ 
	padding-left: 5px;
	color: #584B59;
}
.menu ul ul li a:visited{ 
	padding-left: 5px;
	color: #584B59;
	
}


/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{
	visibility:visible;
}

/* style the top level hover */
.menu ul ul li a:hover{
	color: #F69624; 
}

.menu ul ul li :hover > a {
	color: #F69624;

}

/* Services Menu active */
#services .menu ul li.services ul li{visibility: visible;}
#services .menu ul li.services {background: url(../images/menu/menu.gif) 0 -40px no-repeat;}
#services .menu ul li.services ul li a {color: #584b59;}
#services .menu ul li.services ul li a:hover, .menu ul ul li :hover > a {color: #F69723;}
#services.overview .menu ul li.services ul li.m1_1 a {color: #F22710;}
#services.process .menu ul li.services ul li.m1_2 a {color: #F22710;}
#services.clientnotes .menu ul li.services ul li.m1_3 a {color: #F22710;}
/* End of Services Menu active */

/* Agency Menu active */
#agency .menu ul li.agency ul li{visibility: visible; z-index: -10;}
#agency .menu ul li.agency {background: url(../images/menu/menu.gif) -94px -40px no-repeat;}
#agency .menu ul li.agency ul li a {color: #584b59;}
#agency .menu ul li.agency ul li a:hover, .menu ul ul li :hover > a {color: #F69723;}
#agency.team .menu ul li.agency ul li.m2_1 a {color: #F22710;}
#agency.redformula .menu ul li.agency ul li.m2_2 a {color: #F22710;}
#agency.clients .menu ul li.agency ul li.m2_3 a {color: #F22710;}
#agency.press .menu ul li.agency ul li.m2_4 a {color: #F22710;}
/* End of Agency Menu active */

/* Portfolio Menu active */
#portfolio .menu ul li.portfolio ul li{visibility: visible; z-index: -10;}
#portfolio .menu ul li.portfolio {background: url(../images/menu/menu.gif) -198px -40px no-repeat;}
#portfolio .menu ul li.portfolio ul li a {color: #584b59;}
#portfolio .menu ul li.portfolio ul li a:hover, .menu ul ul li :hover > a {color: #F69723;}
#portfolio.brand .menu ul li.portfolio ul li.m3_1 a {color: #F22710;}
#portfolio.print .menu ul li.portfolio ul li.m3_2 a {color: #F22710;}
#portfolio.websites .menu ul li.portfolio ul li.m3_3 a {color: #F22710;}
#portfolio.logos .menu ul li.portfolio ul li.m3_4 a {color: #F22710;}
#portfolio.murals .menu ul li.portfolio ul li.m3_5 a {color: #F22710;}
#portfolio.archive .menu ul li.portfolio ul li.m3_6 a {color: #F22710;}
/* End of Portfolio Menu active */

/* Contact Menu active */
#contact .menu ul li.contact {background: url(../images/menu/menu.gif) -319px -40px no-repeat;}
/* End of Contact Menu active */

/* Blog Menu active */
#blog .menu ul li.blog {background: url(../images/menu/menu.gif) -450px -40px no-repeat;}
/* End of Blog Menu active */


a.trippleRed {
	position: absolute;
	right: 0px;
	top: 0px;
	width: 135px;
	height: 139px;
	background: url(../images/menu/trippleRed.gif) 0 0 no-repeat;
}