/*
 ----------------------------------------------------------------------------
  CSS Document - layout.css
 ----------------------------------------------------------------------------
*/


/* undo some default styling of common (X)HTML browsers
 * ------------------------------------------------------------------------- */

/* No list-markers by default - must redefine bullets w/ bg graphics */
ul,ol { list-style:none; }

/* Avoid browser default inconsistent heading font-sizes and pre/code */
h1,h2,h3,h4,h5,h6,pre,code,td { font-size:1em; }

/* Remove inconsistent (among browsers) default padding or margin */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,label,div,dd,dt,dl,table,tr,td { margin:0; padding:0; }

/* prevent blue linked image borders */
a img,:link img,:visited img,fieldset { border:none; }


/* global elements
 * ------------------------------------------------------------------------- */


/* ----- type selectors ----- */
body {
	background: #222 url("../images/back-bottom.jpg") bottom repeat-x;
	text-align:center;
	font:11px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#fff;
	}
	#top{
		background: url("../images/back-top.jpg") top repeat-x;
		}

p, ul, ol, dl, pre, blockquote	{ margin-bottom:10px; }

blockquote {
	margin-left: 10px;
	margin-right: 10px;
	}

h1,h2,h3 { margin-bottom:8px; }

h1	{ font-size:1.2em; color:#fff; }
h2	{ font-size:1.1em; color:#fff; }
h3	{ font-size:1.0em; color:#fff; }

h1 span,h2 span,h3 span	{ display:none; }

a:link,a:visited	{ color:#CCCCCC; text-decoration:underline; }
a:hover,a:active	{ color:#fff; text-decoration:underline; }

.dropdownlist {

	font : 11px Verdana, sans-serif;

}

.button {

	font : 11px Verdana, sans-serif;

	background-color : #7B8BA8;

	color : #FFFFFF;

}




/* ----- classes ----- */

div.clear	{
	clear:both;
	width:100%;
	height:.01em;
	overflow:hidden;
	}

p.top {
	text-align:right;
	display:block;
	}

img.img-left {
	float:left;
	margin:2px 10px 10px 0;
	}

img.img-right {
	float: right;
	margin: 5px 0 10px 10px;
	}


/* Banner */
#banner_bg,  #banner_bg a{
			/* Change height of nav */
			height: 60px;
		}

#banner_bg {
			background: url(../images/nav/banner.jpg) no-repeat right top;
			position: relative;
			bottom: -40px;
			left: -35px;
			width: 772px;
}

#banner_bg a{
			display: block;
		}

/* Horizontal SpriteNav */

	/* Home Nav */

		#h-spritenav1, #h-spritenav1 li, #h-spritenav1 a{
			/* Change height of nav */
			height: 46px;
		}

		#h-spritenav1{
			/* Change image of nav */
			background: url(../images/nav/topnav_home.jpg) no-repeat left top;
			position: relative;
			bottom: -75px;
			right: -33px;
			/* Change width of nav */
			width: 772px;
		}

		#h-spritenav1 li a span{
			display: none
		}

		#h-spritenav1 li{
			list-style-type: none;
			position: absolute;
			top: 0px;
			display: block;
		}

		#h-spritenav1 a{
			display: block;
		}

		/* Change left coordinate and width of link */
		#h-spritenav1-1{left: 221px; width:  77px}
		#h-spritenav1-2{left: 301px; width: 84px}
		#h-spritenav1-3{left: 386px; width: 68px}
		#h-spritenav1-4{left: 454px; width:  94px}
		#h-spritenav1-5{left: 549px; width:  62px}
		#h-spritenav1-6{left: 610px; width:  84px}
		#h-spritenav1-7{left: 695px; width:  78px}

		/* Change image of nav and negative left coordinate and negative height */
		#h-spritenav1-1 a:hover{background: url(../images/nav/topnav_home.jpg) no-repeat  -221px -46px}
		#h-spritenav1-2 a:hover{background: url(../images/nav/topnav_home.jpg) no-repeat -301px -46px}
		#h-spritenav1-3 a:hover{background: url(../images/nav/topnav_home.jpg) no-repeat -386px -46px}
		#h-spritenav1-4 a:hover{background: url(../images/nav/topnav_home.jpg) no-repeat -454px -46px}
		#h-spritenav1-5 a:hover{background: url(../images/nav/topnav_home.jpg) no-repeat -549px -46px}
		#h-spritenav1-6 a:hover{background: url(../images/nav/topnav_home.jpg) no-repeat -610px -46px}
		#h-spritenav1-7 a:hover{background: url(../images/nav/topnav_home.jpg) no-repeat -695px -46px}


	/* Company Nav */

		#h-spritenav2, #h-spritenav2 li, #h-spritenav2 a{
			/* Change height of nav */
			height: 46px;
		}

		#h-spritenav2{
			/* Change image of nav */
			background: url(../images/nav/topnav_company.jpg) no-repeat left top;
			position: relative;
			bottom: -75px;
			right: -33px;
			/* Change width of nav */
			width: 772px;
		}

		#h-spritenav2 li a span{
			display: none
		}

		#h-spritenav2 li{
			list-style-type: none;
			position: absolute;
			top: 0px;
			display: block;
		}

		#h-spritenav2 a{
			display: block;
		}

		/* Change left coordinate and width of link */
		#h-spritenav2-1{left: 221px; width:  77px}
		#h-spritenav2-2{left: 301px; width: 84px}
		#h-spritenav2-3{left: 386px; width: 68px}
		#h-spritenav2-4{left: 454px; width:  94px}
		#h-spritenav2-5{left: 549px; width:  62px}
		#h-spritenav2-6{left: 610px; width:  84px}
		#h-spritenav2-7{left: 695px; width:  78px}

		/* Change image of nav and negative left coordinate and negative height */
		#h-spritenav2-1 a:hover{background: url(../images/nav/topnav_company.jpg) no-repeat  -221px -46px}
		#h-spritenav2-2 a:hover{background: url(../images/nav/topnav_company.jpg) no-repeat -301px -46px}
		#h-spritenav2-3 a:hover{background: url(../images/nav/topnav_company.jpg) no-repeat -386px -46px}
		#h-spritenav2-4 a:hover{background: url(../images/nav/topnav_company.jpg) no-repeat -454px -46px}
		#h-spritenav2-5 a:hover{background: url(../images/nav/topnav_company.jpg) no-repeat -549px -46px}
		#h-spritenav2-6 a:hover{background: url(../images/nav/topnav_company.jpg) no-repeat -610px -46px}
		#h-spritenav2-7 a:hover{background: url(../images/nav/topnav_company.jpg) no-repeat -695px -46px}


