/* menu::base */
#nav {
	position: relative;
    height: 38px;
	margin: 0px 0px;
	padding: 0px 12px;
  	overflow:visible;
  }
	
#nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
  }

#nav li {
    position: relative;
    z-index: 9;
    margin: 0;
    padding: 0 5px 0 0;
    display: block;
    float: left;
  }

#nav a {
    position: relative;
    z-index: 10;
    height: 38px;
    display: block;
    float: left;
    line-height: 38px;
    text-decoration: none;
	vertical-align: middle;
	padding: 0px 12px;
  }

#nav li a:hover {
  color: #ffffff;
  text-decoration: none;
  display: block;
  }

#nav li ul {
  list-style: none;
  position: absolute;
  width: 150px;
  top: 38px;
  left: -999em;
}

#nav li:hover ul, #nav li.sfhover ul {
  left: 0px;
}

/*
#nav li ul li:hover ul, #nav li ul li.sfhover ul {
  left: auto;
}	
*/

#nav li li {  
  	margin: 0;
  	padding: 0;
  	width: 150px;
	left: auto;
  }
	
#nav li li a {
	padding: 0px 0px 0px 15px;
  height: 23px;
  line-height: 23px;
  color: #c3c3c3;
  margin: 0;
}
	
#nav li li a:hover {
}

/*
#nav li:hover, #nav li.sfhover {  prevents IE7 drop-down menu bug (focus on a page element prevents nested menus from disappearing) 
  position: static;
}
*/

 #nav li.back {
    background: url(../images/lava.png) no-repeat right -44px !important;
    width: 13px;
    height: 38px;
    z-index: 8;
    position: absolute;
    margin: -1px 0 0 -5px;
}	

 #nav li.back .left {
    background: url(../images/lava.png) no-repeat top left !important;
    height: 38px;
    margin-right: 8px;
}

.lavalamp li a {
  z-index: 100;
}

#nav .page-item-2 a{
background:url("../images/about.png") no-repeat scroll 0 0 transparent !important;
font-size:0;
height:19px;
width:82px;
margin-left:20px;
margin-top:9px;
}

#nav .page-item-8 a{
background:url("../images/blog.png") no-repeat scroll 0 0 transparent !important;
font-size:0;
height:19px;
width:63px;
margin-left:20px;
margin-top:9px;
}

#nav .page-item-10 a{
background:url("../images/portfolio.png") no-repeat scroll 0 0 transparent !important;
font-size:0;
height:19px;
width:136px;
margin-left:20px;
margin-top:9px;
}

#nav .page-item-24 a{
background:url("../images/contact.png") no-repeat scroll 0 0 transparent !important;
font-size:0;
height:19px;
width:113px;
margin-left:20px;
margin-top:9px;
}


#nav ul li .page-item-12 a{
background:url("../images/illustration.png") no-repeat scroll 0 0 transparent !important;
font-size:0;
height:22px;
margin-left:19px;
margin-top:-10px;

}
#nav ul li .page-item-12 a:hover{
background:url("../images/illustration2.png") no-repeat scroll 0 0 transparent !important;
font-size:0;
height:22px;
margin-left:19px;
margin-top:-10px;

}

#nav ul li .page-item-16 a{
background:url("../images/print.png") no-repeat scroll 0 0 transparent !important;
font-size:0;
height:39px;
margin-left:19px;
margin-top:-10px;

}
#nav ul li .page-item-16 a:hover{
background:url("../images/print2.png") no-repeat scroll 0 0 transparent !important;
font-size:0;
height:39px;
margin-left:19px;
margin-top:-10px;

}

#nav ul li .page-item-18 a{
background:url("../images/identity.png") no-repeat scroll 0 0 transparent !important;
font-size:0;
height:32px;
margin-left:19px;
margin-top:-10px;

}
#nav ul li .page-item-18 a:hover{
background:url("../images/identity2.png") no-repeat scroll 0 0 transparent !important;
font-size:0;
height:32px;
margin-left:19px;
margin-top:-10px;
}

#nav ul li .page-item-20 a{
background:url("../images/apparel.png") no-repeat scroll 0 0 transparent !important;
font-size:0;
height:27px;
margin-left:19px;
margin-top:-10px;
}
#nav ul li .page-item-20 a:hover{
background:url("../images/apparel2.png") no-repeat scroll 0 0 transparent !important;
font-size:0;
height:27px;
margin-left:19px;
margin-top:-10px;
}

#nav ul li .page-item-22 a{
background:url("../images/ftfweb.png") no-repeat scroll 0 0 transparent !important;
font-size:0;
height:33px;
margin-left:19px;
margin-top:-10px;
}
#nav ul li .page-item-22 a:hover{
background:url("../images/ftfweb2.png") no-repeat scroll 0 0 transparent !important;
font-size:0;
height:33px;
margin-left:19px;
margin-top:-10px;
}

/* menu::level2 */
div#nav ul ul li { background: none; }
div#nav ul ul {
    position: absolute;
    top: 38px;
    left: -999em;
    width: 150px;
    padding: 0px;
}

div#nav ul ul a,
div#nav ul ul ul a,
div#nav ul ul ul ul a {
    padding: 0 0 0 15px;
    height: 23px;
    float: none;
    display: block;
    line-height: 23px;
    color: #c3c3c3;
}


div#nav ul ul li.last { background: none; }
div#nav ul ul li {
    width: 100%;
}

/* menu::level3 */


div#nav ul ul ul {
    padding: 0;
    margin: 0px 0 0 150px !important;
    left: -999em;
	top: -1px;	
}

div#nav ul li:hover ul ul{
    position: absolute;
    left: -999em;
}

div#nav ul ul li:hover ul{
    position: absolute;
    left: 0px;
}

/* colors */
div#nav ul ul ul { background: #26282a;}
div#nav ul ul ul ul { background: #26282a; }
div#nav ul ul ul ul ul { background: #26282a; }

div#nav ul ul li,
div#nav ul ul ul li,
div#nav ul ul ul ul li{
	margin: 0px;
	padding: 0px;
}

div#nav ul ul,
div#nav ul ul ul,
div#nav ul ul ul ul {
}

div#nav ul li.current_page_item a, div#nav ul li.current_page_parent {
	color: #FFFFFF;
}

li.current_page_parent a{
	color: #FFFFFF;
}