html {

  background: #cfd1d2;
  text-align: center;


}
body {
	font-family:Myriad,Tahoma;
	margin: 0 auto;
	font-size: 12px;

         }
#bg{
         width: 350px;
         height: 700px;
         background: url('bg.jpg');
         background-repeat: no-repeat;
         text-align: left;
         }
#bg.christmas{
         width: 350px;
         height: 700px;
         background: url('bg_christmas.jpg');
         background-repeat: no-repeat;
         text-align: left;
         }
#bg.newyear{
         width: 350px;
         height: 700px;
         background: url('bg_newyear.jpg');
         background-repeat: no-repeat;
         text-align: left;
         }
#bg_flash{
         width: 350px;
         height: 700px;
         background: url('bg_flash.jpg');
         background-repeat: no-repeat;
         text-align: center;
         }
#bg_html{
         width: 350px;
         height: 700px;
         background: url('bg_html.jpg');
         background-repeat: no-repeat;
         text-align: center;
         }
span{
	color: #7d7d7d;
         font-size: 10px;
         font-weight: bold;
         }
span.text{
	color: #cc3c1f;
         font-size: 16px;
         }
span a, span a:visited, span a:hover{
	color: #cc3c1f;
         }
#box {
         margin: 0 auto;
         width: 350px;
         height: 700px;
         vertical-align: bottom;
         }
#flash{
	width: 109px;
         height: 100px;
         position: absolute;
         margin: 500px 0px 0px 25px;
         }
#flash a{
	background: url('enter.jpg');
         width: 109px;
         height: 100px;
         display: block;
         outline: 5px solid #ffffff;
         }
#flash a:hover{
	background: url('enter-over.jpg');
         width: 109px;
         height: 100px;
         outline: 5px solid #cc3c1f;
         }
#html{
	width: 109px;
         height: 100px;
         position: absolute;
         text-align: right;
         margin: 500px 0px 0px 216px;
         }
#html a{
	background: url('enter-update.jpg');
         width: 109px;
         height: 100px;
         display: block;
         outline: 5px solid #ffffff;
         }
#html a:hover{
	background: url('enter-over.jpg');
         width: 109px;
         height: 100px;
         outline: 5px solid #cc3c1f;
         }
#footer{
         margin: 0 auto;
         font-size: 10px;
         font-weight: bold;
         color: #7d7d7d;
         text-transform: uppercase;
         width: 500px;
         text-align: center;

         }
#footer span.gd{
	color: #cc3c1f;
         }
#footer a, footer a:visited, footer a:hover{
	color: #7d7d7d;
         text-decoration: none;
         }
h1{
         font-size: 10px;
         font-weight: bold;
         color: #7d7d7d;
         text-transform: uppercase;
         display: inline;
         line-height: 1em;
         }