/* Artists Nav */

		#h-spritenav3, #h-spritenav3 li, #h-spritenav3 a{
			/* Change height of nav */
			height: 46px;
		}

		#h-spritenav3{
			/* Change image of nav */
			background: url(../images/nav/topnav_artists.jpg) no-repeat left top;
			position: relative;
			bottom: -75px;
			right: -33px;
			/* Change width of nav */
			width: 772px;
		}

		#h-spritenav3 li a span{
			display: none
		}

		#h-spritenav3 li{
			list-style-type: none;
			position: absolute;
			top: 0px;
			display: block;
		}

		#h-spritenav3 a{
			display: block;
		}

		/* Change left coordinate and width of link */
		#h-spritenav3-1{left: 221px; width:  77px}
		#h-spritenav3-2{left: 301px; width: 84px}
		#h-spritenav3-3{left: 386px; width: 68px}
		#h-spritenav3-4{left: 454px; width:  94px}
		#h-spritenav3-5{left: 549px; width:  62px}
		#h-spritenav3-6{left: 610px; width:  84px}
		#h-spritenav3-7{left: 695px; width:  78px}

		/* Change image of nav and negative left coordinate and negative height */
		#h-spritenav3-1 a:hover{background: url(../images/nav/topnav_artists.jpg) no-repeat  -221px -46px}
		#h-spritenav3-2 a:hover{background: url(../images/nav/topnav_artists.jpg) no-repeat -301px -46px}
		#h-spritenav3-3 a:hover{background: url(../images/nav/topnav_artists.jpg) no-repeat -386px -46px}
		#h-spritenav3-4 a:hover{background: url(../images/nav/topnav_artists.jpg) no-repeat -454px -46px}
		#h-spritenav3-5 a:hover{background: url(../images/nav/topnav_artists.jpg) no-repeat -549px -46px}
		#h-spritenav3-6 a:hover{background: url(../images/nav/topnav_artists.jpg) no-repeat -610px -46px}
		#h-spritenav3-7 a:hover{background: url(../images/nav/topnav_artists.jpg) no-repeat -695px -46px}


