/* global */
html, body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
 background-color: #FFFFFF;
  font-family: arial;
 font-size: 14px;
 color: #444444;
} 

#link
{
height: 300px;
width: 400px;
border:0px solid black;
 text-align: center;
 position: absolute; 
 display:block; 
 top: 0px;
 left: 50%;border:0px solid red;
 margin-left: -200px; z-index:20;
}

* a:focus, * a:active
{
outline: none !important;
}


#pagewidth{ 
 width:100%; 
 text-align:justify;
 height: 1000px;
  margin-left:auto; 
 margin-right:auto;  
 display:block; 
 background-image: url(../images/bg.jpg);
 background-repeat:no-repeat;
 background-position: top center;
} 

.box
{
display:inline;
float: left;
width:330px;
height:240px;
border:0px solid black;
margin:0px;
}

.m1
{
margin-top:30px;
height: 210px;
}

.m2
{
margin-left: 0px;
margin-top:60px;
height: 180px;
}


/* head */
#top
{
 text-align: center;
 position: absolute; 
 height:260px; 
 display:block; 
 width:1020px;
 top: 280px;
 left: 50%;border:0px solid red;
 margin-left: -510px; z-index:10;
 } 
 
 #bottom
{
 top:480px;
 position: absolute; border:0px solid green;
 height:120px; z-index:5;
 display:block; 
 width:1020px;
 text-align: center;
 left: 50%;
 margin-left: -510px;
 } 
 

 #clock{display:block; text-align:center; height: 90px; position: relative;}
 #caption {display:block;text-align:center;  color: black; position: relative; font-size:10px;}