/* CSS Document */

         
html, body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, form, fieldset  
{
margin:0;
padding:0;
border:0;
}
a img{border:none;}
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
body
	{
	background:#fff url(../images/art/bg.jpg) 0 0 repeat-x;
	text-align:center;
	}
body table td{
position:relative;
vertical-align:top;}
body table td p{
position:relative;
top:0px;}
body table td div{
position:relative;
top:0px;}
#book a{
width:160px;
	
	padding:5px 0 0 0;
	display:block;
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#fff;
	text-decoration:none;
	text-align:center;
	background:#0c84a4;
}
#book a:hover{background:#08586e;}
#azlisting{
color:#006699;
font:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
}
#wrap
	{
	width:984px;
	margin:0 auto;
	text-align:left;
	}
#header
	{
	width:984px;
	height:117px;
	}
#header h1
	{
	width:250px;
	height:71px;
	background:url(../images/art/logo.jpg) 0 0 no-repeat;
	display:block;
	float:left;
	margin:17px 0 0 0;
	}
#header h1 a
	{
	width:250px;
	height:71px;
	display:block;
	}
#header h1 span{display:none;}
#content
	{
	width:984px;
	clear:both;
	}
#content form
	{
	width:520px;
	background:url(../images/art/form-bg.jpg) right 0 repeat-y;
	float:left;
	}
#content form fieldset dl
	{
	position:relative;
	width:520px; 
	margin:0;
	border-top:1px solid #eaeaea;
	border-bottom:1px solid #eaeaea;	
	padding:10px 0;
	}
#content form fieldset legend
	{
	font:20px Arial, Helvetica, sans-serif;
	color:#343434;
	line-height:18px;
	margin:0 0 5px 0;
	}
#content form fieldset dt
	{
	float:left;
	width:120px;
	text-align:right;
	font:12px Arial, Helvetica, sans-serif;
	color:#3e3e3e;
	line-height:18px;
	}
#content form fieldset dd
	{
	padding:0 0 4px 0;
	margin-left:130px;
	margin-bottom:5px;
	font:12px Arial, Helvetica, sans-serif;
	color:#3e3e3e;
	}
#content form dd.button
	{
	float:right; 
	margin:20px 25px 0 0;
	display:inline;
	}
#content form fieldset dd .control, #content form fieldset dd .control_short, #content form fieldset dd .control_medium, #content form fieldset dd .control_large, #content form fieldset dd .control_long
	{
	width:auto;
	height:19px;
	padding:3px 0 0 5px;	
	background:#fff;
	font:12px Arial, Helvetica, sans-serif;
	color:#3e3e3e;
	border:1px solid #dcdbd9;	
	}
#content form fieldset dd select
	{
	width:180px;
	height:19px;
	padding:3px 0 0 0;
	background:#fff;
	font:12px Arial, Helvetica, sans-serif;
	color:#3e3e3e;
	border:1px solid #dcdbd9;		
	}
#content form fieldset dd input
	{
	width:144px;
	height:21px;
	font:12px Arial, Helvetica, sans-serif;
	color:#3e3e3e;
	}
#content form fieldset dd .control
	{
	width:auto;
	height:auto;
	background:none;
	border:none;
	}
#content form fieldset dd .lft
	{
	float:left;
	margin:0 0 3px 0;
	}
#content form fieldset dd .control_short{width:70px;}
#content form fieldset dd .control_large{width:313px; height:100px;}
#content form fieldset dd .control_long{width:313px;}
#content form fieldset dd .submit, #content form fieldset dd .reset{width:auto;}
#content form fieldset dd .button_go
	{
	width:auto;
	float:left;
	margin:0 0 0 10px;
	}
#left-main
	{
	width:495px;
	float:left;
	/*padding:28px 0 60px 0;*/
	vertical-align:top;
	}
#left-main h1.welcome
	{
	width:495px;
	height:163px;
	background:url(../images/headers/h1-welcome.gif) 0 0 no-repeat;
	display:block;
	margin:0 0 10px 0;
	}
#left-main h1.welcome span{display:none;}
#left-main h2.pub
	{
	width:235px;
	height:50px;
	background:url(../images/headers/h2-pub.gif) 0 0 no-repeat;
	display:block;
	}
