@charset "utf-8";
/*
12stone artists page CSS Document 
author: rozhette v. mendoza
~freepixelweb~
*/

a:link {
	color: #ffffff;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #ffffff;
}
a:hover {
	text-decoration: none;
	color: #ffffff;
}
a:active {
	text-decoration: none;
	color: #ffffff;
}

a.home { 
        background: url(../images/home.jpg) repeat 0px 0px; 
        width: 57px; 
        height: 27px; 
        display: block; 
		position:absolute;
		z-index:2;
		left: 347px;
		top: 243px;
}

a.home span { 
        display: none; 
}

a.home:hover { 
		background: url(../images/home.jpg) repeat 0px -1px;
		position:absolute;
		z-index:2;
		left: 347px;
		top: 243px;
}

a.about { 
        background: url(../images/about.jpg) repeat 0px 0px; 
		width:65px;
		height:27px;
        display: block; 
		position:absolute;
		z-index:2;
		left: 404px;
		top: 243px;
}

a.about span { 
        display: none; 
}

a.about:hover { 
		background: url(../images/about.jpg) repeat 0px -1px;
		position:absolute;
		z-index:2;
		left: 404px;
		top: 243px;
}

a.home:hover { 
		background: url(../images/home.jpg) repeat 0px -1px;
		position:absolute;
		z-index:2;
		left: 347px;
		top: 243px;
}

a.artists { 
        background: url(../images/artists.jpg) repeat 0px 0px; 
		width:76px;
		height:27px;
        display: block; 
		position:absolute;
		z-index:2;
		left: 469px;
		top: 243px;
}

a.artists span { 
        display: none; 
}

a.artists:hover { 
		background: url(../images/artists.jpg) repeat 0px -1px;
		position:absolute;
		z-index:2;
		left: 469px;
		top: 243px;
}

a.records { 
        background: url(../images/records.jpg) repeat 0px 0px; 
		width:110px;
		height:27px;
        display: block; 
		position:absolute;
		z-index:2;
		left: 545px;
		top: 243px;
}

a.records span { 
        display: none; 
}

a.records:hover { 
		background: url(../images/records.jpg) repeat 0px -1px;
		position:absolute;
		z-index:2;
		left: 545px;
		top: 243px;
}

a.scheds { 
        background: url(../images/scheds.jpg) repeat 0px 0px; 
		width:102px;
		height:27px;
        display: block; 
		position:absolute;
		z-index:2;
		left: 655px;
		top: 243px;
}

a.scheds span { 
        display: none; 
}

a.scheds:hover { 
		background: url(../images/scheds.jpg) repeat 0px -1px;
		position:absolute;
		z-index:2;
		left: 655px;
		top: 243px;
}

a.contact { 
        background: url(../images/contact.jpg) repeat 0px 0px; 
		width:76px;
		height:27px;
        display: block; 
		position:absolute;
		z-index:2;
		left: 754px;
		top: 243px;
}

a.contact span { 
        display: none; 
}

a.contact:hover { 
		background: url(../images/contact.jpg) repeat 0px -1px;
		position:absolute;
		z-index:2;
		left: 754px;
		top: 243px;
}

body {
	background-color: #28282a;
}

#body {
	position: relative;
	width:900px;
	height:1000px;
	z-index:1;
	overflow: hidden;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	background-color:#28282a;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}

#toppage {
	position:absolute;
	width:900px;
	height:44px;
	z-index:2;
	background-image:url(../images/toppage.jpg);
}

#leftbanner {
	position:absolute;
	width:61px;
	height:220px;
	z-index:3;
	left: 0px;
	top: 44px;
	background-image:url(../images/leftbanner.jpg);
}

#banner {
	position:absolute;
	width:770px;
	height:200px;
	z-index:2;
	left: 61px;
	top: 44px;
}

#rightbanner {
	position:absolute;
	width:69px;
	height:220px;
	z-index:2;
	left: 831px;
	top: 44px;
	background-image:url(../images/rightbanner.jpg);
}

#bottombanner {
	position:absolute;
	width:286px;
	height:28px;
	z-index:2;
	left: 61px;
	top: 242px;
	background-image:url(../images/bottombanner.jpg);
}

#columntitle {
	position:absolute;
	width:231px;
	height:63px;
	z-index:2;
	left: 61px;
	top: 270px;
	background-image:url(../images/columntitle.jpg);
}

#topcontentleft {
	position:absolute;
	width:235px;
	height:67px;
	z-index:2;
	left: 60px;
	top: 268px;
	background-image:url(../images/topcontentleft.jpg);
}

#topcontent {
	position:absolute;
	width:540px;
	height:63px;
	z-index:2;
	left: 292px;
	top: 270px;
	background-image:url(../images/topcontent.jpg);
}

#columncontent {
	position:absolute;
	width:189px;
	height:496px;
	z-index:2;
	left: 61px;
	top: 334px;
}

#colcontent1 {
	position:absolute;
	width:176px;
	height:354px;
	z-index:1;
	left: 6px;
	color:#FFFFFF;
}

#divider {
	position:absolute;
	width:42px;
	height:497px;
	z-index:2;
	left: 251px;
	top: 333px;
	background-image:url(../images/divider.jpg);
}

#maincontent {
	position:absolute;
	width:535px;
	height:496px;
	z-index:2;
	left: 296px;
	top: 334px;
}

a.bandstitle { 
        background: url(../images/bandstitle.jpg) repeat 0px 0px; 
		width:225px;
		height:99px;
        display: block; 
		position:absolute;
		z-index:1;
		top: 93px;
		left: 24px;
}

a.bandstitle span { 
        display: none; 
}

a.bandstitle:hover { 
		background: url(../images/bandstitle.jpg) repeat 0px -2px;
		position:absolute;
		z-index:1;
		top: 93px;
		left: 24px;
}

#hoststitle {
}

a.hoststitle { 
        background: url(../images/hoststitle.jpg) repeat 0px 0px; 
		width:225px;
		height:99px;
        display: block; 
		position:absolute;
		z-index:1;
		top: 93px;
		left: 286px;
}

a.hoststitle span { 
        display: none; 
}

a.hoststitle:hover { 
		background: url(../images/hoststitle.jpg) repeat 0px -2px;
		position:absolute;
		z-index:1;
		top: 93px;
		left: 286px;
}

#pagetitle {
	position:absolute;
	width:121px;
	height:107px;
	z-index:2;
	left: 723px;
	top: 768px;
	background-image:url(../images/artiststitle.jpg);
}

#footlinks {
	position:absolute;
	width:770px;
	height:27px;
	z-index:2;
	left: 61px;
	top: 921px;
	text-align:center;
	color:#FFFFFF;
}

#footer {
	position:absolute;
	width:770px;
	height:39px;
	z-index:2;
	left: 61px;
	top: 959px;
	text-align:center;
	color:#999999;
}