html
{ height: 100%;}

*
{ margin: 0;
  padding: 0;

}






#parent {
margin-left: auto;
margin-right: auto;
vertical-align:middle;
width:1024px; 
height:768px;
position:fixed;
top:0;
right:0;
bottom:0;
left:0;


} 


.left
{

margin-top:5%;
margin-left:4%;
margin-right:auto;
float:left; 
opacity:0.9; 
top: 13px; 
position:absolute;

}

.right
{

margin-top:5%; 
margin-left:55%;
margin-right:auto;
float:right; 
position:absolute;
top: 13px; 
}





#site_content
{ width: 960px;
  overflow: hide;
  background: transparent;}  

#menu_container
{ width: 720px;
  height: 40px;
  margin-bottom: 20px;
  background: transparent url(../images/transparent.png) repeat;} 
  
#menubar
{ width: 720px;
  height: 40px;
  float: right;
  color: #CB9616;
  background: transparent;}   

#menu_container_fent
{ width: 960px;
  height: 40px;
  background: transparent url(../images/transparent.png) repeat;
  margin-bottom: 10px;
} 
  
#menubar_fent
{ width: 960px;
  height: 40px;
  float: right;
  color: #CB9616;
  background: transparent;}   

  
#header
{ width: 960px;
  height: 80px;
  background: transparent;}


.image {
    overflow: hidden;
    transition-duration: 0.8s;
    transition-property: transform;
}
.image:hover {
    transform: rotate(360deg);
}