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

@font-face { font-family: Fina; src: url('Fina.ttf'); } 

a {
	font-family: Fina, Arial, Helvetica, sans-serif;
}

a:link {
	color: #000;
	text-decoration: none;
}

a:visited {
	text-decoration: none;
	color: #000;
}

a:hover {
	text-decoration: none;
	color: #666;
}

a:active {
	text-decoration: none;
	color: #000;
}

body {
	background-color: #B9B9B9;
}

img { 
	border: 0px; 
}

#container {
	position:absolute;
	width:1000px;
	height:900px;
	top: 10px;
	left: -500px;
	margin-left: 50%;
	z-index:1;
	background-image: url(images/bg.png);
}

#slider {
	position:absolute;
	width:774px;
	height:644px;
	z-index:2;
	left: 109px;
	top: 228px;
}

#navigation {
	margin-left:0px;
	top:0px;
	display:block;
}

#navigation li {
	float:left;
	list-style-type: none;
	display:block;
}

#navigation li a {
	background-image:url(images/menu.png);
	display:block;
}

.home {
	background-position:0px 0px;
	width:158px;
	height:49px;
}

.about {
	background-position:-158px 0px;
	width:189px;
	height:49px;
}

.pictures {
	background-position:-347px 0px;
	width:189px;
	height:49px;
}

.contact {
	background-position:-536px 0px;
	width:181px;
	height:49px;
}

#navigation a .hover {
	background-image:url(images/menu.png) no-repeat;
	display: block;
	opacity: 0;
	position: relative;
	height: 100%;
	width: 100%;
	top: 0px;
	left: 0px;
}

#navigation a.home .hover {
	background-position:-0px -50px;
}

#navigation a.about .hover {
	background-position:-158px -50px;
}

#navigation a.pictures .hover {
	background-position:-347px -50px;
}

#navigation a.contact .hover {
	background-position:-536px -50px;
}

#home {
	position:absolute;
	width:638px;
	height:455px;
	z-index:1;
	left: 0px;
	top: 0px;
}

#main_header {
	position:absolute;
	width:500px;
	height:40px;
	z-index:1;
	left: -250px;
	margin-left: 50%;
	top: 0px;
}

#main1 {
	position:absolute;
	width:213px;
	height:24px;
	z-index:2;
	left: 209px;
	top: 185px;
}

#me {
	position:absolute;
	width:638px;
	height:455px;
	z-index:1;
	left: 0px;
	top: 0px;
}

#me_header {
	position:absolute;
	width:500px;
	height:40px;
	z-index:1;
	left: -250px;
	margin-left: 50%;
	top: 0px;
}

#I {
	position:absolute;
	width:20px;
	height:15px;
	z-index:1;
	left: 220px;
	top: 75px;
}

#me_content {
	position:absolute;
	width:265px;
	height:180px;
	z-index:1;
	left: 250px;
	top: 75px;
}

#gothlu_logo {
	position:absolute;
	width:200px;
	height:94px;
	z-index:1;
	left: 100px;
	top: 344px;
}

#goth_title {
	position:absolute;
	width:265px;
	height:22px;
	z-index:1;
	left: 320px;
	top: 350px;
}

#goth_desc {
	position:absolute;
	width:330px;
	height:55px;
	z-index:1;
	left: 310px;
	top: 380px;
}

#note {
	position:absolute;
	width:250px;
	height:17px;
	z-index:1;
	left: 110px;
	top: 310px;
}

#pics {
	background-color:#FFF;
	position:absolute;
	width:638px;
	height:455px;
	z-index:1;
	left: 0px;
	top: 0px;
}

#pics_header {
	position:absolute;
	width:500px;
	height:40px;
	z-index:1;
	left: -250px;
	margin-left: 50%;
	top: 0px;
}

#Pic1 {
	position:absolute;
	width:76px;
	height:100px;
	z-index:1;
	left: 118px;
	top: 86px;
}

