body 
{
background-image: url('background.jpg');
overflow: hidden;
}

a {color: #CD831E}
a:visited {color: #CD831E}
a:active {color: #CD831E}
a:hover {color: #FDF4B5;}

p {
color: rgb(239,160,57);
font-family: sans-serif;
font-size: 100%;
font-weight: bold;
margin-left: 130px;
margin-right: 60px;
}

p.center {
margin-top: 2%;
color: rgb(239,160,57);
font-family: sans-serif;
font-size: 100%;
font-weight: bold;
margin-left: 110px;
margin-right: 30px;
}

h1 {
color: rgb(239,160,57);
font-family: sans-serif;
font-size: 130%;
font-weight: bolder;
margin-left: 130px;
margin-right: 60px;
text-decoration: underline;
}

div#main
{
background-image url('background.jpg');
width: 75%;
height: 50%;
overflow: auto;
border: 2px dotted;
position: absolute;
left: 17%;
top: 28%;
padding: 5px;
background-color: #FDF4B5;
border-color: #CF851C;
}

img.main
{
position:absolute;
left: 0px;
bottom: 0px;
z-index: 1
}

img.title
{
position:absolute;
left: 38%;
top: 5%;
}

a img {height: 63px; width: 63px; border-width: 0;}
a#home img {background: url(star.gif) top left no-repeat; position: absolute; left: 35%; bottom: 4%;}
a#art img {background: url(star.gif) top left no-repeat; position: absolute; left: 44%; bottom: 4%;}
a#me img {background: url(star.gif) top left no-repeat; position: absolute; left: 53%; bottom: 4%;}
a#buy img {background: url(star.gif) top left no-repeat; position: absolute; left: 62%; bottom: 4%;}
a#link img {background: url(star.gif) top left no-repeat; position: absolute; left: 71%; bottom: 4%;}

a#home:hover img {background: url(home.gif) top left no-repeat;}
a#art:hover img {background: url(art.gif) top left no-repeat;}
a#me:hover img {background: url(about.gif) top left no-repeat;}
a#buy:hover img {background: url(buy.gif) top left no-repeat;}
a#link:hover img {background: url(link.gif) top left no-repeat;}

ul {
list-style-image: url('arrow.gif');
color: rgb(239,160,57);
font-family: sans-serif;
margin-left: 130px;
margin-right: 60px;
vertical-align:text-top;
}

img.thumb {
margin-left: 150px;
border: 1px dotted;
}

img.thumb2 {
margin-left: 2px;
border: 1px dotted;
}


p.copyright {
color: rgb(239,160,57);
font-family: sans-serif;
font-size: 60%;
position: absolute;
right: -5px;
bottom: 0px
}

p.counter {
position: absolute;
top: 0px;
right: -5px;
}

div#pic
{
background-image url('background.jpg');
width: 90%;
height: 95%;
border: 2px dotted;
margin-left: 2%;
margin-right: 2%;
margin-top: 2%;
margin-bottom: 2%;
position: center;
left: 2%;
bottom: 2%;
padding: 10px;
background-color: #FDF4B5;
border-color: #CF851C;
overflow: auto;
}

p.pic {
color: rgb(239,160,57);
font-family: sans-serif;
font-size: 90%;
margin-left: 25%;
margin-right: 25%;
}

td.pic {
color: rgb(239,160,57);
font-family: sans-serif;
font-size: 90%;
font-weight: bold;
}

h1.pic {
color: rgb(239,160,57);
font-family: sans-serif;
font-size: 100%;
margin-left: 25%;
margin-right: 25%;
font-weight: bolder;
text-decoration: underline;
}

table.thumb {
margin-left: 140px;
color: rgb(239,160,57);
font-family: sans-serif;
font-size: 80%;
font-weight: normal;
}

table.thumb2 {
margin-left: 2px;
color: rgb(239,160,57);
font-family: sans-serif;
font-size: 80%;
font-weight: normal;
}

table.bn {
margin-left: 0px;
color: rgb(239,160,57);
font-family: sans-serif;
font-size: 100%;
font-weight: normal;
}

table.link {
color: rgb(239,160,57);
font-family: sans-serif;
font-size: 100%;
font-weight: bold;
}

img.link {
width: 100%;
height: 100%;
border: 1px dotted;
}

img.image {
border: 1px dotted;
}

form.gb {
color: rgb(239,160,57);
font-family: sans-serif;
font-size: 100%;
font-weight: bold;
margin-left: 130px;
margin-right: 60px;
}

p.bn {
margin-left: 0px;
color: rgb(239,160,57);
font-family: sans-serif;
font-size: 100%;
font-weight: normal;
}

p.comics {
margin-left: 150px;
color: rgb(239,160,57);
font-family: sans-serif;
font-size: 100%;
font-weight: normal;
}

img.new
{
position:absolute;
vertical-align:text-top;
z-index: 1;
}