HTML,BODY 
{
    background-color:   #fff;
    margin:             0px;
    padding:            0px;
    height:             100%;
    font-family:        Verdana, Tahoma, Arial;
    font-size:          10px;
    color:              #333;
}

div.title {
   margin-bottom:       10px;
    font-family:        Verdana, Tahoma, Arial;
    font-size:          24px;
    color:              #fff;
}

div.box 
{
    width:          800px; 
    height:         600px;
    position:       absolute;
    left:           50%;
    margin-left:    -400px;
    top:            50%;
    margin-top:     -300px;   
}

div.info {
   padding:          15px;
   position:         relative;
   background:       url('../images/bg.png') top left repeat;
   top:              80px;
   left:             20px;
   width:            730px;
   height:           420px;
}

div.info P {
   color: #fff;
}

div.menu {
   position:absolute;
   top: 540px;
   left: 20px; 

}

.box2 span {
   background-color: #336699;
   border:           1px solid #336699;
}

div.menu table td, 
A
{
    color:              #fff;
    font-family:       Verdana, Tahoma, Arial;
    font-size:         20px;
    text-decoration:   none;
}

A:hover {
text-decoration:   underline;
}

div.box1 {
   background:     url('../images/1.jpg') top left no-repeat;
}

div.box2 {
   background:     url('../images/2.jpg') top left no-repeat;
}

div.box3 {
   background:     url('../images/3.jpg') top left no-repeat;
}

div.box4 {
   background:     url('../images/4.jpg') top left no-repeat;
}