body {
background-color:#330000;
background-repeat:no-repeat;
background-attachment:fixed;
background-position:center;
height: 100%;
margin:0;
padding:0;
text-align:center;
}

#page {
width:900px;
height:500px;
margin:auto;
padding:auto;
background-image:url(../images/indexbackground.jpg);
background-repeat:no-repeat;
background-attachment:relative;
background-position:center;
}

#vertical{
position:absolute;
top:50%;
left:0;
margin-top:-250px;/* half main elements height*/
width:100%;
}

#contents{
position:relative;
width:800px;
height:330px;
padding:0px 0px 0px 50px;
overflow:auto;

font:italic bold 15px/30px Georgia, serif;
color: #380823;
text-align: justify;
}

.nav {
height:80px;
}

.nav li {
list-style:none;
display:inline;
}

.nav a {
float:left;
margin-left:28px;
}

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

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

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

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

.home a {text-decoration:none; background:url(../images/home.png); width: 141px; height: 70px;}
.home a:hover {background-position:0 -70px;}

.menu a {text-decoration:none; background:url(../images/menu.png); width: 143px; height: 70px;}
.menu a:hover {background-position:0 -70px;}

.photos a {text-decoration:none; background:url(../images/photos.png); width: 177px; height: 70px;}
.photos a:hover {background-position:0 -70px;}

.contact a {text-decoration:none; background:url(../images/contact.png); width: 207px; height: 76px;}
.contact a:hover {background-position:0 -76px;}

#menu {
	position:relative;
	left:-800px;
	top:270px;
	z-index:10;
}