body {	background-color: #000000;
	font-family: TimesRoman;
	font-size: 14px;
	line-height: 15px;
	color: #ffffff;
        }

#frame {width: 652px;
	height: 400px;
	margin-left: auto;
	margin-right: auto;
	}

#menu { background-image: url(../images/banner.jpg);
	top: 15px;
	width: 640px;
	height: 80px;
	padding: 5px;
	position: relative;
	}

#left { position: relative;
	width: 104px;
	float: left;
	text-align: right;
	}

#right {position: relative;
	float: right;
	text-align: left;
	}



#main { background-image: url(../images/background.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	border: 1px solid #FF0000;
        width: 640px;
	top: 35px;
	height: 400px;
	padding: 5px;
	position: relative;
        }

#band { width: 390px;
	height: 390px;
	overflow: auto;
	padding: 5px;
	position: relative;
	float: right;
        }

#news { width: 305px;
	height: 390px;
	overflow: auto;
	padding: 5px;
	position: relative;
	float: left;
        }

#gigs { width: 305px;
	height: 390px;
	overflow: auto;
	padding: 5px;
	position: relative;
	float: right;
        }



#index {position: relative;
	margin-left: auto;
	margin-right: auto;
	height:12px;
	top: 82px;
	width: 265px;
	text-align: center;
	}



#mail  {position: relative;
	top: 32px;
	width: 650px;
	}

#counter {position: relative;
	top: 38px;
	width: 650px;
	text-align: right;
	}



.counter {font-family: courier;
	line-height: 15px;
	font-size: 12px;
	color: #ff0000;
        }


.pics {	border: 1px dotted #ff0000;
	}




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




div.logo { top: 75px; position: relative; margin-left: auto; margin-right: auto; width: 265px; height: 242px; background: url( '../images/index_hover.jpg' ) no-repeat;}
div.logo a { display: block; width:100%; height:100%; overflow:hidden; background: url( '../images/index.jpg' ) top left no-repeat;}
div.logo a:hover { background-image: none;}
div.logo a:active { display: block; width:100%; height:100%; overflow:hidden; background: url( '../images/index_active.jpg' ) top left no-repeat;}

div.miska { float:left; padding:0px; position: relative; width: 150px; height: 400px; background: url( '../images/miska_b.jpg' ) no-repeat;}
div.miska a { display: block; width:100%; height:100%; overflow:hidden; background: url( '../images/miska_a.jpg' ) top right no-repeat;}
div.miska a:hover { background-image: none;}

div.lars { float:left; padding:0px; position: relative; width: 164px; height: 400px; background: url( '../images/lars_b.jpg' ) no-repeat;}
div.lars a { display: block; width:100%; height:100%; overflow:hidden; background: url( '../images/lars_a.jpg' ) top right no-repeat;}
div.lars a:hover { background-image: none;}

div.simo { float:left; padding:0px; position: relative; width: 185px; height: 400px; background: url( '../images/simo_b.jpg' ) no-repeat;}
div.simo a { display: block; width:100%; height:100%; overflow:hidden; background: url( '../images/simo_a.jpg' ) top right no-repeat;}
div.simo a:hover { background-image: none;}

div.petteri { float:left; padding:0px; position: relative; width: 140px; height: 400px; background: url( '../images/petteri_b.jpg' ) no-repeat;}
div.petteri a { display: block; width:100%; height:100%; overflow:hidden; background: url( '../images/petteri_a.jpg' ) top right no-repeat;}
div.petteri a:hover { background-image: none;}