﻿* {
        padding: 0px;
        margin:0px;
   }



* {  font-size: medium;
     font-weight: normal;      
     

}


#header-box { 
        background-color: #ffffff;
        height: 90px; 
        margin:0 auto 0 auto;     
        text-align:center;
       

 }


#header-site-box { 
        background-color: #ffffff;
        height: 90px;
        margin:0 auto 0 auto;      
        width:960px;
       
 
        
 }



#header-a-box { 
        background-color: #ffffff;
        height: 80px; 
        margin:0 auto 0 auto;     
        text-align:center;
        float: left;

 }
#header-b-box { 
        background-color: #7a0031;
        height: 80px; 
        margin:0 auto 0 auto;     
        text-align:center;
        float: left;

 }



#header-left-box { 
        background-color: #ffffff;
        height: 80px; 
        margin:0 auto 0 auto;     
        width:400px;
        float: left;
        text-align: left;
        padding: 5px;
        
 }






#header-right-box { 
        background-color: #ffffff;
        height: 80px; 
        margin:0 auto 0 auto;     
        width:500px;
        float: left;
        text-align: right;
        

        
 }




a img { border:none;
        verticle-align:top;
        -webkit-transition: 0.3s ease-in-out;
        -moz-transition: 0.3s ease-in-out;
        -o-transition: 0.3s ease-in-out;
        transition: 0.3s ease-in-out;
  }


a:hover img {
             opacity: 0.3;
             filter: alpha(opacity=80)
   }


#stage {
	position: relative;
	width: 480px;
	height:584;
	margin: 0 auto;
}
#photo1,#photo2,#photo3,#photo4,#photo5 {
	position: absolute;
	width: 480px;
	height: 584px;
}
#photo1 img,#photo2 img,#photo3 img,#photo4 img,#photo5 img {
	opacity:0;
	-moz-animation: imgTrans 30s infinite;
	-webkit-animation: imgTrans 30s infinite;
	animation: imgTrans 30s infinite;
}
#photo1 img {
	-moz-animation-delay: 0s;
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
}
#photo2 img {
	-moz-animation-delay: 6s;
	-webkit-animation-delay: 6s;
	animation-delay: 6s;
}
#photo3 img {
	-moz-animation-delay: 12s;
	-webkit-animation-delay: 12s;
	animation-delay: 12s;
}
#photo4 img{
	-moz-animation-delay: 18s;
	-webkit-animation-delay: 18s;
	animation-delay: 18s;
}
#photo5 img {
	-moz-animation-delay: 24s;
	-webkit-animation-delay: 24s;
	animation-delay: 24s;

}
#frame {
	width: 480px;
	height: 584px;
	position: relative;
	overflow: hidden;
}
@-webkit-keyframes imgTrans {
 0% { opacity:0; }
 5% { opacity:1; }
 20% { opacity:1; }
 25% { opacity:0; } 
 100% { opacity:0; }
}
@-moz-keyframes imgTrans {
 0% { opacity:0; }
 5% { opacity:1; }
 20% { opacity:1; }
 25% { opacity:0; } 
 100% { opacity:0; }
}
@keyframes imgTrans {
 0% { opacity:0; }
 5% { opacity:1; }
 20% { opacity:1; }
 25% { opacity:0; } 
 100% { opacity:0; }
}




#site-box { 
        width: 960px;
        margin: 0px auto
 }


#a-box { 
        height: 0px;
        width: 960px;
  }



#left-box {
         background-color: #ffffff;
     
        float: left;
        height: 584px;
        width: 230px;
        text-align: center;
        vertical-align: top;


  }


#site-main-box {
        background-color: #ffffff;
     
        width: 690px;
        padding: 20px;
        text-align:left;
        float: left;

  }



#right-box {
        
        float: right;
        width: 200px;

  }

#d-box { 
        height: 0px;
        width: 960px;
        background-color: #7a0031;
  }


#footer-box {
        clear: both;
        background-color:#7a0031;
        text-align: center;
        color:#ffffff; 
        height: 190px; 

  }


#footer-site-box {
        clear: both;
        text-align: center;
        color:#ffffff; 
        height: 140px; 
        width: 960px;
        margin:0 auto 0 auto;    
            

  }


#footer-a-box {

        padding: 10px;
        text-align: center;
        color:#daa520;
        height: 50px; 

  }

#footer-left-box {
        padding: 5px;
        text-align: left;
        float: right;
        width: 280px; 
        margin:0 auto 0 auto;
        height: 110px; 


 }


#footer-c-box {
        padding: 5px;
        text-align: left;
        float: right;
        margin:0 auto 0 auto;
        width: 230px;
        height: 110px; 



  }

#footer-right-box {
        padding: 5px;
        text-align: left;
        color:#ffffff; 
        margin:0 auto 0 auto;
        width: 230px;
        height: 110px; 
        float: right;
 
  }


#footer-e-box {
        padding: 5px;
        text-align: center;
        

  }