#left-main h2.performer
	{
	width:235px;
	height:50px;
	background:url(../images/headers/h2-performer.gif) 0 0 no-repeat;
	display:block;
	}
#left-main h2.pub span, #left-main h2.performer span{display:none;}
#left-main h3
	{
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#343434;
	line-height:20px;
	margin:0 0 13px 0;
	}
#left-main h3 img
	{
	float:right;
	margin:0 0 15px 10px;
	border:5px solid #cdcdcd;
	}
#left-main h4
	{
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#343434;
	line-height:20px;
	}
#left-main p
	{
	font:12px Arial, Helvetica, sans-serif;
	color:#343434;
	line-height:20px;
	}
#left-main p a
	{
	color:#bb9329;
	font-weight:bold;
	text-decoration:none;
	}
#left-main p a:hover{background:url(../images/hover-link.jpg) 0 bottom repeat-x;}
#left-main a.read
	{
	width:75px;
	height:19px;
	padding:3px 0 0 9px;
	background:#d1dce1 url(../images/buttons/btn-read.jpg) 0 0 no-repeat;
	display:block;
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#23597c;
	text-decoration:none;
	}
#left-main a.read:hover
	{
	background:#0c2a46 url(../images/buttons/btn-read.jpg) 0 -22px no-repeat;
	color:#fff;
	}
#left-main a.more
	{
	height:20px;
	display:block;
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#6e777e;
	line-height:20px;
	text-decoration:none;
	background:url(../images/ico-arrow.jpg) 0 -3px no-repeat;
	padding:0 0 0 25px;
	}
#left-main a.more:hover{color:#11416d;}
#left-main ul
	{
	width:235px;
	float:left;
	list-style:none;
	vertical-align:top;
	}
#left-main ul.ulr{float:right;}
#left-main ul li
	{
	width:235px;
	float:left;
	margin:0 0 15px 0;
	vertical-align:top;
	}
#left-main div.image
	{
	width:69px;
	float:left;
	}
#left-main div.image img{border:5px solid #cdcdcd;}
#left-main div.text
	{
	width:157px;
	float:right;
	}
#left-main div.text p
	{
	font:11px Arial, Helvetica, sans-serif;
	color:#343434;
	margin:0 0 5px 0;
	}
#left-main div.book
	{
	width:425px;
	height:51px;
	padding:45px 0 0 70px;
	background:#bce3f5 url(../images/book-bg2.jpg) 0 0 no-repeat;
	display:block;
	margin:0 0 25px 0;
	}
