@charset "utf-8";
/*
12stone homepage 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;
}

.bigtitle {
	font-size:18px;
	font-family:Georgia, "Times New Roman", Times, serif;
}

.bigtitle2 {
	font-size:15px;
	font-family:Georgia, "Times New Roman", Times, serif;
}

.smalltitle {
	font-size:10px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	color:#993300;
}

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:2550px;
	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);
}

#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:500px;
	z-index:1;
	left: 6px;
	color:#FFFFFF;
}

#ad1 {
	position:absolute;
	width:170px;
	height:115px;
	top:270px;
	left:10px;
	z-index:2;
}

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

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

#maincontent1 {
	position:absolute;
	width:497px;
	height:176px;
	z-index:1;
	left: 19px;
	top: 20px;
	color:#FFFFFF;
}

#video1 {
	position:absolute;
	width:200px;
	height:115px;
	left:20px;
	z-index:3;
}

#image1 {
	position:absolute;
	width:110px;
	height:110px;
	left:90px;
	z-index:1;
	background:url(../images/mgagitarista.jpg);
}

#image2 {
	position:absolute;
	width:110px;
	height:110px;
	left:250px;
	z-index:1;
	background:url(../images/vnp.jpg);
}

#img1 {
	position:absolute;
	width:120px;
	height:28px;
	left:280px;
	top:1060px;
	z-index:2;
	background:url(../images/jblogo.jpg);
}

#img2 {
	position:absolute;
	width:60px;
	height:55px;
	left:190px;
	top:1280px;
	z-index:2;
	background:url(../images/rjlogo.jpg);
}

#img3 {
	position:absolute;
	width:60px;
	height:59px;
	z-index:2;
	background:url(../images/gitaristamini.jpg);
}

.gray {
	color:#999999;
}

#pagetitle {
	position:absolute;
	width:275px;
	height:109px;
	z-index:2;
	left: 571px;
	bottom: 70px;
	background-image:url(../images/hometitle.jpg);
}

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

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