/* News Nav */

		#h-spritenav4, #h-spritenav4 li, #h-spritenav4 a{
			/* Change height of nav */
			height: 46px;
		}

		#h-spritenav4{
			/* Change image of nav */
			background: url(../images/nav/topnav_news.jpg) no-repeat left top;
			position: relative;
			bottom: -75px;
			right: -33px;
			/* Change width of nav */
			width: 772px;
		}

		#h-spritenav4 li a span{
			display: none
		}

		#h-spritenav4 li{
			list-style-type: none;
			position: absolute;
			top: 0px;
			display: block;
		}

		#h-spritenav4 a{
			display: block;
		}

		/* Change left coordinate and width of link */
		#h-spritenav4-1{left: 221px; width:  77px}
		#h-spritenav4-2{left: 301px; width: 84px}
		#h-spritenav4-3{left: 386px; width: 68px}
		#h-spritenav4-4{left: 454px; width:  94px}
		#h-spritenav4-5{left: 549px; width:  62px}
		#h-spritenav4-6{left: 610px; width:  84px}
		#h-spritenav4-7{left: 695px; width:  78px}

		/* Change image of nav and negative left coordinate and negative height */
		#h-spritenav4-1 a:hover{background: url(../images/nav/topnav_news.jpg) no-repeat  -221px -46px}
		#h-spritenav4-2 a:hover{background: url(../images/nav/topnav_news.jpg) no-repeat -301px -46px}
		#h-spritenav4-3 a:hover{background: url(../images/nav/topnav_news.jpg) no-repeat -386px -46px}
		#h-spritenav4-4 a:hover{background: url(../images/nav/topnav_news.jpg) no-repeat -454px -46px}
		#h-spritenav4-5 a:hover{background: url(../images/nav/topnav_news.jpg) no-repeat -549px -46px}
		#h-spritenav4-6 a:hover{background: url(../images/nav/topnav_news.jpg) no-repeat -610px -46px}
		#h-spritenav4-7 a:hover{background: url(../images/nav/topnav_news.jpg) no-repeat -695px -46px}



/* Store Nav */

		#h-spritenav5, #h-spritenav5 li, #h-spritenav5 a{
			/* Change height of nav */
			height: 46px;
		}

		#h-spritenav5{
			/* Change image of nav */
			background: url(../images/nav/topnav_store.jpg) no-repeat left top;
			position: relative;
			bottom: -75px;
			right: -33px;
			/* Change width of nav */
			width: 772px;
		}

		#h-spritenav5 li a span{
			display: none
		}

		#h-spritenav5 li{
			list-style-type: none;
			position: absolute;
			top: 0px;
			display: block;
		}

		#h-spritenav5 a{
			display: block;
		}

		/* Change left coordinate and width of link */
		#h-spritenav5-1{left: 221px; width:  77px}
		#h-spritenav5-2{left: 301px; width: 84px}
		#h-spritenav5-3{left: 386px; width: 68px}
		#h-spritenav5-4{left: 454px; width:  94px}
		#h-spritenav5-5{left: 549px; width:  62px}
		#h-spritenav5-6{left: 610px; width:  84px}
		#h-spritenav5-7{left: 695px; width:  78px}

		/* Change image of nav and negative left coordinate and negative height */
		#h-spritenav5-1 a:hover{background: url(../images/nav/topnav_store.jpg) no-repeat  -221px -46px}
		#h-spritenav5-2 a:hover{background: url(../images/nav/topnav_store.jpg) no-repeat -301px -46px}
		#h-spritenav5-3 a:hover{background: url(../images/nav/topnav_store.jpg) no-repeat -386px -46px}
		#h-spritenav5-4 a:hover{background: url(../images/nav/topnav_store.jpg) no-repeat -454px -46px}
		#h-spritenav5-5 a:hover{background: url(../images/nav/topnav_store.jpg) no-repeat -549px -46px}
		#h-spritenav5-6 a:hover{background: url(../images/nav/topnav_store.jpg) no-repeat -610px -46px}
		#h-spritenav5-7 a:hover{background: url(../images/nav/topnav_store.jpg) no-repeat -695px -46px}


