/* CSS Document */

body
{
margin: 0;
background-color: #999999;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

.clear
{
clear:both;
}

p
{
font-family: Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-size: 10pt;
}

#container {
margin-left:auto;
margin-right:auto;
z-index:4;
}

h1
{
margin: 0;
padding: 50px 0px 0px 50px;
}

h1 img
{
display: block;
padding:0;
border: 0;
}

#topnav {
width: 438px;
height: 28px;
position: relative;
left: 143px;
padding: 0;
z-index:5;
}

#topnav li {
float:left;
color:#999999;
}

#topnav li a {
	padding: 0;
	display: block;
	height: 28px;
	background: url(sitegraphics/menu.png) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	font-size: 1%;
}

li#topnav_black a {
left:0px;
width:119px;
background-position: 0 0;
}

li#topnav_color a {
left:119px;
width:80px;
background-position: -119px 0;
}

li#topnav_sketches a {
left:199px;
width:76px;
background-position: -199px 0;
}

li#topnav_zelda a {
left:275px;
width:50px;
background-position: -275px 0;
}

li#topnav_sale a {
left:325px;
width:70px;
background-position: -325px 0;
}

li#topnav_catthouse a {
left:395px;
width:42px;
background-position: -395px 0;
}

li#topnav_black a:hover, li#topnav_blackhere a {
left:0px;
width:119px;
background-position: 0 -28px;
}

li#topnav_color a:hover, li#topnav_colorhere a {
left:119px;
width:80px;
background-position: -119px -28px;
}

li#topnav_sketches a:hover, li#topnav_sketcheshere a {
left:199px;
width:76px;
background-position: -199px -28px;
}

li#topnav_zelda a:hover, li#topnav_zeldahere a {
left:275px;
width:50px;
background-position: -275px -28px;
}

li#topnav_sale a:hover, li#topnav_salehere a {
left:325px;
width:70px;
background-position: -325px -28px;
}

li#topnav_catthouse a:hover {
left:395px;
width:42px;
background-position: -395px -28px;
}


#chick
{
background: url(sitegraphics/background.png);
position: absolute;
bottom: 0;
right: 0;
width: 520px;
height: 482px;
z-index:0;
}

#creecher
{
background: url(sitegraphics/warning.png);
position: relative;
top: 70px;
left: -70px;
width: 600px;
height: 600px;
z-index:0;
}

#welcome
{
clear:both;
float: right;
margin: 0;
padding: 0;
width: 295px;
bottom: 20px;
right:70px;
position:absolute;
z-index: 2;
}

#welcome p
{
font-size: 7pt;
letter-spacing: 2px;
line-height: 9pt;
}

#gallery
{
width:558px;
margin: 30px 0 0 144px;
float:left;
position:relative;
z-index:3;
clear:both;
}

ul#gallerynav
{
margin: 0;
text-align:right;
top:370px;
padding:24px 0;
list-style-type: none;
color:#000000;
}

ul#gallerynav li
{
display: inline;
padding:0 7px;
}


ul#gallerynav a
{
color:#FFFFFF;
text-decoration:none;
padding:3px 0;
position:relative;
}

ul#gallerynav a:hover
{
color:#000000;
background-color:#FFFFFF;
}


.thumbnail img
{
float:left;
margin: 24px 12px 0 0;
width: 77px;
border:2px solid;
border-color:transparent;
}

#gallery a:hover img
{
border:2px solid;
border-color:#FFF;
}

#warning {
padding:40px 30px 45px 30px;
width: 350px;
position:absolute;
top:130px;
left: 320px;
text-align:left;
background-color:#990000;
border-color:#000000;
border-top:1px solid #FFFFFF;
border-right:2px solid #660000;
border-bottom:2px solid #660000;
border-left:1px solid #FFFFFF;
}

#warning p {
font-size:10px;
line-height:15px;
color:#000000;
}

#warning h1 {
padding:0;
text-align:left;
font-size:18px;
font-family:Georgia, "Times New Roman", Times, serif;
line-height:20px;
color:#000000;
}

#warning a {
text-align:center;
padding:30px 2px 1px 2px;
color:#FFFFFF;
font-size:30px;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:bold;
text-decoration:none;
}

#warning a:hover {
border-bottom:2px solid #FFFFFF;
}