body {
background-image: url(../images/bg.png);
text-align:center;
}

.pagewidth { 
 width:768px; 
margin-top: -10px; 
 margin-left:auto; 
 margin-right:auto;  
text-align:center;
} 

.header {
font-family: Verdana;
color: white;
font-size: 20px;
height: 95px; 
width: 100%;
position: relative;
background-color: #000000;
background-image: url(../images/head.png);
cursor: pointer ;
}

.header img {
height: 95px; 
width: 100%; }

.nav {
font-family: Verdana;
color: white;
font-size: 20px;
height: 35px; 
width: 100%;
text-align:left; 
position: relative;
background-color: #000000;
background-image: url(../images/nav.png);
}

.nav img {
height: 35px; 
width: 100%; 
}

.main {
font-family:  Verdana;
color: white;
font-size: 14px;

width: 80%;
position: relative;
background-color: #000000;
margin-left:auto; 
margin-right:auto; 
background-image: url(../images/main2.png);
 text-align:center; 
}

.main_short {
font-family:  Verdana;
color: white;
font-size: 14px;
height: 400px; 
width: 80%;
position: relative;
background-color: #000000;
margin-left:auto; 
margin-right:auto; 
background-image: url(../images/main2.png);
 text-align:center; 
}

.maingraphic {
width: 574px;
height: 393px;
margin-left:auto; 
margin-right:auto;
z-index: 1;
} 

.gallery {
width: 574px;
height: 600px;
margin-left:0; 
margin-right:auto;
text-align: center;
z-index: 1;
border:25px solid WHITE; 
} 

.maingraphic img {
margin-top: 10px;
}


.smallgraphic {
 text-align: center;
z-index: 1;
} 

.smallgraphic img {
margin-top: 10px;
}


.textright {
float:left;
position:relative;
margin-top:10px;
width: 275px;
text-align:left; 
}

.textleft {
float:left;
position:relative;
margin-top:10px;
margin-left:20px;
width: 275px;
text-align:left; 
}

.textleftsmall {
position:relative;
margin-top:20px;
text-align:left; 
width: 250px;
}

.textleftsmall2 {
position:relative;
margin-top:10px;
width: 250px;
text-align:left; 
}

.textrightsmall {
position:relative;
margin-top:10px;
margin-left: -25px;
width: 275px;
text-align:left; 
}

.contactcolumn {
float:left;
position:relative;
margin-top:25px;
margin-left: 25px;
width: 500px;
text-align:left; 
}

.singlecolumn {
float:left;
position:relative;
margin-top:25px;
margin-left: 65px;
width: 500px;
text-align:left; 
}

.column1 {
float:left;
position:relative;
margin-top:10px;
margin-left: 20px;
width: 250px;
text-align:center; 
}
.column1L {
float:left;
position:relative;
margin-top:10px;
margin-left: 20px;
width: 250px;
text-align:left; 
}


.column2 {
float:left;
position:relative;
margin-top:10px;
width: 300px;
text-align:left; 
}

.column2R {
float:right;
position:relative;
margin-top:10px;
width: 275px;
text-align:left; 
}

.footer {
margin-left:auto; 
margin-right:auto;
margin-top: 10px;
font-family: Verdana;
color: black;
font-size: 10px;
text-align:center;
} 


a { 
text-decoration:none; 
color: white;
}

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


.footer a { 
text-decoration:none; 
color: black;
}

img
{  border-style: none;
}

.navi {
font-family:  Verdana;
color: white;
font-size: 17px;
margin:0;  
padding:0;  

list-style-type:none;
position:absolute;  
text-align:center;
}   

.navi .navi-point {  
float:left;  
margin-top:0px;  
padding:0px;  
width:134px;  
text-align:center;
margin-top:7px;
padding-left:16px;
}  

.sub-navi {  
font-family:  Verdana;
color: white;
font-size: 14px; 
margin-top:5px;
margin-left:5px;
list-style-type:none; 
padding:0;
display:none;
border:1px solid #000000;  
}  

.link {  
cursor:pointer;  

}  
.sub-navi li {
background-image: url(../images/navli.png);
}