/* DJ Nav */

		#h-spritenav6, #h-spritenav6 li, #h-spritenav6 a{
			/* Change height of nav */
			height: 46px;
		}

		#h-spritenav6{
			/* Change image of nav */
			background: url(../images/nav/topnav_dj.jpg) no-repeat left top;
			position: relative;
			bottom: -75px;
			right: -33px;
			/* Change width of nav */
			width: 772px;
		}

		#h-spritenav6 li a span{
			display: none
		}

		#h-spritenav6 li{
			list-style-type: none;
			position: absolute;
			top: 0px;
			display: block;
		}

		#h-spritenav6 a{
			display: block;
		}

		/* Change left coordinate and width of link */
		#h-spritenav6-1{left: 221px; width:  77px}
		#h-spritenav6-2{left: 301px; width: 84px}
		#h-spritenav6-3{left: 386px; width: 68px}
		#h-spritenav6-4{left: 454px; width:  94px}
		#h-spritenav6-5{left: 549px; width:  62px}
		#h-spritenav6-6{left: 610px; width:  84px}
		#h-spritenav6-7{left: 695px; width:  78px}

		/* Change image of nav and negative left coordinate and negative height */
		#h-spritenav6-1 a:hover{background: url(../images/nav/topnav_dj.jpg) no-repeat  -221px -46px}
		#h-spritenav6-2 a:hover{background: url(../images/nav/topnav_dj.jpg) no-repeat -301px -46px}
		#h-spritenav6-3 a:hover{background: url(../images/nav/topnav_dj.jpg) no-repeat -386px -46px}
		#h-spritenav6-4 a:hover{background: url(../images/nav/topnav_dj.jpg) no-repeat -454px -46px}
		#h-spritenav6-5 a:hover{background: url(../images/nav/topnav_dj.jpg) no-repeat -549px -46px}
		#h-spritenav6-6 a:hover{background: url(../images/nav/topnav_dj.jpg) no-repeat -610px -46px}
		#h-spritenav6-7 a:hover{background: url(../images/nav/topnav_dj.jpg) no-repeat -695px -46px}

/* DJ Nav */

		#h-spritenav7, #h-spritenav7 li, #h-spritenav7 a{
			/* Change height of nav */
			height: 46px;
		}

		#h-spritenav7{
			/* Change image of nav */
			background: url(../images/nav/topnav_contact.jpg) no-repeat left top;
			position: relative;
			bottom: -75px;
			right: -33px;
			/* Change width of nav */
			width: 772px;
		}

		#h-spritenav7 li a span{
			display: none
		}

		#h-spritenav7 li{
			list-style-type: none;
			position: absolute;
			top: 0px;
			display: block;
		}

		#h-spritenav7 a{
			display: block;
		}

		/* Change left coordinate and width of link */
		#h-spritenav7-1{left: 221px; width:  77px}
		#h-spritenav7-2{left: 301px; width: 84px}
		#h-spritenav7-3{left: 386px; width: 68px}
		#h-spritenav7-4{left: 454px; width:  94px}
		#h-spritenav7-5{left: 549px; width:  62px}
		#h-spritenav7-6{left: 610px; width:  84px}
		#h-spritenav7-7{left: 695px; width:  78px}

		/* Change image of nav and negative left coordinate and negative height */
		#h-spritenav7-1 a:hover{background: url(../images/nav/topnav_contact.jpg) no-repeat  -221px -46px}
		#h-spritenav7-2 a:hover{background: url(../images/nav/topnav_contact.jpg) no-repeat -301px -46px}
		#h-spritenav7-3 a:hover{background: url(../images/nav/topnav_contact.jpg) no-repeat -386px -46px}
		#h-spritenav7-4 a:hover{background: url(../images/nav/topnav_contact.jpg) no-repeat -454px -46px}
		#h-spritenav7-5 a:hover{background: url(../images/nav/topnav_contact.jpg) no-repeat -549px -46px}
		#h-spritenav7-6 a:hover{background: url(../images/nav/topnav_contact.jpg) no-repeat -610px -46px}
		#h-spritenav7-7 a:hover{background: url(../images/nav/topnav_contact.jpg) no-repeat -695px -46px}

/* framework
 * ------------------------------------------------------------------------- */

#wrap {
	background:url("../images/wraps.jpg");
	width:772px;
	margin:0 auto;
	text-align:left;
	}


#wraps {
	background:url("../images/wrap_one.jpg");
	width:772px;
	margin:0 auto;
	text-align:left;
	}


#header-graphic {
	background:url("../images/header.jpg");
	height:161px;
	}

