* {margin:0; padding:0; }
html, body {
height:100%;
margin:0;
padding:0;
font:normal 11px Verdana, Arial, Helvetica, sans-serif;
color:#606060
} 

body {
background-image:url(../images/index_bg.png);
background-repeat:no-repeat;
background-attachment:fixed;
background-position: 50% 50%;
}

ul, ol, li	{
list-style:none;
margin:0;
padding:0
}

h1,h2,p {
margin:0;
padding:0;
}

img {
border:0;
}

/* wrapper settings */
#wrapper {
position:relative;
top:50%;
left:50%;
margin:-225px 0 0 -290px;
height:480px;
width:750px;
}

#wrapper h1 {
padding-bottom:26px;
}

#headerposition {
position:absolute;
top: 0px;
left: 10px;
font-size:11px;
}

#headerposition h1{
visibility:hidden;
}

#centerposition {
position:absolute;
height: 100px;
width:200px;
top: 190px;
left: 150px;
padding-top:20px;
background-image:url(../images/centerposition_bg.png);
background-repeat:no-repeat;
}

#centerposition h2{
text-align:center;
}

#mainposition1{
position:absolute;
top: 50px;
left: 10px;
}

#mainposition2{
position:absolute;
top: 50px;
right: 10px;
}

#footerposition {
position:absolute;
bottom: 10px;
right: 40px;
}

/* Button rollover */
.cssnav
{
position: relative;
background: url(../images/index_overbtn.png) no-repeat;
font-family: arial, helvetica, sans-serif;
white-space: nowrap;
display: block;
width: 80px;
height: 30px;
margin: 0;
padding: 0;
}

.cssnav a
{
display: block;
font-size: 11px;
font-weight:bold;
width: 80px;
height: 30px;
display: block;
float: left;
color: #FFFFFF;
text-decoration: none;
}

.cssnav img
{
width: 80px;
height: 30px;
border: 0
}

* html a:hover
{
visibility:visible;
}

.cssnav a:hover img
{
visibility:hidden;
}

.cssnav span
{
position: absolute;
left: 15px;
top: 8px;
margin: 0px;
padding: 0px;
cursor: pointer;
}