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

html{height:100%;}

body{height:100%; margin:0; padding:0; font:Tahoma, Arial, Helvetica, sans-serif; overflow:hidden;}

#stage{
	position:relative;
	width:911px;
	left:50%;
	margin-left:-455px;
	margin-top:50px;
}
p, li, a{font:11px Tahoma, Arial, Helvetica, sans-serif; color:#004a80; text-decoration:none;}

a:hover{text-decoration:underline;}

h1{color:#333333;}
/**********************************navigation*********************************************/

.home a{width:42px; height:19px; background:url(../images/template-images/home.jpg) top left no-repeat; display:block; margin:0px 10px;}
.home a:hover{ background-position:right;}
.me a{width:24px; height:19px; background:url(../images/template-images/me.jpg) top left no-repeat; display:block; margin:0px 10px;}
.me a:hover{ background-position:right;}
.art a{width:26px; height:19px; background:url(../images/template-images/art.jpg) top left no-repeat; display:block; margin:0px 10px;}
.art a:hover{ background-position:right;}
.contact a{width:55px; height:19px; background:url(../images/template-images/contact.jpg) top left no-repeat; display:block; margin:0px 10px;}
.contact a:hover{ background-position:right;}

/********************************content*********************************************/

#content{width:891px; height:430px; padding:10px; background:url(../images/template-images/main-box.jpg) top left no-repeat;}

#artwork{width:891px; height:420px; overflow:scroll; white-space:nowrap;}

#artwork img{border:0px; margin:0px 3px;}

#scroll{overflow:scroll;height:400px;}