/* ================================================================ 
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.stunicholls.com/menu/multi-page.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This script and the associated (x)html may be modified in any 
way to fit your requirements. 

Please see 'Terms of use' on stunicholls.com
=================================================================== */
#content {height:920px;} /* for this demo only */


#menu {position:relative; font-family:arial, sans-serif; font-size:10px; height:600px;}
#menu img#loading {position:absolute; left:400px; top:220px;}
#menu ul {padding:0; margin:0; list-style:none;}


#sub1 {position:absolute; left:303px; top:99px;}
#sub2 {position:absolute; left:95px; top:-80px;}

#sub0 li {width:93px; height:93px; border:3px solid #666; margin:2px 2px 0 0; text-align:center; background:#f5f5dc;}
#sub0 li img {margin:13px 21px 0 21px; border:1px solid #000; border-color:#000 #ddd #eee #666;}
#sub0 li.clicked {color:#c00;}

#sub1 ul {width:303px;}
#sub1 ul li {width:93px; height:93px; border:3px solid #666; margin:2px 2px 0 0; float:left; display:inline; background:#f5f5dc; text-align:center;}
#sub1 ul li img {border:1px solid #000; border-color:#000 #ddd #eee #666;}
#sub1 ul li img.vert {margin:13px 21px 0 21px;} 
#sub1 ul li img.horz {margin:21px auto 0 auto;} 

#sub2 ul li {width:650px; height:650px; padding:5px; text-align:center;}
#sub2 ul li img {position:relative; z-index:10; border:1px solid #000;}
#sub2 ul li img.vert {margin:5px auto;}
#sub2 ul li img.horz {margin:85px auto 0 auto;}

#sub2 ul li b {display:block; width:750px; height:700px; position:absolute; left:-95px; top:0; z-index:0; background:#fff; opacity:0.8; filter: alpha(opacity=80); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);}

.none {display:none;}
.yes {display:block;}