body {
margin: 0 auto;
padding: 0px;
font-family: Trebuchet Ms, Tahoma, Arial;
font-size: 13px;
width: 1024px;
height: 100%;
background: #050505;
}


.clear {
clear: both;}




/* valikon kuvat ja linkit */


#button_n{
        background: url(../images/menu-green_01.png); /* Normaali buttonin taustakuva.*/
	width: 114px;	/* Buttonin leveys. */
	height: 147px;
	text-decoration: none;
	display: table-cell;
}

#button_n:hover {
	background: url(../images/menu-red_01.png) no-repeat; /* Normaali buttonin taustakuva.*/
	width: 114px;	/* Buttonin leveys. */
	height: 147px; /* Buttonin korkeus. Huom! yksittäisen buttonin koko eikä koko kuvan koko.*/
        vertical-align: bottom; /* Pitää tekstin keskellä pystysuunnassa. */
	text-align: right; /* Pitää tekstin keskellä sivusuunnassa. */
}

#button_b {
        background: url(../images/menu-green_02.png); /* Normaali buttonin taustakuva.*/
	width: 89px;	/* Buttonin leveys. */
	height: 147px; /* Buttonin korkeus. Huom! yksittäisen buttonin koko eikä koko kuvan koko.*/
	text-decoration: none; /* Poistaa normaalisti vakiona olevan alleviivauksen. */
	display: table-cell; /* Pitää taustakuvan näkyvissä oikein. */

}

#button_b:hover {
        background: url(../images/menu-red_02.png); /* Normaali buttonin taustakuva.*/
	width: 89px;	/* Buttonin leveys. */
	height: 147px;
        vertical-align: bottom; /* Pitää tekstin keskellä pystysuunnassa. */
	text-align: right; /* Pitää tekstin keskellä sivusuunnassa. */
        }


#button_m {
        background: url(../images/menu-green_03.png); /* Normaali buttonin taustakuva.*/
	width: 117px;	/* Buttonin leveys. */
	height: 147px; /* Buttonin korkeus. Huom! yksittäisen buttonin koko eikä koko kuvan koko.*/
	text-decoration: none; /* Poistaa normaalisti vakiona olevan alleviivauksen. */
	display: table-cell; /* Pitää taustakuvan näkyvissä oikein. */

}

#button_m:hover {
        background: url(../images/menu-red_03.png); /* Normaali buttonin taustakuva.*/
	width: 117px;	/* Buttonin leveys. */
	height: 147px;
        vertical-align: bottom; /* Pitää tekstin keskellä pystysuunnassa. */
	text-align: right; /* Pitää tekstin keskellä sivusuunnassa. */
        }

#button_bio {
        background: url(../images/menu-green_04.png); /* Normaali buttonin taustakuva.*/
	width: 77px;	/* Buttonin leveys. */
	height: 147px; /* Buttonin korkeus. Huom! yksittäisen buttonin koko eikä koko kuvan koko.*/
	text-decoration: none; /* Poistaa normaalisti vakiona olevan alleviivauksen. */
	display: table-cell; /* Pitää taustakuvan näkyvissä oikein. */
}

#button_bio:hover {
        background: url(../images/menu-red_04.png); /* Normaali buttonin taustakuva.*/
	width: 77px;	/* Buttonin leveys. */
	height: 147px;
        vertical-align: bottom; /* Pitää tekstin keskellä pystysuunnassa. */
	text-align: right; /* Pitää tekstin keskellä sivusuunnassa. */
        }


#button_c {
        background: url(../images/menu-green_05.png); /* Normaali buttonin taustakuva.*/
	width: 142px;	/* Buttonin leveys. */
	height: 147px; /* Buttonin korkeus. Huom! yksittäisen buttonin koko eikä koko kuvan koko.*/
	text-decoration: none; /* Poistaa normaalisti vakiona olevan alleviivauksen. */
	display: table-cell; /* Pitää taustakuvan näkyvissä oikein. */

}

#button_c:hover {
        background: url(../images/menu-red_05.png); /* Normaali buttonin taustakuva.*/
	width: 142px;	/* Buttonin leveys. */
	height: 147px;
        vertical-align: bottom; /* Pitää tekstin keskellä pystysuunnassa. */
	text-align: right; /* Pitää tekstin keskellä sivusuunnassa. */      
        }

#button_n, #button_b, #button_m, #button_bio, #button_c {

        vertical-align: bottom; /* Pitää tekstin keskellä pystysuunnassa. */
	text-align: right; /* Pitää tekstin keskellä sivusuunnassa. */
        text-shadow:  #a1a1a1 1px 1px 2px;
	font-family: Tahoma;
	font-size: 12px;
	color: #d5e385;

}




/* koko sivu */

#wrapper {
         background: #000000;
         margin: 0 auto;
         width:100%;
          height:100%;

}

#wrapper_small {
         width: 1024px;
         background: #000000;
         margin: 0 auto;

}




/* alasivut + taustat + otsikkokuvat */

#news {

       background: url(../images/nailtrails-bg1_01.jpg);
        width: 1024px;
        height: 768px;
        position: relative;


}

#old_news {
        background: #000000;
        width: 1024px;
        height: 768px;
        position: relative;
}


#band {
 background: url(../images/nailtrails-bg1_02.jpg);
        width: 1024px;
        height: 768px;
        position: relative;
        


}

.otsikko_band {
background: url(../images/band.png);
width:  120px;
height: 78px;
margin-top: 30px;
}

#media {
        background: url(../images/nailtrails-bg1_03.jpg);
        width: 1024px;
        height: 768px;
        position: relative;

}