#left-main div.book p
	{
	margin:0 0 3px 0;
	color: #FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	}
#left-main div.book a
	{
	width:169px;
	height:20px;
	padding:3px 0 0 0;
	display:block;
	background:#8bc9e6;
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#2a516c;
	text-align:center;
	text-decoration:none;
	}
#left-main div.book a:hover
	{
	background:#459bc2;
	color:#fff;
	}
#left-main br.clear{clear:both;}
#right-main
	{
	width:450px;
	float:left;
	padding:28px 0 60px 39px;
	}
#right-main h1.bands
	{
	width:450px;
	height:33px;
	background:url(../images/headers/h1-bands.gif) 0 0 no-repeat;
	display:block;
	margin:0 0 15px -5px;	
	}
#right-main h1.testimonials
	{
	width:445px;
	height:24px;
	background:url(../images/headers/h1-testimonials.gif) 0 0 no-repeat;
	display:block;
	margin:60px 0 15px 0;
	clear:both;
	float:left;
	}
	#right-main h1.testimonials1
	{
	width:445px;
	height:24px;
	background:url(../images/headers/h1-testimonials1.gif) 0 0 no-repeat;
	display:block;
	margin:60px 0 15px 0;
	clear:both;
	float:left;
	}
	
#right-main h1 span
	{
	display:none;
	float:left;
	}
#right-main h1 a
	{
	height:20px;
	display:block;
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#6e777e;
	line-height:20px;
	text-decoration:none;
	background:url(../images/ico-arrow.jpg) 0 -3px no-repeat;
	padding:0 0 0 25px;
	float:right;
	margin:10px 0 0 0;
	}
#right-main h1 a:hover{color:#11416d;}
#right-main h2
	{
	font:bold 18px Arial, Helvetica, sans-serif;
	color:#23597c;
	line-height:20px;
	}
#right-main h3
	{
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#23597c;
	line-height:20px;
	margin:0 0 10px 0;
	}
#right-main h4
	{
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#343434;
	line-height:20px;
	clear:both;
	}
#right-main p
	{
	font:11px Arial, Helvetica, sans-serif;
	color:#343434;
	line-height:15px;
	margin:0 0 5px 0;
	}
#right-main p.author
	{
	height:18px;
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#23597c;
	background:url(../images/author-bg.jpg) 0 0 no-repeat;
	padding:4px 0 0 25px;
	margin:0 0 25px 0;
	}
#right-main p a
	{
	color:#bb9329;
	font-weight:bold;
	text-decoration:none;
	}
#right-main p a:hover{background:url(../images/hover-link.jpg) 0 bottom repeat-x;}
#right-main ul
	{
	width:450px;
	list-style:none;
	float:left;
	margin:0 0 5px 0;
	}
#right-main ul li
	{
	height:45px;
	float:left;
	margin:0 5px 5px 0;
	display:inline;
	}
#right-main ol
	{
	width:153px;
	float:right;
	margin:11px 1px 0 0;
	list-style:none;
	display:inline;
	}
#right-main ol li
	{
	width:45px;
	float:left;
	margin:0 0 5px 5px;
	display:inline;
	}
#right-main div.blue
	{
	width:262px;
	padding:15px;
	background:#bce3f5 url(../images/blue-top.jpg) -1px 0 no-repeat;
	float:left;
	margin:10px 0 0 0;
	}
#right-main div.blue p
	{
	color:#23597c;
	margin:0;
	}
	
/*content pages*/
#left
	{
	width:340px;
	float:left;
	padding:32px 0 60px 0;
	position:relative;
	vertical-align:top;
	}
#left h1.wedding
	{
	width:340px;
	height:100px;
	background:url(../images/headers/h1-wedding.gif) no-repeat;
	display:block;
	}
	#left h1.bandaz
	{
	width:340px;
	height:100px;
	background:url(../images/headers/band_roster.gif) no-repeat;
	display:block;
	top:0;
	position:relative;
	vertical-align:top;
	}
	
#left h1.wedding span{display:none;}
#left h1.bandroster
	{
	width:340px;
	height:100px;
	background:url(../images/headers/h1-band.gif) no-repeat;
	display:block;
	vertical-align:top;
	}
#left h1.bandroster span{display:none;}
#left h1.testimonials
	{
	width:340px;
	height:100px;
	background:url(../images/headers/h1-testimonials.gif) no-repeat;
	display:block;
	}
#left h1.testimonials span{display:none;}

#left h1.meetteam
	{
	width:340px;
	height:100px;
	background:url(../images/headers/h1-meet-the-team.gif) no-repeat;
	display:block;
	}
#left h1.meetteam span{display:none;}
#left h1.pub
	{
	width:340px;
	height:100px;
	background:url(../images/headers/h1-pub-entertainment.gif) no-repeat;
	display:block;
	}
#left h1.pub span{display:none;}
#left h1.cont
	{
	width:340px;
	height:100px;
	background:url(../images/headers/get_in_contact.gif) no-repeat;
	display:block;
	}
#left h1.cont span{display:none;}
#left h1.studio
	{
	width:340px;
	height:100px;
	background:url(../images/headers/h1-recording-studio.gif) no-repeat;
	display:block;
	}
#left h1.studio span{display:none;}
#left h2.music-important
	{
	width:340px;
	height:87px;
	background:url(../images/headers/h2-music.gif) no-repeat;
	display:block;
	margin:0 0 0 0 
	}
#left h2.music-important span{display:none;}
#left p
	{
	font:12px Arial, Helvetica, sans-serif;
	color:#343434;
	line-height:20px;
	margin:0 10px 25px 0;
	position:relative;
	top:0px;
	}
#left p a
	{
	color:#bb9329;
	font-weight:bold;
	text-decoration:none;
	position:relative;
	top:0px;
	}
#left p a:hover{background:url(../images/hover-link.jpg) 0 bottom repeat-x; position:relative;
	top:0px;}
#left ul
	{
	width:340px;
	height:75px;
	background:url(../images/dotted_lines.gif) 0 0 repeat-y;
	display:block;
	list-style:none;
	margin:0 0 23px 0;
	vertical-align:top;
	text-align:left;
	position:relative;
	top:0px;
	}
