/* ------------- 1. General ----------------------*/
html, body
{
margin:0;
padding:0;
height:100%;
}

body{
font-family:  Tahoma,  Arial,Verdana,  Helvetica, sans-serif;
font-size: 12px;
color:#5a2049;
background-color:#1e0313;
}


a:link, a:visited, a:active {
color:#330066;outline:none;
text-decoration: underline;
}

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

form
{
margin: 0;
padding:0;

}

.clear { 
clear: both; 
line-height: 0px;
height: 0;
font-size: 0;
}

img
{
border:0px;
outline:none;}


/* ------------- DIV Containers --------------------*/
#vertical{
float:left;
height:50%;
margin-top:-305px;
width:100%;
}

#container
{
clear:both;
width:980px;
height:610px;
margin:0px auto;
display:block;
position:relative;
}

#logo
{
position:absolute;
right:130px;
top:0px;
width: 214px;
height:203px;
z-index:99!important;
}

#music
{
position:absolute;
right:10px;
bottom:10px;
z-index:99!important;
}


#slideshow
{
position:absolute;
left:0px;
top:0px;
width: 980px;
height:610px;
z-index:10!important;
}

#home
{
position:absolute;
left:35px;
bottom:35px;
width: 736px;
height:454px;
z-index:20!important;
}

#home-text
{
position:absolute;
left:275px;
bottom:50px;
z-index:30!important;
}

#menu
{
position:absolute;
left:35px;
top:89px;
width: 736px;
height:32px;
background-color:#cee2dc;
padding: 0px 0px 0px 0px;
z-index:40!important;
}

#contact
{
position:absolute;
left:0px;
top:0px;
width: 550px;
height:300px;
z-index:10!important;
padding:310px 0 0 430px;
background:url(../images/contact-bg.jpg) top left no-repeat;
}

#water
{
position:absolute;
left:0px;
top:0px;
width: 650px;
height:400px;
z-index:10!important;
padding:210px 0 0 330px;
background:url(../images/water-bg.jpg) top left no-repeat;
text-align:justify;
}

#wood
{
position:absolute;
left:0px;
top:0px;
width: 650px;
height:400px;
z-index:10!important;
padding:210px 0 0 330px;
background:url(../images/wood-bg.jpg) top left no-repeat;
text-align:justify;
}

#fire
{
position:absolute;
left:0px;
top:0px;
width: 650px;
height:400px;
z-index:10!important;
padding:210px 0 0 330px;
background:url(../images/fire-bg.jpg) top left no-repeat;
text-align:justify;
}

#earth
{
position:absolute;
left:0px;
top:0px;
width: 650px;
height:400px;
z-index:10!important;
padding:210px 0 0 330px;
background:url(../images/earth-bg.jpg) top left no-repeat;
text-align:justify;
}

#metal
{
position:absolute;
left:0px;
top:0px;
width: 650px;
height:400px;
z-index:10!important;
padding:210px 0 0 330px;
background:url(../images/metal-bg.jpg) top left no-repeat;
text-align:justify;
}
/* ------------- Links --------------------*/

a.vio:link, a.vio:visited, a.vio:active
{
color:#5a2049;
text-decoration:none;
}

a.vio:hover {
color:#5a2049;
text-decoration: underline;
}
/* ------------- Menu ------------------------------*/
#menu ul{list-style: none;margin:0px auto;padding:9px 0px 0px 0px;}
#menu li {float: left; }
#menu li a {display: block;color: #5a2049;text-decoration: none;padding: 0 15px 0px 15px; font-size:13px;border-right:1px solid #75807b;  line-height:120%;}
#menu li a:hover{color: #75807b;}
#menu #current a{color: #75807b; cursor:default;}
#menu .last a{border-right:0px solid #d91b5c;}
/* ------------- Forms --------------------*/