/* CSS Document */
/*Global*/
html, body{height:100%;}
img{margin: 0px; padding: 0px; border-style:none;}
body{
margin:0px;
padding:0px;
color:#E3DC9D;
background-color:#000000;
font-family:Arial, Helvetica, Verdana, sans-serif;}
p{padding-left:30px; padding-right:30px; padding-top:5px;padding-bottom:5px; font-size:.9em;}
#footer p{font-size:.7em; padding:0px;}
#artpage #content{padding:11px; overflow:hidden; width:778px;}
.center{text-align:center; margin:auto; display:block;}
.clear{clear:both;}
ul{list-style-type:none;}

/*Layout*/
#wrapper{position: relative; left: 50%; width: 800px; margin:0px; padding:0px; margin-left: -400px; overflow:hidden;}
#header{width:800px; height:120px; margin-top:30px; background-color:#111111; background-image:url(i/layout/title.gif); background-repeat:no-repeat; position: relative;}
#nav{width:800px; height:90px; background-color:#111111; position: relative;}
#content{position:relative; width:800px; overflow:hidden; background-color:#111111;}
#spacer{position:relative; width:800px; height:100px; background-color:#111111;}
#footer{position:relative; width:800px; clear:both;}
#footerleft{position:relative; width:400px; float:left; text-align:left;}
#footerright{position:relative; width:400px; float:right; text-align:right;}

/*Splash Layout*/
#entrance{position:relative; width:800px; height:50px;}
#entpic{position:relative; width:374px; height:173px; background-image:url(i/layout/entpic.jpg); background-repeat:no-repeat;margin-top:100px; margin-bottom:100px; margin-left:auto; margin-right:auto;}


/*Navigation*/
#nav ul { width: 421px; margin: 0px; padding: 0px; list-style-type:none;}
#nav ul a{text-indent:-5000px; overflow:hidden; list-style-type:none;}
#nav li{float: left;}
#nav .art a{width:105px; height:50px; background-image:url(i/layout/art.gif); background-repeat: no-repeat; background-position:left top; display:block;}
#nav .about a{width:149px; height:50px; background-image:url(i/layout/about.gif); background-repeat: no-repeat; background-position:left top; display:block;}
#nav .contact a{width:167px; height:50px; background-image:url(i/layout/contact.gif); background-repeat: no-repeat; background-position:left top; display:block;}
#splashpage .enter a{width:85px; height: 45px; background-image:url(i/layout/enter.gif); background-repeat: no-repeat; background-position: right top; text-indent:-5000px; margin-left:auto; margin-right:auto; display:block; overflow:hidden;}

/*Nav Hover*/
#nav .art a:hover, #nav .art a:visited:hover, #nav .about a:hover, #nav .contact a:hover{background-position:right top;}
#splashpage .enter a:hover{background-position:left top;}

/*Nav Selected*/
#artpage #nav .art a{background-position:right top;}
#aboutpage #nav .about a{background-position:right top;}
#contactpage #nav .contact a{background-position:right top;}

/*Thumbnails*/
#artpage #content a img{width:95px; height:71px; margin:1px; padding:0px; float:left;}

/*Links*/
a{outline: none;}
a:link{color:#E3DC9D;}
a:link:hover, a:visited:hover{color:#D0CE3D;}
a:visited{color:#E3DC9D;}