#left li
	{
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#337390;
	line-height:20px;
	float:left;
	display:block;
	margin:10px 6px 0 8px;
	text-align:left;
	vertical-align:top;
	position:relative;
	top:0px;
	
	}
#left ul li a
	{
	color:#337390;
	text-decoration:none;
	float:left;
	margin:0 1px 0 1px;
	text-align:left;
	vertical-align:top;
	position:relative;
	}
#left ul li a:hover{color:#bb9329;}

#left ul li a:link{/*color:#00FF00;
text-decoration:blink;*/
}


#left div.box
	{
	width:340px;
	background:url(../images/box-bg.jpg) -7px 0 repeat-y;
	float:left;
	}
#left div.box p
	{
	font:11px Arial, Helvetica, sans-serif;
	color:#545454;
	line-height:18px;
	margin:0;
	}
	
#left div.box p strong{color:#215c77;}
#left div.label{
color:#0c2a46;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
}
.label1{
font-family:Arial, Helvetica, sans-serif;
color:#0c2a46;
font-weight:bold;
text-align:left;

}
.label1 a
{
	color:#bb9329;
	font-weight:bold;
	text-decoration:none;
	
	}
.label1 a:hover{background:url(../images/hover-link.jpg) 0 bottom repeat-x;}

#left div.label span{
font:12px Arial, Helvetica, sans-serif;
	color:#343434;
	line-height:16px;
	margin:0 0 5px 0;
	position:relative;
	

}
.head{
color:#0c2a46;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:30px;
position:relative;
vertical-align:top;
}
.text{
font:11px Arial, Helvetica, sans-serif;
	color:#343434;
	line-height:16px;
	margin:0 0 5px 0;
	font-weight:normal;
	position:relative;
	 vertical-align:top;
	}
	
#left div.label span a
	{
	color:#bb9329;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	position:relative;
	
	}
#left div.label span a:hover{background:url(../images/hover-link.jpg) 0 bottom repeat-x;}
#left div.label span a.read
	{
	width:75px;
	height:19px;
	padding:3px 0 0 9px;
	background:#d1dce1 url(../images/buttons/btn-read.jpg) 0 0 no-repeat;
	display:block;
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#23597c;
	text-decoration:none;
	}
#left div.label span a.read:hover
	{
	background:#0c2a46 url(../images/buttons/btn-read.jpg) 0 -22px no-repeat;
	color:#fff;
	}
#left div.box-top
	{
	width:263px;
	background:url(../images/box-top.jpg) -8px 0 no-repeat;
	float:left;
	padding:30px 47px 5px 30px;
	}
#left div.box-bottom
	{
	width:340px;
	
	background:url(../images/box-bottom.jpg) -7px 0 no-repeat;
	float:left;
	padding:30px 47px 5px 30px;
	}
#middle
	{
	width:400px;
	padding:0 0 60px 0;
	margin:0 9px;
	position:relative;
	top:0px;
	}
#middle h1.favourites
	{
	width:187px;
	height:46px;
	background:url(../images/headers/h1-favourites.gif) 0 0 no-repeat;
	display:block;
	margin:11px 0 23px 0;
	}
	#middle h1.bandmedia
	{
	width:187px;
	height:46px;
	background:url(../images/headers/band_media.gif) 0 0 no-repeat;
	display:block;
	margin:11px 0 23px 0;
	}
#middle h1.studio
	{
	width:187px;
	height:46px;
	background:url(../images/headers/studio_equipment.gif) 0 0 no-repeat;
	display:block;
	margin:11px 0 23px 0;
	}
#middle h1.mugshots
	{
	width:187px;
	height:46px;
	background:url(../images/headers/team_mugshots.gif) 0 0 no-repeat;
	display:block;
	margin:11px 0 23px 0;
	}
#middle h1.favourites span{display:none;}
#middle h2
	{
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#0c2a46;
	line-height:20px;
	}
#middle p
	{
	font:11px Arial, Helvetica, sans-serif;
	color:#343434;
	line-height:16px;
	margin:0 0 5px 0;
	}
#middle p a
	{
	color:#bb9329;
	font-weight:bold;
	text-decoration:none;
	}