#column-left {
	width:452px;
	float:left;
	}
	#column-left p {
		margin-left: 20px;
		margin-right: 20px;
		}


		#column-left h2{height: 35px;}
		#column-left h3{height: 181px;}
		#ttl-spotlight{
			background: url("../images/titles/spotlight.jpg") no-repeat top left;
			margin-left: 7px;
			}
		#ttl-events{
			background: url("../images/titles/event.jpg") no-repeat top left;
			margin-left: 7px;
			}
		#ttl-newartist{
			background: url("../images/titles/new_artist.jpg") no-repeat top left;
			margin-left: 7px;
			}
		#ttl-artists{
			background: url("../images/titles/artists_title.jpg") no-repeat top left;
			margin-left: 13px;
			margin-top: -8px;
			}
		#ttl-news{
			background: url("../images/titles/newssp.jpg") no-repeat top left;
			margin-left: 7px;
			}
		#ttl-newshead{
			background: url("../images/titles/news.jpg") no-repeat top left;
			margin-left: 7px;
			margin-top: -13px;
			}
		#ttl-contacthead{
			background: url("../images/titles/contact.jpg") no-repeat top left;
			margin-left: 7px;
			margin-top: -7px;
			}
		#ttl-registerhead{
			background: url("../images/titles/register.jpg") no-repeat top left;
			margin-left: 7px;
			margin-top: -7px;
			}


#column-right {
	width:316px;
	float:left;
	}
	#column-right p {
		margin-left: 20px;
		margin-right: 20px;

		}
		#column-right h2{height: 27px;}
		#ttl-musicnews{
			background: url("../images/titles/music.jpg") no-repeat top left;
			margin-left: 7px;
			}
		#ttl-featured{
			background: none;
			margin-left: 7px;
			}
		#ttl-gigs{
			background: url("../images/titles/artists_gig.jpg") no-repeat top left;
			margin-left: 7px;
			margin-top: -8px;
			}
		#ttl-gallery{
			background: url("../images/titles/gallery.jpg") no-repeat top left;
			margin-left: 7px;
			margin-top: -8px;
			}
		#ttl-coolstuff{
			background: url("../images/titles/coolstuff.jpg") no-repeat top left;
			margin-left: 7px;
			margin-top: -8px;
			}
		#ttl-album{
			background: none
			margin-left: 4px;
			}
		#ttl-upcoming{
			background: url("../images/titles/upcoming.jpg") no-repeat top left;
			margin-left: 6px;
			margin-top: -8px;
			}
		#ttl-map{
			background: url("../images/titles/map.jpg") no-repeat top left;
			margin-left: 6px;
			margin-top: -8px;
			}

/* one div content */

#column-one {
	width:772px;
	float:left;
	}
	#column-one p {
		margin-left: 20px;
		margin-right: 20px;
		}


		#column-one h3{height: 181px;}
		#column-one h2{height: 37px;}


		/* _sp - splash headers */
		#ttl-aboutsp{
				background: url("../images/splash/company.jpg") no-repeat top left;
				margin-left: 7px;
			}
		#ttl-about{
				background: url("../images/titles/about.jpg") no-repeat top left;
				margin-left: 7px;
				margin-top: -8px;
			}
		#ttl-djsp{
			background: url("../images/splash/dj.jpg") no-repeat top left;
			margin-left: 7px;
			}
		#ttl-dj{
			background: url("../images/titles/djservices.jpg") no-repeat top left;
			margin-left: 7px;
			margin-top: -8px;
			}
		#ttl-artistsp{
			background: url("../images/splash/artists.jpg") no-repeat top left;
			margin-left: 7px;
			}
		#ttl-contact{
			background: url("../images/splash/contact.jpg") no-repeat top left;
			margin-left: 7px;
			}
		#ttl-store{
			background: url("../images/splash/store.jpg") no-repeat top left;
			margin-left: 7px;
			}
		#ttl-shop{
				background: none;
				margin-left: 7px;
				margin-top: -8px;
			}


/* background image list items */
#column-specific ul {
	margin-left:3px;
	}

#column-specific ul li {
	background:transparent url("../images/bullet.gif") 0px 6px no-repeat;
	padding-left:8px;
	}

#bottom-wrap {
	background:url("../images/bottom.jpg");
	height:175px;
	clear:both;
	overflow:hidden;
	width: 100%;
	}


/* footer
 * ------------------------------------------------------------------------- */

#footer {
	width:772px;
	margin:10px auto;
	text-align:center;
	}

#footer p {
	color:#fff;
	}

#footer a:link, #footer a:visited {
	color:#fff;
	}

