/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/flyoutt.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* common styling */
.menu {width:168px; height:79px; position:relative; margin:0; }
.menu ul li a, .menu ul li a:visited {display:block; }
.menu ul {padding:0; margin:0;list-style-type: none; }
.menu ul li {float:left; margin-right:1px; position:relative;}
.menu ul li a {display:block;width:168px;height:79px;}
.menu ul li ul {display: none;}

.menu ul li.artwork {width:168px;height:79px;background:url(/_interface/images/link1.jpg) no-repeat;}
.menu ul li.contact {width:168px;height:79px;background:url(/_interface/images/link2.jpg) no-repeat;}
.menu ul li.info {width:168px;height:79px;background:url(/_interface/images/link3.jpg) no-repeat ;}
.menu ul li.other {width:168px;height:79px;background:url(/_interface/images/link4.jpg) no-repeat ;}


.menu ul li.artwork ul li.art1 {width:168px;height:36px;background:url(/_interface/images/ill_link.jpg) no-repeat;}
.menu ul li.artwork ul li.art2 {width:168px;height:36px;background:url(/_interface/images/buil_link.jpg) no-repeat;}
.menu ul li.artwork ul li.art3 {width:168px;height:36px;background:url(/_interface/images/per_link.jpg) no-repeat;}
.menu ul li.artwork ul li.art4 {width:168px;height:36px;background:url(/_interface/images/sket_link.jpg) no-repeat;}

.menu ul li.artwork ul li.art1:hover {width:168px;height:36px;background:url(/_interface/images/ill_hover.jpg) no-repeat;}
.menu ul li.artwork ul li.art2:hover {width:168px;height:36px;background:url(/_interface/images/buil_hover.jpg) no-repeat;}
.menu ul li.artwork ul li.art3:hover {width:168px;height:36px;background:url(/_interface/images/per_hover.jpg) no-repeat;}
.menu ul li.artwork ul li.art4:hover {width:168px;height:36px;background:url(/_interface/images/sket_hover.jpg) no-repeat;}

.menu ul li.info ul li.info1 {width:168px;height:36px;background:url(/_interface/images/bio_link.jpg) no-repeat;}
.menu ul li.info ul li.info2 {width:168px;height:36px;background:url(/_interface/images/cli_link.jpg) no-repeat;}

.menu ul li.info ul li.info1:hover {width:168px;height:36px;background:url(/_interface/images/bio_hover.jpg) no-repeat;}
.menu ul li.info ul li.info2:hover {width:168px;height:36px;background:url(/_interface/images/cli_hover.jpg) no-repeat;}

.menu ul li.other ul li.other1 {width:168px;height:36px;background:url(/_interface/images/flic_link.jpg) no-repeat;}
.menu ul li.other ul li.other2 {width:168px;height:36px;background:url(/_interface/images/tlr_link.jpg) no-repeat;}

.menu ul li.other ul li.other1:hover {width:168px;height:36px;background:url(/_interface/images/flic_hover.jpg) no-repeat;}
.menu ul li.other ul li.other2:hover {width:168px;height:36px;background:url(/_interface/images/tlr_hover.jpg) no-repeat;}

/* specific to non IE browsers */

.menu ul li:hover ul {display:block; position:absolute; top:0; left:168px; width:168px;z-index:10;border:1px solid white;}
.menu ul li:hover ul li a.hide {}
.menu ul li:hover ul li:hover a.hide {width:168px;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; width:168px;}
.menu ul li:hover ul li a:hover {}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:170px; top:0; color:#000;}
.menu ul li:hover ul li:hover ul li a {display:block; width:168px; background:#dfc184; color:#000;}
.menu ul li:hover ul li:hover ul li a:hover {background:#bd8d5e; color:#fff;}