@charset "utf-8";
/* CSS Document */


body {margin: 0;
padding: 0;
background-image:url(/images/BG4.jpg);
background-repeat:repeat-x;
background-position:top left;
background-color:#403a46;
font-family:Verdana, Arial, Helvetica, sans-serif;
color: #ccc;
font-size:small}

.maincontainer {width: 985px;
margin: 0 auto;
padding: 0 1em 1em 1em;
}

.header {background-image:url(/images/header.jpg);
background-position:top left;
background-repeat:no-repeat;
margin-top: 10px;
line-height: 8px;
text-align:right;
padding: 2.75em 0 0 0;
color: #666;
height: 100px;
font-weight: bold}

content {padding-top: 2em;
}

.left {width: 430px;
float: left;
padding: 1em 1em 2em 0;
}

.leftfull {
padding: 1em 0 2em 1em;
}

.left2{width: 625px;
float: left;
padding: 1em 1em 2em 0;
}

.right {width: 500px;
float:right;
padding: 2em 0 2em 1em;
}

.right2 {width: 275px;
float:right;
margin-top: 1em;
padding-top: 1em;
text-align:right}



.clear {clear:both}
.clearcontact {clear:both;
padding-top: 2em;
border-bottom: 2px solid #fcb26d;}

h1 {color: #fcb26d;
width: 100%;
border-bottom: 2px solid #fcb26d;
font-size: medium;
line-height: 2em;
letter-spacing:1px;
margin-bottom: 1.5em}

h2 {color: #fcb26d;
font-size: small}

h3 {color: #fcb26d;
width: 100%;
border-bottom: 2px solid #fcb26d;
font-size: small;
line-height: 2em;
letter-spacing:1px;
margin-bottom: 1.5em}

ul {margin: 1em;
padding: 0}

ul li {list-style: none;
padding-bottom: 10px}

.fisher  {text-align:right;
color:#666666;
font-size:10px;
padding-top:4em;
text-decoration:none}

.fisher a {text-decoration:none;
color: #666666;}

.fisher a:hover {color:#CCCCCC}
/*--------------NAV---------------*/

ul#horizontal {
margin: 0.75em 0 0.5em 0;
padding: 0;
text-align:right}

#horizontal li {display: inline;
font-weight: bold;
list-style: none;
position: relative;	
padding:0;
margin: 0 }


ul#horizontal ul 
{
	
	margin: 0; 
	padding: 0;	
	display: none;
	position: absolute; 
	top:1.25em;
	left: 1.5em;
	background-color: #333;
		width:180px;
		text-align:left
	
	
	}
	
ul#horizontal li:hover ul, ul#horizontal li.over ul
{	display: block;}
	





/*------------------links--------------*/

a {text-decoration: none;
color: #fcb26d;}

a:hover {color: #fff}

ul#horizontal {z-index: 10}

#horizontal li a {color: #fcb26d;
margin-left: 1.5em}

#horizontal li a:hover {color: #a0ccd0}


#horizontal li a.on {color: #a0ccd0}

	#horizontal li a.drop 
{	font-size:12px;
	display: block;
	text-decoration:none;
	color: #fcb26d;
	padding: 8px ;
	text-align: left;
	border-bottom: 1px solid #fcb26d;
	margin-left: 0;
	}
	


#horizontal li a.drop:hover
{	color: #a0ccd0	}		
	
		



.header a {color: #666;
}

.header a:hover {color: #3399CC }






/*-------------lists ----------------*/


ul.news {margin:  0;
padding: 0}

.news li {line-height: 1.5em;
list-style-image: url(/images/bullet.gif);
list-style-position:outside;
margin-left: 15px

}

ul.newslist {margin: 0;
padding: 0}

.newslist li {margin-bottom: 1px solid #ffffff;
list-style-image: url(/images/bullet.gif);
list-style-position:outside;
margin-left: 15px
}

/*---------------category----------------*/

.artist {width: 200px;
float: left;
margin: 14px 20px 0 20px }

.headerimage {}

.artistname {text-align: center;
padding: 0.5em 0}

.artistmedium {text-align: center;
padding:  0}

/*--------------detail-------------*/

.carousel {width: 100px;
	margin: -1em 0 2em 0;
	}
	

	
/*---------locations----------*/

.locationimage {
margin: 2em 0 1.5em 0;
}

/*---------contact----------*/

.contactleft {width: 600px;
float: left}

.contactright {width: 275px;
float: right;
padding-top: 1em}

/*---shopping----------*/

.button {text-align:right}

.basket {width: 200px;
float: right;
line-height: 1.5em; margin-top: -0.75em}