#footer a:hover, #footer a:active {
	color:#ff0;
	}

#footer li { /* if your li's float, you can adjust border height w/ line-height */
	padding: 0 5px 0 7px;
	display: inline;
	border-left: 1px solid #000;
	}

	#footer li.first { border: none; }

/* LBanner */
#lbanner_bg,  #lbanner_bg a{
			/* Change height of nav */
			height: 90px;
		}

#lbanner_bg {
			background: url(../images/nav/lbanner.jpg) no-repeat center bottom;
			position: relative;
			width: 772px;
			bottom: -13px;
}

#lbanner_bg a{
			display: block;
		}



/* Text Nav */

		#text-nav{
			clear: both;
			width: 100%;
			margin: 0 0 0px 0px;
			text-align: center;
			padding: 0px 0 0 0;
			position: relative;
			bottom: -25px;
		}

		#text-nav ul{
			margin: 0 0 8px 0;
			}

		#text-nav li{
			padding: 0 7px 0 10px;
			display: inline;
			border-left: 1px solid #EBDFB5;
			background: none;
			font-size: 12px;
			line-height: 12px;
		}

		#text-nav li.first{border: none;}
		#text-nav p{line-height: 13px; font-size: 12px; color: #ffffff; }




/* ----- global form elements ----- */

form {
	width:150px;
	padding:10px 0 15px 0;
	}

form label	{ font-size:.95em; }

form br {
	line-height:0; /* defaults vertical spacing between fields */
	}

input, textarea, select {
	background-color:#fff !important; /* to prevent highlighting by Google Toolbar */
	border:1px solid #000;
	color:#000;
	width:145px; /* 5 pixles smaller than form width !important */
	height:18px;
	vertical-align: middle;
	margin-bottom:4px; /* sets vertical spacing between fields */
	padding-top:1px; /* vertically position text in input/textarea field */
	padding-left:4px; /* horizontally position text in input/textarea field */
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:1.0em;
	}

select {
	width:150px; /* same width as form !important */
	padding:0;
	}

textarea {
	height:90px;
	overflow:auto;
	}

input.submit, input.submit-contact-main {
	width:60px;
	cursor:pointer;
	padding:0;
	}

input.submit-contact-main { margin:85px 0 0 242px; }

input.submit-image {
	background:url("../images/btn-submit.jpg");
	width:63px;
	height:15px;
	border:none;
	cursor:pointer;
	}

#contact_business { display: none; } /* do not remove */




/* ----- main contact form ----- */

#contact-main {
	padding:20px 0 10px 0;
	}

#contact-main label {
	width:220px;
	position:relative;
	display:block;
	text-align:right;
	margin-bottom:10px;
	font-size:1.0em;
	}

#contact-main label input, #contact-main label textarea, #contact-main label select {
	width:200px;
	position:absolute;
	left:110%;
	top:-2px;
	}

#contact-main label select {
	width:205px;
	}

#contact-main label textarea { height:100px; }


/* more link */
.holder {width:210px; margin:5px; padding:1em; border:1px solid #ddd; float:left;}
.holder h2 {text-align:left;}
a.hid {color:#000; text-decoration:none; outline-style:none;}
a.hid em {display:none;}
a.hid:hover {text-decoration:none;}
a.hid:active, a.hid:focus {background:#fff;}
a.hid:active span, a.hid:focus span {display:none;}
a.hid:active em, a.hid:focus em {display:block; color:#555; width:100%; font-style:normal; cursor:default;}
.clear {clear:both;}

/*dropdown artist*/
#pagechunk {
	margin-top:-43px;
	float:right

}


/*artist gallery*/


.hoverbox
{
	margin-left: 15px;
	margin-top: -8px;
	cursor: default;
	list-style: none;
}

.hoverbox a
{
	cursor: default;
}

.hoverbox a .preview
{
	display: none;
}

.hoverbox a:hover .preview
{
	display: block;
	position: absolute;
	top: -33px;
	left: -45px;
	z-index: 1;
}

.hoverbox img
{
	background: #fff;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	padding: 2px;
	vertical-align: top;
	width: 50px;
	height: 30px;
}

.hoverbox li
{
	background: #eee;
	border-color: #ddd #bbb #aaa #ccc;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	display: inline;
	float: left;
	margin: 3px;
	padding: 5px;
	position: relative;
}

.hoverbox .preview
{
	border-color: #000;
	width: 250px;
	height: 150px;
}