#middle p a:hover{background:url(../images/hover-link.jpg) 0 bottom repeat-x;}
#middle a.read
	{
	width:75px;
	height:19px;
	padding:3px 0 0 9px;
	background:#d1dce1 url(../images/buttons/btn-read.jpg) 0 0 no-repeat;
	display:block;
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#23597c;
	text-decoration:none;
	}
#middle a.read:hover
	{
	background:#0c2a46 url(../images/buttons/btn-read.jpg) 0 -22px no-repeat;
	color:#fff;
	}
	 td a.read
	{
	width:75px;
	height:19px;
	padding:3px 0 0 9px;
	background:#d1dce1 url(../images/buttons/btn-read.jpg) 0 0 no-repeat;
	display:block;
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#23597c;
	text-decoration:none;
	
	}
 td a.read:hover
	{
	background:#0c2a46 url(../images/buttons/btn-read.jpg) 0 -22px no-repeat;
	color:#fff;
	}
#middle ul
	{
	width:400px;
	list-style:none;
	}
#middle ul li
	{
	width:400px;
	float:left;
	background:url(../images/dotted-line.jpg) 0 bottom repeat-x;
	padding:0 0 20px 0;
	margin:0 0 20px 0;
	}
#middle ul li.none{background:none;}
#middle ul li img{border:5px solid #cdcdcd;}
#middle div.image
	{
	width:115px;
	float:left;
	}
#middle div.video
	{
	
	
	}	
	#middle div.images
	{
	 float:left;
	
	
	}
#middle div.text
	{
	width:270px;
	float:right;
	}
#right
	{
	width:226px;
	float:right;
	padding:32px 0 60px 0;
	position:relative;
	 vertical-align:top;
	}
#right h1.bands
	{
	width:143px;
	height:33px;
	background:url(../images/headers/h1-bands.gif) 0 0 no-repeat;
	display:block;
	margin:0 0 15px 8px;
	}
#right h1.bands span{display:none;}
#right p{text-align:center;}
#right p img{border:5px solid #cdcdcd;}
#right p a
	{
	color:#bb9329;
	font-weight:bold;
	text-decoration:none;
	}
#right p a:hover{background:url(../images/hover-link.jpg) 0 bottom repeat-x;}
#right ul
	{
	width:200px;
	float:left;
	list-style:none;
	margin:0 0 30px 12px;
	}
#right ul li
	{
	width:45px;
	height:45px;
	float:left;
	display:block;
	display:inline;
	margin:0 5px 5px 0;
	}
#right div.book
	{
	width:160px;
	height:71px;
	padding:57px 30px 0 36px;
	background:url(../images/book-bg.jpg) 0 0 no-repeat;
	display:block;
	margin:0 0 33px 0;
	vertical-align:top;
	}
#right div.book p
	{
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#fff;
	line-height:13px;
	margin:0 0 5px 0;
	text-align:left;
	}
#right div.book a
	{
	width:160px;
	height:20px;
	padding:5px 0 0 0;
	display:block;
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#fff;
	text-decoration:none;
	text-align:center;
	background:#0c84a4;
	}
#right div.book a:hover{background:#08586e;}
#footer-wrap
	{
	width:100%;
	height:69px;
	height:128px;	
	padding:59px 0 0 0;
	background:#0c2a46 url(../images/art/footer-bg.jpg) 0 0 repeat-x;
	text-align:center;
	clear:both;
	}
#footer
	{
	width:1050px;
	margin:0 auto;
	text-align:left;
	}
#footer p.copyright
	{
	width:168px;
	height:18px;
	padding:18px 0 0 43px;
	background:url(../images/art/small-logo.jpg) 0 0 no-repeat;
	float:left;
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#3e688f;
	line-height:20px;
	}
#footer p.link
	{
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#3e688f;
	line-height:20px;
	float:right;
	margin:0 60px 0 0;
	display:inline;
	}
#footer p.link a
	{
	color:#3e688f;
	text-decoration:none;
	margin:0 5px;
	}
#footer p.link a:hover{color:#81a8cd;}
	