.otsikko_media {
background: url(../images/media.png);
width:  171px;
height: 78px;
float: right;
margin: 30px 20px 0px 0px;
}

#bio{
        background: url(../images/nailtrails-bg1_04.jpg);
        width: 1024px;
        height: 768px;
        position: relative;

}

.otsikko_bio {
background: url(../images/bio.png);
width:  94px;
height: 78px;
margin: 30px 0px 0px 50px;
}

#contact {
        background: url(../images/nailtrails-bg1_05.jpg);
        background-repeat: no-repeat;
        width: 1024px;
        height: 768px;
        position: relative;

}

.otsikko_contact {
background: url(../images/contact.png);
width:  203px;
height: 78px;
margin-top: 30px;
}


/* etusivun valikko */
.topmenu {
height: 160px;
width: 600px;
float: left;
display: block;
}

.topmenu li a{
height: 147px;

}



/* Sisältö teksti alue */

.main {
width: 600px;
margin: 20px 0px 0px 50px;
float: left;
}



.content {
         width: 600px;
         margin-top: 50px;
         font-size: 14px;
         color: #ffffff;
         clear: both;
}

.content h1 {
         font-family: arial;
         text-transform: uppercase;
         font-size: 24px;
         color: #ffffff;
         font-weight: normal;
}


.news_heading {
height: 70px;
line-height: 70px;
width: 600px; 
clear: both;
}

.date {
width: 60px;
height: 70px;
line-height: 30px;
float: left;
text-align: right;
padding-right: 15px;
font-family: arial;
text-transform: uppercase;
font-size: 18px;
color: #ffffff;
font-weight: normal;
border-right: 2px solid #ffffff;
}

.header {
width: 450px;
height: 70px;
line-height: 35px;
vertical-align: top;
padding-left: 25px;
float: left;
font-family: arial;
text-transform: uppercase;
font-size: 24px;
color: #ffffff;
font-weight: normal;
}

.news_content {
width: 450px;
margin: 20px 0px 0px 105px;
}

.older_news {
width: 450px;
margin: 20px 0px 0px 105px;

}

.main_older_news {
margin: 20px 0px 0px 50px;
float: left;
width: 600px;
}

.older_news a:link, .older_news a:visited{
color: #ff0000;
text-decoration: underline;
}

.otsikko_old_news {
width: 450px;
height: 60px;
line-height: 30px;
vertical-align: top;
padding-left: 20px;
float: left;
font-family: arial;
text-transform: uppercase;
font-size: 17px;
color: #ffffff;
font-weight: normal;
}

.otsikko1_old_news {
width: 178px;
background: url(../images/news.png);
background-repeat: no-repeat;
height: 120px;

}


.date_old_news  {
width: 40px;
height: 60px;
line-height: 25px;
float: left;
text-align: right;
padding-right: 15px;
font-family: arial;
text-transform: uppercase;
font-size: 14px;
color: #ffffff;
font-weight: normal;
border-right: 2px solid #ffffff;    }

.oldnews_wrapper {
width: 600px;
height: 450px;
overflow-y:auto; overflow-x:hidden;
color: #ffffff;
margin: 20px 0px 0px 0px;
}


.oldnews_content {
margin: 10px 0px 30px 75px;
width: 450px;
}

/* OTSIKKO VANHAT UUTISET */

.oldnews_content h1 {
font-size: 17px;
text-transform: uppercase;
font-weight: normal;
color: #ffffff;
}



/* BAND-SIVUN SISÄLTÖ */

.main_band {
width: 990px;
margin: 20px 0px 0px 50px;
float: left;}

.content_band {
width: 800px;
margin: 0 auto;
text-align: left;
padding: 35px 0px 0px 0px;
line-height: 12px;
color: #b9c573;
}

.main_media {
width: 300px;
margin: 20px 0px 0px 50px;
float: right;
}

.content_media {
width: 300px;
text-align: left;
color: #ffffff;
padding: 75px 0px 0px 0px;
}

.main_bio {
width: 1024px;
margin: 0 auto;
float: left;}

.content_bio {
width: 800px;
margin: 0 auto;
text-align: left;
padding: 35px 0px 0px 0px;
color: #b9c573;
}

.bio1 {
width: 390px;
float: left;
}

.bio2 {
width: 390px;
float: left;
margin: 0px 0px 0px 10px;
vertical-align: top;
}

.content_contact {
width: 400px;
margin: 0 auto;
text-align: left;
padding: 95px 0px 0px 0px;
color: #b9c573;
}


/* FOOTER sivun alareuna */

.footer {
width: 1024px;
height: 50px;
position: absolute;
bottom: 0px;
}

.footer_left {
float: left;
width: 200px;
line-height: 50px;
}

.footer_left img {
float: left;
margin: 0px 5px;
}

.footer_left a:link, .footer_left a:visited {
font-family: Trebuchet Ms, Arial;
font-size: 15px;
text-transform: uppercase;
color: #ff0000;
text-decoration: none;
}

.footer_left a:hover {
text-decoration: underline;
}

.footer_right {
float: right;
text-align: right;
vertical-align: top;
width: 800px;
margin-right: 15px;
line-height: 50px;
text-transform: uppercase;
color: #ffffff;
font-weight: bold;
text-shadow: #000000 2px 1px 1px;
filter:
	progid:DXImageTransform.Microsoft.Glow(Color=#000000,Strength=5);

}

.footer_right a:link, .footer_right a:visited{
text-transform: uppercase;
color: #ffffff;
}