html,body{
margin:0;
padding:0;
}

body{
font: Arial,"MS Sans Serif";
text-align:center;
background-color:#daf4f1;
}

a{
padding:5px; 
text-decoration:none; 
color:#000000;
}

div#header{
margin:0 auto;
padding:0 auto;
width:700px;
height:200px;
}

div#container{
text-align:left;
}

div#wrapper{
background-image:url(images/bg_siamag.gif);
background-position:top left;
background-repeat:no-repeat;
overflow:hidden;
}

div#navigation{
height:100%;
text-align:center;
}

div#extra{
background:#CCC8B3;
}

div#footer{
background:#FFFFFF;
}

div#footer p{
margin:0;
padding:10px;
}

div#container{
width:700px;
margin:0 auto
}

div#content{
float:right;
width:500px;
padding: 10px 0;
}

div#navigation{
text-align:center;
float:left;
width:200px;
}

div#extra{
float:left;
clear:left;
width:200px;
}

div#footer{
text-align:center;
clear:both;
width:100%;
font-family: Arial,"MS Sans Serif";
font-size: 10px;
}

.cssnav {
text-align:center;
position:relative;
font-family: arial, verdana, helvetica, sans-serif;
background-image: url(images/over.gif);
background-repeat: no-repeat;
display: block;
width: 200px;
height: 55px;
margin: 0;
margin-bottom:0px;
padding: 0;
}
.cssnav a {
text-align:center;
display:block;
font-size: 25px;
width: 200px;
height: 55px;
float: left;
margin: 0;
padding: 0;
color: black; text-decoration: none;
}
.cssnav img {width: 100%; height: 100%; border: 0; }
* html a:hover {visibility:visible}
.cssnav a:hover img{visibility:hidden}
.cssnav span {
position:absolute;
left:5px;
top:3px;
margin:0;
cursor: pointer;
}