* {
margin: 0px;
padding: 0px;
}

body {
background-image: url(../images/background.jpg);
background-color: #8ca1b1;
background-position: center top;
background-repeat: no-repeat;
background-attachment: fixed;
}

#container {
position: relative;
width: 780px;
margin: 0px auto;
}

#header {
width: 780px;
height: 250px;
background-image: url(../images/header.jpg);
background-repeat: no-repeat;
}

#body {
width: 780px;
background-image: url(../images/tile_body.jpg);
background-repeat: repeat-y;
}

#left {
width: 256px;
float: left;
}

/* content */
#content {
float: left;
width: 480px;
margin: 0px 0px 20px;
}

#main_top {
width: 480px;
height: 24px;
background-image: url(../images/main_top.jpg);
background-repeat: no-repeat;
}

#main_bottom {
width: 480px;
height: 26px;
background-image: url(../images/main_bottom.jpg);
background-repeat: no-repeat;
}

#main {
min-height: 120px;
}

#page {
width: 400px; /*actual 480px wide */
padding: 10px 40px;
background-image: url(../images/main.jpg);
background-repeat: repeat-y;
overflow: hidden;
}

#nav {
width: 150px;
margin: 30px 0px 0px 45px;
}

#footer {
position: relative;
width: 780px;
height: 128px;
background-image: url(../images/footer.jpg);
background-repeat: no-repeat;
}

/* PNG OVERLAYS */
#logo {
position: absolute;
top: 28px;
left: 85px; 
width: 161px;
height: 213px;
z-index: 20;
overflow: hidden;
}

#logo a {
display: block;
width: 161px;
height: 213px;
background-image: url(../images/logo.png);
background-repeat: no-repeat;
overflow: hidden;
padding-top: 213px;
}

#newspaper {
position: absolute;
top: 0px;
left: 0px; 
width: 127px;
height: 446px;
background-image: url(../images/newspaper.png);
background-repeat: no-repeat;
}

#bullet {
position: absolute;
top: 0px;
left: 195px; 
width: 130px;
height: 47px;
background-image: url(../images/bullet.png);
background-repeat: no-repeat;
}

#leaf {
position: absolute;
top: 0px;
left: 590px; 
width: 126px;
height: 86px;
background-image: url(../images/leaf.png);
background-repeat: no-repeat;
}

#reel {
position: absolute;
bottom: 0px;
left: 290px; 
width: 477px;
height: 128px;
background-image: url(../images/reel.png);
background-repeat: no-repeat;
}

#blog {
position: absolute;
top: 400px;
left: 10px; 
width: 96px;
height: 97px;
overflow: hidden;
z-index: 10;
}

#blog a {
display: block;
width: 96px;
height: 96px;
background-image: url(../images/blog_button.png);
background-repeat: no-repeat;
}

#blog a:hover {
background-position: 0px -96px;
}

/* credit */
#credit {
position: absolute;
top: 40px;
left: 98px;
overflow: hidden;
}

#credit,
#credit a {
width: 135px;
height: 15px;
}

#credit a {
display: block;
padding: 15px 0px 0px;
background-image: url(../images/korkoladesign.gif);
background-repeat: no-repeat;
}

/* clear */
.clear {
clear: both;
}

#test {
position:relative;
width: 800px;
height: 500px;
background-color: #CCCCCC;
margin: 0px auto;
}