#Pic2 {
	position:absolute;
	width:56px;
	height:100px;
	z-index:1;
	left: 395px;
	top: 289px;
}
#Pic3 {
	position:absolute;
	width:100px;
	height:75px;
	z-index:1;
	left: 446px;
	top: 151px;
}

#Pic4 {
	position:absolute;
	width:100px;
	height:75px;
	z-index:1;
	left: 137px;
	top: 313px;
}

#Pic5 {
	position:absolute;
	width:100px;
	height:38px;
	z-index:1;
	left: 264px;
	top: 208px;
}

#Pic6 {
	position:absolute;
	width:100px;
	height:89px;
	z-index:1;
	left: 277px;
	top: 47px;
}

#contact {
	position:absolute;
	width:638px;
	height:455px;
	z-index:1;
	left: 0px;
	top: 0px;
}

#Line {
	position:absolute;
	width:20px;
	height:400px;
	z-index:1;
	left: 310px;
	top: 85px;
}

#con_header {
	position:absolute;
	width:500px;
	height:40px;
	z-index:1;
	left: -250px;
	margin-left: 50%;
	top: 0px;
}

#facebook_logo {
	position:absolute;
	width:50px;
	height:50px;
	z-index:1;
	left: 50px;
	top: 100px;
}

#facebook {
	position:absolute;
	width:190px;
	height:40px;
	z-index:1;
	left: 115px;
	top: 110px;
}

#twitter_logo {
	position:absolute;
	width:50px;
	height:50px;
	z-index:1;
	left: 50px;
	top: 200px;
}

#twitter {
	position:absolute;
	width:190px;
	height:40px;
	z-index:1;
	left: 115px;
	top: 210px;
}

#lastfm_logo {
	position:absolute;
	width:49px;
	height:50px;
	z-index:1;
	left: 50px;
	top: 300px;
}

#lastfm {
	position:absolute;
	width:190px;
	height:40px;
	z-index:1;
	left: 115px;
	top: 310px;
}

#MSN_Logo {
	position:absolute;
	width:50px;
	height:50px;
	z-index:1;
	left: 340px;
	top: 100px;
}

#WLM {
	position:absolute;
	width:230px;
	height:40px;
	z-index:1;
	left: 405px;
	top: 110px;
}

#ICQ_Logo {
	position:absolute;
	width:48px;
	height:50px;
	z-index:1;
	left: 340px;
	top: 200px;
}

#icq {
	position:absolute;
	width:190px;
	height:40px;
	z-index:1;
	left: 405px;
	top: 210px;
}

#eMail_Logo {
	position:absolute;
	width:50px;
	height:50px;
	z-index:1;
	left: 340px;
	top: 300px;
}

#email {
	position:absolute;
	width:190px;
	height:40px;
	z-index:1;
	left: 405px;
	top: 310px;
}

#wave_logo {
	position:absolute;
	width:50px;
	height:50px;
	z-index:1;
	left: 340px;
	top: 400px;
}

#wave {
	position:absolute;
	width:210px;
	height:40px;
	z-index:1;
	left: 405px;
	top: 410px;
}

#copyright {
	position:absolute;
	width:150px;
	height:30px;
	z-index:1;
	left: -75px;
	margin-left: 50%;
	top: 873px;
}

.scroll {
  top:70px;	
  height: 455px;
  width:638px;
  left:79px;
  overflow: auto;
  position: relative; /* fix for IE to respect overflow */
  clear: left;
}

.scrollContainer div.panel {
  
  left: 0px;
  top: 0px;
  height: 455px;
  width: 638px; /* change to 560px if not using JS to remove rh.scroll */
}

.ConBIG{
	font-family:Fina, Arial, Helvetica, sans-serif;
	font-weight:bolder;
	font-size:large;
}

.ConSMALL{
	font-family:Fina, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:small;
	text-align:justify;
	letter-spacing: 1px;
}	

.images{}