/*ADxMenu.js - v4 (4.10)
www.aplus.co.yu/adxmenu/
(c)Copyright 2003, Aleksandar Vacic, www.aplus.co.yu
This work is licensed under the Creative Commons Attribution License.
To view a copy of this license, visit http://creativecommons.org/licenses/by/2.0/ or
send a letter to Creative Commons, 559 Nathan Abbott Way, Stanford, California 94305, USA
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
/*this is beginning of functionality for the AdxMenu - do not modify this*/
#nav, #nav ul
{
margin:0;
padding:0;
border:0;
list-style-type:none;
display:block;
}
#nav li
{
margin:0;
padding:0;
border:0;
display:inline;
float:left;
position:relative;
z-index:5;
}
#nav li:hover
{
z-index:10000;
white-space:normal;
}
#nav li li
{
float:none;
display:block;
}
#nav ul
{
visibility:hidden;
position:absolute;
z-index:10;
left:0;
top:0;
}
#nav li:hover>ul
{
visibility:visible;
top:100%;
}
#nav li li:hover>ul
{
top:0;
left:100%;
}
#nav:after, #nav ul:after
{
content:".";
height:0;
display:block;
visibility:hidden;
clear:both;
}
#nav, #nav ul
{
display:inline-block;
min-height:0;
}
#nav a
{
text-decoration:none;
display:block;
position:relative;
}
#nav ul
{
background-image:url(../art/empty.gif);
padding:10px 30px 30px 30px;
margin:-10px 0 0 -53px;
}
#nav ul ul
{
padding:30px 30px 30px 10px;
margin:-53px 0 0 -10px;
}
/* Fix for IE5/Mac \*//*/
#nav a
{
float:left;
}
/* End Fix */
/*this is end of functionality for the AdxMenu*/
/*this is beginning of design for the AdxMenu - modify values here*/
#nav
{
width:641px;/*give width*/
height:53px;/*give height*/
background:url(../images/art/nav.jpg); /*set bg*/
float:right;
display:inline;
margin:17px 0 0 0;
}
#nav a span
{
display:none;/*hide links at top level*/
}
#nav ul a span
{
display:inline;/*show links at second level*/
}
#nav a
{
height:53px;/*expand links to fill li's*/
}
#nav #pan1{width:56px;}/*set custom width, a's will follow cause they are display - block*/
#nav #pan2{width:86px; margin-left:3px;}
#nav #pan3{width:125px;}
#nav #pan4{width:67px; margin-left:2px;}
#nav #pan5{width:99px; margin-left:1px;}
#nav #pan6{width:113px; margin-left:1px;}
#nav #pan7{width:85px; margin-left:2px;}
#nav #pan1 a:hover, #nav #pan1 a.selected{background:url(../images/art/nav.jpg) 0 -53px no-repeat;}/*set background to hover and selected states*/
#nav #pan2 a:hover, #nav #pan2 a.selected{background:url(../images/art/nav.jpg) -59px -53px no-repeat;}
#nav #pan3 a:hover, #nav #pan3 a.selected{background:url(../images/art/nav.jpg) -145px -53px no-repeat;}
#nav #pan4 a:hover, #nav #pan4 a.selected{background:url(../images/art/nav.jpg) -272px -53px no-repeat;}
#nav #pan5 a:hover, #nav #pan5 a.selected{background:url(../images/art/nav.jpg) -340px -53px no-repeat;}
#nav #pan6 a:hover, #nav #pan6 a.selected{background:url(../images/art/nav.jpg) -440px -53px no-repeat;}
#nav #pan7 a:hover, #nav #pan7 a.selected{background:url(../images/art/nav.jpg) -555px -53px no-repeat;}
/*this have to be separate from above to make sure IE6 reades above rules*/
#nav #pan1:hover>a{background:url(../images/art/nav.jpg) 0 -53px no-repeat;}/*set background to hover and selected states*/
#nav #pan2:hover>a{background:url(../images/art/nav.jpg) -59px -53px no-repeat;}
#nav #pan3:hover>a{background:url(../images/art/nav.jpg) -145px -53px no-repeat;}
#nav #pan4:hover>a{background:url(../images/art/nav.jpg) -272px -53px no-repeat;}
#nav #pan5:hover>a{background:url(../images/art/nav.jpg) -340px -53px no-repeat;}
#nav #pan6:hover>a{background:url(../images/art/nav.jpg) -440px -53px no-repeat;}
#nav #pan7:hover>a{background:url(../images/art/nav.jpg) -555px -53px no-repeat;}