html,body {
	margin:0;
	padding:0;
 text-align:center;
	background: #E4E8F0;	font-family:  "trebuchet ms", Arial, Helvetica, sans-serif; font-size:95%;color:#000;
}

h1 {font-size:120%;color:#999;margin:0 0 10px 0;padding:0; }
h2 {font-size:120% ;color:#999;margin:0 0 10px 0;padding:0; }
h3 {font-size:110%;color:#999; margin:0 0 10px 0;padding:0; }
h4 {font-size:105%;color:#999; margin:0 0 10px 0;padding:0; }



p {line-height:155%; margin:0 0 0;}
.p {font-size:125%}
.h1 {color:#999; margin:0 0 0 10px; padding:0; height:1px;}


div#container {
	text-align:left;
	margin:0 auto; /* center, not in IE5 */
	width:794px;
	background:#FFF;}

div#header {margin:0px 0 0 0;padding: 0px  0 0 0px; text-align:center; background: #eef1f4 url(images/constants/header.gif) repeat-x; width:794px; height:131px; }
	div#header p {font-style:italic;margin:0;}
/* navigation */
div#navbar {width:794px; height:30px; background: #cad6d4 ;border-bottom:solid #CED7E7 7px; font-weight:bold;}

	#nav { float: left;list-style: none;   padding: 0px;margin:0px;font:140%; text-transform:uppercase;	}
	#nav li { float:left; padding: 0;}
	#nav li ul {position: absolute;left: -999em;height: auto;font-weight: bold;margin: 0;padding: 0;}
	#nav li li {padding-right: 0px;background: #ADC3AD;}
	#nav li ul a {list-style: none;}
	#nav li ul ul {	margin: -22px 0 0 150px;list-style: none;}
	#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {left: -999em;	}
	#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {	left: auto;list-style: none;}
	#nav li:hover, #nav li.sfhover {background-color:#CED7E7;list-style: none;}	

	#nav li a, ul#nav li a:link, ul#nav li a:active, ul#nav li a:visited { color: #000; display: block; padding: 5px 40px 0 40px; text-decoration: none; text-align:left; border-right:#FFF solid 1px; height:25px;list-style: none; }
	
		body#home a#home, body#artists a#artists, body#news a#news, body#contact a#contact, body#venues a#venues, body#links a#links {  padding:5px 40px 0 40px; margin-right:0px;height:25px; background-color:#CED7E7; }	
		body#products a:hover#products {background: #475725 ;}

	ul#subnav { list-style-type: none;   padding: 0px;margin:0px;font:90% georgia,serif;  text-transform:uppercase;	}
	ul#subnav li { float:left;width:150px; }
	ul#subnav li a, ul#subnav li a:link, ul#subnav li a:active, ul#subnav li a:visited { color: #FFF; display: block; padding: 5px 8px 0 8px; text-decoration: none; text-align:center; height:25px; }
	ul#subnav li a:hover { background-color:#972806;}
	
	#contentb {float: left;padding:0px 0 0px 0px; width:700px; height:80px;text-align: left;margin:0;}
	ul#contentb { list-style-type: none;padding: 0px;margin:0px; 	}
	ul#contentb li {  float:left;margin:0px 10px 0px 0; padding: 0px 0 0 0; 	}
	ul#contentb li a, ul#contentb li a:link, ul#contentb li a:active, ul#contentb li a:visited { color:#FFF;display: block; padding: 9px 5px 0 5px; text-decoration: none; text-align:center; border:#FFFFFF solid 1px;width:220px; height:28px;background-color:#475725;}
	ul#contentb li a:hover { background-color:#972806;}


div#content {float:left;padding:5px 5px 5px 20px;background:#F9FAFA;width:770px;}
	div#content p { font-size:90%;}
		
	#leftcol {float:left;width: 315px; padding:0px;margin:20px 8px 10px 0px;}
				#leftcol p {margin:8px 0px 10px 00px; padding:0px;line-height:165%; }
	#middlecol {float:left;width: 733px; padding: 0px;margin:8px 8px 10px 0px;}
			#middlecol p, #middlecol h1, #middlecol h3, #middlecol ul, #middlecol lis {margin:8px 8px 10px 10px; padding:0px;line-height:145%; text-align:justify;}
				#middlecola {float:left; background:#CED7E7;width: 733px; padding: 0px;margin:8px 8px 10px 0px; text-align:left; font-size:100%}
			#middlecola p, #middlecola h1, #middlecola h3, #middlecola ul, #middlecola lis {margin:8px 8px 10px 10px; padding:0px;line-height:145%; }
				
		
		#maincol {float:right;width: 400px; padding: 10px;margin:5px;background: #CED7E7 url(images/constants/h_products.gif) no-repeat top; text-align:center}
			#maincol p, #maincol h1, #maincol h3, #maincol ul, #maincol lis {margin:8px 8px 10px 10px; padding:0px;line-height:145%; }
			
		#rightcol {	float: right;padding: 0px;width: 530px; margin: 0px 0px 0 0;}
			#rightcol p, #rightcol h1, #rightcol h3, #rightcol ul, #rightcol lis {margin:8px 8px 10px 10px; padding:0px;line-height:145%; }
		
div#tright{float:right;width:275px;margin:0px 0 0px 10px; text-align:right; padding:4px 4px 4px 0px; }		
		.co300b { float: left;border-top:#ADC3AD solid 6px;width:120px; text-align:left; height:150px;background:#6-C89A3; }	
		.co300b a { display:block; padding:5px 5px 5px 5px;}
		.co300b a:link  { color: #000;b-ackground:#6C89A3;text-decoration: none;}
		.co300b a:visited  {color: #000;bac-kground:#6C89A3;text-decoration: none;}
		.co300b a:hover {background:#ADC3AD;color:#000;}
		.co300b	a:active {color: #000;bac-kground:#6C89A3; text-decoration: none;}
		
		.co300 {float: left;;text-align: left; width:370px;padding:0 0 0 10px; margin:0;font:105% georgia,serif;}
		.co280 {float: left;text-align: right; width:330px;padding:0 0 0 20px; margin:0;font:105% georgia,serif;}
		
		.coo300 {float: left;text-align: left; width:370px;padding:0 0 0 10px; margin:10px 0 0 0;font:105% georgia,serif; border-bottom:#660033 solid 1px; height:85px}
		.coo280 {float: left;text-align: right; width:330px;padding:0 0 0 20px; margin:10px 0 0 0;font:105% georgia,serif;border-bottom:#660033 solid 1px;height:85px}
		#image {float:left;border: none;margin: 0 20px 20px 5px; padding:0;clear:none;}
				#image img {margin: 0 0 15px 0;}
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
				/* ----------content boxes----------------- */

		div#rbox { float: left;border:#FFF solid 1px; background:#972806; padding:5px 0 5px 5px; color:#FFF;width:690px;margin:0px 0 10px 10px; }
		div#rbox p, div#rbox h1 {padding:0px; margin:0; color:#FFF;}	
		div#cartbox { float: left; text-align:left;  background:#FFF url(images/constants/h_basket.gif) no-repeat top; padding:0px 0 0px 0px; width:700px; margin:0px 0 10px 10px; font-size:105%;}	
		div#cartbox a, div#cartbox a:link, div#cartbox a:active, div#cartbox a:visited { margin:5px 0 0 0; font-weight:bold; text-decoration: none; color:#475725;}
		div#cartbox a:hover {   text-decoration: underline; color:#972806;}
		div#cartbox p {line-height:100%}
		
		div#commbox { float: left; text-align:left;  background:#972806 url(images/constants/h_comm.gif) no-repeat top; padding:0px 0 0px 0px; width:485px; margin:0px 0 10px 10px; font-size:105%;}	
		div#commbox p {padding:5px 0 5px 5px; color:#FFF;}
		div#commbox h1 {padding:5px 0 5px 5px; color:#FFF;}
		
		div#commboxh { float: left; text-align:left;  background:#972806 url(images/constants/h_comm.gif) no-repeat top; padding:0px 0 0px 0px; width:225px; margin:10px 0 10px 0px; font-size:100%;}	
		div#commboxh p {padding:5px 10px 5px 10px; color:#FFF;}
		div#commboxh h1 {padding:5px 5px 5px 10px; color:#FFF; font-size:130%}
		div#commboxh a:link {color: #FFF;  text-decoration: none;font-weight:bold;padding: 0px;}
		div#commboxh a:active{color: #FFF;text-decoration: none;font-weight:bold;padding: 0px;}
		div#commboxh a:hover{color: #FFF;text-decoration:underline;font-weight:bold;padding: 0px;}
		div#commboxh a:visited{color: #FFF;text-decoration: none;font-weight:bold;padding: 0px;}
		
		
		
		
			
		.co360 {float: left;padding:0px 0 0px 0px; width:330px;text-align: left;margin:0;}
		.co700 {float: left;padding:0px 0 0px 0px; width:700px;text-align: left;margin:0 0 10px 0;}
		.co700r {float: right;padding:0px 0 0px 0px; width:710px;text-align: right;margin:0 10px 10px 0;}
		.co750 {float: left;padding:0px 0 0px 0px; width:760px;text-align: left;margin:0 0 10px 0;}

		.co400 {float: left;text-align: left;width: 480px;margin:0px 20px 10px 5px;padding:0px 15px 0px 0px;  }
			.h400 {font-weight:bold; font-size:110%;width:700px;}
		.co25 {float: right; width: 75px; text-align: left;margin:0px 10px 10px 15px; }

		.co500 {float: left;text-align: left;width: 500px;margin:0px 10px 10px 5px;padding:0px 15px 0px 0px;  }
			.h500 {font-weight:bold; font-size:110%;}
			.h500r {font-weight:bold; font-size:110%;color:#972806;}
		.co50 {float: left; width: 75px; text-align:left; margin:0px 10px 10px 5px; padding:0px 15px 0px 0px; }

		.co95 {float: left; width: 90px; text-align:left; margin:0px 0px 10px 5px; padding:0px 15px 0px 0px; }
		.co50c {float: left; width: 35px; text-align:left; margin:0px 0px 10px 5px; padding:0px 0px 0px 0px; }
		.co50e {float: left; width: 10px; text-align:left; margin:0px 0px 10px 5px; padding:0px 0px 0px 0px; }

		.co50d {float: left; width: 85px; text-align:left; margin:0px 10px 10px 5px; padding:0px 15px 0px 0px;height:35px;  }
		.shop1{float: left; width: 330px; text-align: left;margin:0px 10px 10px 5px;padding:0px 15px 0px 0px;}
		.shop2{float: left; width: 100px; text-align: left;margin:0px 10px 10px 5px;padding:0px 15px 0px 0px;}
		.place{float: right; width: 370px; text-align: right;margin:10px 0px 0px 5px;padding:0px 15px 0px 0px;}
		.c_place{float: right; width: 280px; text-align: right;margin:10px 0px 0px 5px;padding:0px 15px 0px 0px;}
		.order3{float: left; width: 190px; text-align: left;margin:0px 10px 10px 5px;padding:0px 15px 0px 0px;}
		
		.co80r {float: left; width: 41px; text-align: left;margin:0px 10px 10px 5px;}
		
	
	
		div#sbox { float: left;border:#FFF solid 1px; background:#BBBBBB; padding:18px; color:#000;width:470px;margin:0px 0 10px 0;}
		div#sbox a:link, div#rbox a:link {color: #000;   text-decoration: none;font-weight:bold;padding: 0px;}
		div#sbox a:visited, div#rbox a:visited {color: #000;text-decoration: none;font-weight:bold;padding: 0px;}
		div#sbox a:hover, div#rbox a:hover {color: #00295c;text-decoration: none;font-weight:bold;padding: 0px;}
		div#sbox a:active, div#rbox a:active {color: #000;text-decoration: none;font-weight:bold;padding: 0px;}





		div#hbox { float: left; border-bottom:#FFF solid 1px; background:#c7c7c9; color:#FFF;width:506px;margin:0px 0 10px 0; font-size:100%;}

		div#cbox { float: left; color:#000;width:506px;margin:0px 0 10px 0; }	
		
		div#fbox { float: left;padding:10px 0 5px 5px; color:#000;width:503px;margin:0px 0 10px 0; }		
	



				/* ----------rounded boxes----------------- */
			ul#about,ul#about li{list-style-type:none;margin:0;padding:0;}
			ul#about{margin:5px auto 0;text-align:left;}
			ul#about li{float:left;width: 225px; height:412px;
				padding: 0px;margin:8px 8px 0 0}
			li#ab1{background: #b2d9e5}
			
			li#ab2{background: #FFF}
			li#ab2 a{color:#475725; text-decoration:none;margin:0;padding:0; }
			li#ab2 a:hover{color:#972806; text-decoration:underline;margin:0;padding:0;}
			li#ab2 p {margin:8px 8px 10px 10px; padding:0px;line-height:145%; }
			li#ab2 h1, li#ab2 h2 {margin:8px 8px 10px 10px; padding:0px;  }
			
			#ab3{margin:0;padding:0;font-size:80%; text-align:left;}
			#ab3 a{color:#475725; text-decoration:none;margin:0;padding:0; }
			#ab3 a:hover{color:#972806; text-decoration:underline;margin:0;padding:0;}
			#ab3 p {margin:8px 20px 10px 10px; padding:0px;line-height:145%; text-align:left; }
			#ab3 h1, #ab3 h2 {margin:8px 8px 10px 10px; padding:0px; }
			#ab3 h4  {margin:0px; padding:0px; font-size:110%; }
			
			li#ab4{background: #bccc66 url(images/constants/h_products.gif) no-repeat top; }			
			
			
			li#ab4 p {margin:8px 8px 10px 10px; padding:0px;line-height:145%; }
			li#ab4 h1, li#ab4 h4 {margin:8px 8px 10px 10px; padding:0px; }
			
			li#ab5{background: #b2d9e5}
			li#ab6{background: #FFF;color: #000}
			
			
			ul#aboutw,ul#aboutw li{list-style-type:none;margin:0;padding:0;}
			ul#aboutw{margin:5px auto 0;text-align:left;}
			ul#aboutw li{float:left;width: 723px; 
				padding: 0px;margin:8px 8px 0 20px}
				
			ul#aboutwi,ul#aboutwi li{list-style:none;margin:0;padding:0;}
			ul#aboutwi{margin:0px auto 0;text-align:left;}
			ul#aboutwi li{padding: 0px;margin:8px 8px 0 10px}
				
			ul#abouti,ul#abouti li{list-style:none;margin:0;padding:0;}
			ul#abouti{margin:0px auto 0;text-align:left;}
			ul#abouti li{width: 225px;  padding: 0px;margin:8px 8px 0 20px}
			
				

		
		
		

/* ----------lightbox gallery---------------- */
	#thumb {margin:0px 0 0 0;text-align: left; text-align:center; padding:0 }
		#thumb img {border-top:#ADC3AD solid 5px;margin:10px;}
	#lightbox{position: absolute;top: 40px;left: 0;width: 100%;	z-index: 100;text-align: center;line-height: 0;	}
	#lightbox a img{ border: none;}
	#outerImageContainer{position: relative;background-color: #bccc66;width: 250px;height: 250px;margin: 0 auto;}
	#imageContainer{padding: 10px;}
	#loading{position: absolute;top: 40%;left: 0%;height: 25%;width: 100%;text-align: center;line-height: 0;}
	#hoverNav{position: absolute;top: 0;left: 0;height: 100%;width: 100%;z-index: 10;}
	#imageContainer>#hoverNav{ left: 0;}
	#hoverNav a{ outline: none;}
	#prevLink, #nextLink{width: 49%;height: 100%;background: transparent url(images/blank.gif) no-repeat; /* Trick IE into showing hover */
		display: block;}
	#prevLink { left: 0; float: left;}
	#nextLink { right: 0; float: right;}
	#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
	#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }
	#imageDataContainer{font: 10px;	background-color: #bccc66;	margin: 0 auto;	line-height: 1.4em;	}
	#imageData{	padding:0 10px;	}
	#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
	#imageData #caption{ font-weight: bold;	}
	#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
	#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
	#overlay{	position: absolute;	top: 0;	left: 0;z-index: 90;width: 100%;height: 500px;background-color: #000;
		filter:alpha(opacity=60);	-moz-opacity: 0.6;	opacity: 0.6;	}	
	.clearfix:after {content: "."; display: block; 	height: 0; 	clear: both; 	visibility: hidden;	}
	* html>body .clearfix {	display: inline-block; 	width: 100%;	}
	* html .clearfix {	/* Hides from IE-mac \*/height: 1%;/* End hide from IE-mac */}	
	



/* ----------form elements---------------- */
	
		.submitbutton{font-size:125%;width: 250px; padding:5px;border: #FFF solid 1px; background:#475725;font: georgia,serif; color:#FFF;}
		.select{margin:8px 0px 8px 10px}
		
		
		select, textarea {width: 300px; border: #FFF solid 1px; font:"Verdana", Helvetica, sans-serif;  font-size:120%; color:#000; margin: 0px; background: #bccc66;}
		input{background: #bccc66;;border: #FFF solid 1px; font:"Verdana", Helvetica, sans-serif;  margin: 0px; }
		
		
div#footer { background: #eef1f4;
	width:782px;height:30px;
	/* stick to bottom */
  padding:5px 0 10px 12px; color:#000; margin:10px 0 0 0;
   font-size:90%; text-align:center;
}
	div#footer p {
	
		margin:0;
	}
	
		div#footer a:link {color: #000;  text-decoration: none;font-weight:bold;padding: 0px;}
		div#footer a:active{color: #000;text-decoration: none;font-weight:bold;padding: 0px;}
		div#footer a:hover{color: #000;text-decoration:underline;font-weight:bold;padding: 0px;}
		div#footer a:visited{color: #000;text-decoration: none;font-weight:bold;padding: 0px;}