body {
 
background-color:#000000;
}


 
.navx{
width:400px;

margin-top:150px;
text-align:center;

margin-left:480px;
}



p {
font-size: 11px;color:#c0bfbf;font-weight: normal;
font-family:"Calibri"; letter-spacing:2px; text-align:justify;}

h1 {
letter-spacing:4px;font-size: 18px;
color:#c0bfbf;text-align:left;
margin:0px;
text-transform:uppercase;
 padding-left:40px;
border-left: double 5px #c0bfbf;
 
 
font-weight: normal;
 
	
}
 

h2 {
letter-spacing:4px;
font-size: 13px;
margin:0px;
padding-left:0px;
text-align:center;
text-transform: uppercase;
color:#c0bfbf;

font-weight: normal;
font-family:"Calibri";
}


#contain {
 background-image: url(images/header.jpg) ;
width:1023px;
height:612px;
 background-repeat: no-repeat;


margin: auto;
 
  position: absolute;
  top: 0; left: 0; bottom: 0; right: 0;

}

 
.content {  
margin-left:466px;
margin-top:263px;
height:130px;
width:446px;
 overflow-y:auto;
 
 
}
 

 

 
#footer {
clear:both;
text-align:center;
}
 



A:link.navi {
height:40px;
font-size : 10px;
letter-spacing : 2px;

font-weight : normal;
font-family : "Arial";
text-transform: uppercase;
text-align : center;
font-style:italic;
margin-right:17px;

margin-bottom:8px;
color : #cccccc;
padding-left:10px;
padding-right:10px;
    

text-decoration : none;
}
A:visited.navi {
color : #cccccc;
text-decoration : none;
}
A:hover.navi {
transition:  .9s ease-out;
-moz-transition:  .9s ease-out;
-webkit-transition: .9s ease-out;
-o-transition: .9s ease-out;
color : #cccccc;

background:url(images/bg.png) repeat;
text-decoration : none;
cursor : pointer;


}
A:active.navi {
color : #cccccc;
text-decoration : none;
}










a:link {color:#FFFFFF;


text-decoration:none;

}






     
a:visited {color:#FFFFFF;

text-decoration:none;

}


a:hover {
transition:  .9s ease-out;
-moz-transition:  .9s ease-out;
-webkit-transition: .9s ease-out;
-o-transition: .9s ease-out;
color:#8dddee;
cursor:pointer;
 

}  



a:active {color:#FFFFFF;


text-decoration:none;

}