body {
	margin: 0 0 0 0;
	padding: 0;
	background-color: #D1FAA9;
	font-family: arial,verdana,arial,sans-serif;
	color: gray;
	font-size: 11px;
	line-height: 13px;
	font-weight: normal;
}


a {
	color:#D1FAA9;
	text-decoration:none;
	font-weight:normal;
	border:0;
}

a:focus, a:active {
	text-decoration:none;
	color:#62272c;
	font-weight:normal;
}

a:hover {
	text-decoration:none;
	color:#62272c;
	font-weight:normal;
}

a:visited {
	text-decoration:none;
	color: #4f2b54;
}

a img{
	border:0;
}


#container {
	margin: auto;
	width:850px;
	height:630px;
}

#sp1 {
	position:relative;
	float:left;
	width:515px;
	height:101px;
}

#nav-logo {
	position:relative;
	float:left;
	width:333px;
	height:101px;
}

#nav-hi {
	position:relative;
	float:left;
	width:95px;
	height:35px;
}

#nav-artwork {
	position:relative;
	float:left;
	width:107px;
	height:35px;
}

#nav-press {
	position:relative;
	float:left;
	width:105px;
	height:35px;
}

#nav-contact {
	position:relative;
	float:left;
	width:94px;
	height:35px;
}

#sp2 {
	position:relative;
	float:left;
	width:112px;
	height:35px;
}

#nav_home {
	position:relative;
	float:left;
	width:333px;
	height:35px;
}

#center {
	position:relative;
	float:left;
	width:850px;
	height:408px;
}

#center-subpage-left {
	position:relative;
	float:left;
	width:346px;
	height:420px;
	z-index: 100;
}

#center-subpage-right {
	position:relative;
	float:left;
	width:484px;
	height:388px;
	background-color: #6f972e;
	color: #f6f7d8;
	text-align: left;
	padding: 10px 10px;
	overflow: auto;
}

#center-subpage-art {
	position:relative;
	float:left;
	width:494px;
	height:407px;
	background-color: #6f972e;
	text-align: left;
	padding: 1px 5px;
	overflow: hidden;
}

#copyright {
	position:relative;
	float:left;
	width:850px;
	height:37px;
	text-align: right;
	font-size: 10px;
}

#credit {
	position:relative;
	float:left;
	width:850px;
	height:37px;
	font-size: 8.5px;
}

/* Start of artwork grid */

#table-grid {
	position:relative;
	float:left;
	width:495px;
	height:400px;
}

#grid-01 {
	float: left;
	width:98px;
	height:100px;
	border: 1px solid #6f972e;	
	
}

#grid-01:hover {
border: 1px solid #990000;	
}

#grid-02 {
	float: left;
	width:94px;
	height:100px;
	background: #6f972e;
	border: 1px solid #6f972e;
}


#grid-03 {
	float: left;
	width:98px;
	height:100px;
	border: 1px solid #6f972e;	
}

#grid-03:hover {
border: 1px solid #990000;
	
}

#grid-04 {
	float: left;
	width:94px;
	height:100px;
	background: #6f972e;
	border: 1px solid #6f972e;
}


#grid-05 {
	float: left;
	width:98px;
	height:100px;
	border: 1px solid #6f972e;
}

#grid-05:hover {
border: 1px solid #990000;
	
}

#grid-06 {
	float: left;
	width:98px;
	height:99px;
	background: #b0d889;
	border: 1px solid #b0d889;
}

#grid-07 {
	float: left;
	width:94px;
	height:99px;
	border: 1px solid #6f972e;
}

#grid-07:hover {
border: 1px solid #990000;
	
}

#grid-08 {
	float: left;
	width:98px;
	height:99px;
	background: #6f972e;
	border: 1px solid #6f972e;
}

#grid-09 {
	float: left;
	width:94px;
	height:99px;
	border: 1px solid #6f972e;
}

#grid-09:hover {
border: 1px solid #990000;
	
}

#grid-10 {
	float: left;
	width:98px;
	height:99px;
	background: #6f972e;
}

#grid-11 {
	float: left;
	width:98px;
	height:99px;
	border: 1px solid #6f972e;
}

#grid-11:hover {
border: 1px solid #990000;
	
}

#grid-12 {
	float: left;
	width:94px;
	height:99px;
	background: #6f972e;
}

#grid-13 {
	float: left;
	width:98px;
	height:99px;
	border: 1px solid #6f972e;
}

#grid-13:hover {
border: 1px solid #990000;
	
}

#grid-14 {
	float: left;
	width:95px;
	height:99px;
	background: #b0d889;
	border: 1px solid #b0d889;
}

#grid-15 {
	float: left;
	width:98px;
	height:99px;
	border: 1px solid #6f972e;
}

#grid-15:hover {
border: 1px solid #990000;
	
}

#grid-16 {
	float: left;
	width:98px;
	height:99px;
	background: #6f972e;
	border: 1px solid #6f972e;
}

#grid-16b {
	float: left;
	width:98px;
	height:99px;
	background: #6f972e;
	border: 1px solid #6f972e;
}

#grid-16:hover {
border: 1px solid #990000;
	
}

#grid-17 {
	float: left;
	width:94px;
	height:99px;
	border: 1px solid #6f972e;
}

#grid-17:hover {
border: 1px solid #990000;
	
}

#grid-18 {
	float: left;
	width:98px;
	height:99px;
	background: #b0d889;
	border: 1px solid #b0d889;
}

#grid-19 {
	float: left;
	width:94px;
	height:99px;
	border: 1px solid #6f972e;
}

#grid-19:hover {
border: 1px solid #990000;
	
}

#grid-20 {
	float: left;
	width:98px;
	height:99px;
	background: #6f972e;
	border: 1px solid #6f972e;
	display: block;
}

/* End of artwork grid */

#photoholder {
  width:850px;
  height:408px;
  background:#D1FAA9 url('loading.jpg') 50% 50% no-repeat;
}
#thephoto {
  width:850px;
  height:408px;
}

.title {font-size: 11px;
	font-weight: bold;
	color: #62272c;
}
	
.descrip {color: #6f972e;
}

a.hi {display: block;
     width: 95px;
     height: 35px;
     background-image: url(nav_hello.jpg);
     background-repeat: no-repeat;
}
	 
a.hi:hover {background-image: url(nav_hello_over.jpg);
}

a.artwork {display: block;
     width: 107px;
     height: 35px;
     background-image: url(nav_artwork.jpg);
     background-repeat: no-repeat;
}
	 
a.artwork:hover {background-image: url(nav_artwork_over.jpg);
}

a.press {display: block;
     width: 107px;
     height: 35px;
     background-image: url(nav_press.jpg);
     background-repeat: no-repeat;
}
	 
a.press:hover {background-image: url(nav_press_over.jpg);
}

a.contact {display: block;
     width: 94px;
     height: 35px;
     background-image: url(nav_contact.jpg);
     background-repeat: no-repeat;
}
	 
a.contact:hover {background-image: url(nav_contact_over.jpg);
}
     
a.home {display: block;
     width: 333px;
     height: 35px;
     background-image: url(nav_home.jpg);
     background-repeat: no-repeat;
}
	 
a.home:hover {background-image: url(nav_home_over.jpg);
}
     
a.credit {
	color:#6f972e;
	text-decoration:none;
	font-weight:normal;
	border:0;
}