/* CSS Document */

body {
background:url(../images/background_green.jpg) repeat;
margin:0px;
padding:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#000;
}

a img, a:link img, a:hover img, a:visited img, a:active img { border:none; }

#container {
position:relative;
margin:0px auto;
padding:0px;
width:538px;
padding-top:40px;
}

#header {
position:relative;
background:url(../images/header.png) no-repeat top;
width:538px;
height:119px;
}

#galHeader {
position:relative;
background:url(../images/galHeader.gif) no-repeat top;
width:538px;
height:119px;
}

#content {
position:relative;
background:url(../images/creatures.gif) no-repeat center #000;
text-align:center;
height:340px;
}

#contentSub {
margin:0px;
position:relative;
background:#000;
text-align:center;
height:340px;
padding:30px 0px 30px 0px;
}

#contentGal {
margin:0px auto;
position:relative;
text-align:left;
width:400px;
height:290px;
top:10px;
overflow:auto;
padding:30px 0px 30px 0px;
}

#contentGal img {
margin:0px 10px 20px 10px;
}

#galNav {
position:relative;
width:100%;
height:23px;
text-align:center;
margin-top:20px;
}

#whiteArea {
position:relative;
background:#FFF;
width:410px;
height:300px;
overflow:auto;
margin:0px auto;
text-align:left;
padding:5px 20px 20px 20px;
}

#whiteArea h1 {
width:100%;
text-align:center;
font-weight:100;
}

#nav {
position:relative;
width:150px;
height:auto;
top:100px;
margin:0px auto;
}

#nav img { margin-bottom:10px; }

#galContent {
color:#66CC00;
}

#footer {
position:relative;
background:url(../images/footer.png) no-repeat top;
width:538px;
height:72px;
text-align:center;
padding-top:5px;
}

#galFooterBar {
width:455px;
position:relative;
border-top:1px solid #000;
margin:40px auto 0px auto;
}

#galFooter {
position:relative;
width:538px;
height:72px;
text-align:center;
padding-top:5px;
}