@charset "UTF-8";
/* CSS Document */

/* page divs */
#container
{
width: 777px;
margin: 10px auto;
color: #339966;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 12px;
}

#top
{
background-image: url(images/header_bac.jpg);
background-repeat: no-repeat; 
height:71px;
width: 777x;
}

#middle
{
height: auto;
background-image: url(images/middle_bac.jpg);
background-repeat: repeat-y; 
min-height: 300px;
padding: 0 0 0 35px;
}

#leftnav
{
float: left;
width: 140px;
margin: 0;
padding: 70px 0 0 30px;
}

#rightnav
{
float: right;
width: 140px;
margin: 0;
padding: 100px 45px 0 0;
}

#content
{
margin-left: 140px;
margin-right: 140px;
max-width: 700px;
}

.contentb
{
padding: 0 0 0 20px;
height: auto;
max-width: 650px;
}

#footer
{
clear: both;
background-image: url(images/footer_bac.jpg);
background-repeat: no-repeat; 
height:65px;
width: 777x;
padding: 15px 80px 0 20px;
}

#home
{
float: left;
margin: 0;
padding: 0 0 0 0;
}

#footername
{
float: right;
height: 30px;
margin: 0;
padding: 0 0 0 0;
}

/* spacing */

.menuspace
{
height: 2px;
}

.titlespace
{
height: 200px;
}

/* rollovers */

a.guardian {
display: block;
width: 115px;
height: 115px;
text-decoration: none;
background: url("images/446379g_t.jpg");
}

a.guardian:hover {
background-position: -115px 0;
}

a.second {
display: block;
width: 115px;
height: 115px;
text-decoration: none;
background: url("images/0000000a_t.jpg");
}

a.second:hover {
background-position: -115px 0;
}

a.third {
display: block;
width: 90px;
height: 114px;
text-decoration: none;
background: url("images/168755431e_t.jpg");
}

a.third:hover {
background-position: -90px 0;
}

a.desire {
display: block;
width: 109px;
height: 112px;
text-decoration: none;
background: url("images/4427359d_t.jpg");
}

a.desire:hover {
background-position: -109px 0;
}

a.wall {
display: block;
width: 115px;
height: 114px;
text-decoration: none;
background: url("images/9854762c_t.jpg");
}

a.wall:hover {
background-position: -115px 0;
}

a.buttercup {
display: block;
width: 115px;
height: 115px;
text-decoration: none;
background: url("images/4456789g_t.jpg");
}

a.buttercup:hover {
background-position: -115px 0;
}

a.aurora {
display: block;
width: 90px;
height: 115px;
text-decoration: none;
background: url("images/4673892e_t.jpg");
}

a.aurora:hover {
background-position: -90px 0;
}

/* misc */

body {
	background-color: #000000;
}

.thumbnail
{
float: left;
width: 115px;
margin: 0px 15px 0px 15px;
padding: 15px;
font-family: Verdana, Arial, Helvetica, sans-serif; 
color: #339966;
font-size: 9px;
}

.thumbnailb
{
float: left;
width: 90px;
margin: 0px 15px 0px 15px;
padding: 15px;
font-family: Verdana, Arial, Helvetica, sans-serif; 
color: #339966;
font-size: 9px;
}

.clearboth { clear: both; }