/* Created by Andrew Van Dyk 
   Last Update: August 2008
   ------------------------------------- */

body {
	font: 12px/14px Trebuchet MS, Verdana, Helvetica, Arial, sans-serif;
	background: #FFFFF5 url(images/web_bgnew.jpg) no-repeat center top;
	color: #000000;
	width: 100%;
	margin: 0; 
	padding: 1px 0;
}
h1 {
	text-align:left;
	font : bold 13px/14px Trebuchet MS, Verdana, Helvetica, Arial, sans-serif;
	color: #4D4D4D;
	margin-bottom: 10pt;
	margin-top: 10pt;
	margin-left: 30pt;
	margin-right: 30pt;
}
h2 {
	text-align:left;
	font : normal 13px/14px Trebuchet MS, Verdana, Helvetica, Arial, sans-serif;
	color: #4D4D4D;
	padding: 0 75px;
	margin-bottom: 5pt;
	margin-top: 20pt;
	line-height: 1.3em;
}
h3 {
	text-align:center;
	font : normal 13px/14px Trebuchet MS, Verdana, Helvetica, Arial, sans-serif;
	color: #4D4D4D;
	margin-bottom: 5pt;
	margin-top: 5pt;
	line-height: 1.1em;
}
blockquote {
	color: #000000;
	display: block;
	background: transparent;
	padding: 0 36px;
	margin-bottom: 5pt;
	margin-top: 20pt;
}
.currently {
	color: #DB282D;
	font : bolder 13px/14px Trebuchet MS, Verdana, Helvetica, Arial, sans-serif;
}
img {
	border: none;
}
/* Header
---------------------------------------------------------------------- */
#header {
	list-style: none;
	padding: 1px 0;
	height: 230px;
	width: 774px;
	margin: 0 auto;
	position: relative;
	background: transparent;
}
.navigation {
	float:right; 
	margin:103px 25px 0 0;
}
.navlist {
	margin:0; 
	padding: 1px 0 ;
}
.navlist ul, .navlist li {
	margin:0; 
	padding:1px 0; 
	display:inline; 
	list-style-type:none;
}
.navlist a:link, .navlist a:visited {
	line-height:14px; 
	padding:3px; 
	margin:0 3px 4px 3px; 
	text-decoration:none; 
	color:#333333;
}
.navlist a:link#current, .navlist a:visited#current, .navlist a:hover {	
	padding:3px 3px 2px 3px; 
	background:transparent; 
	color:#000;
}
.navlist a:hover {
	color:#eeeeee; 
	background-color:#782222
}
#logo {
	position: relative;
	top: 85px;
	left: 275px;
}
/* Menu Controls
---------------------------------------------------------------------- */
#menu {
	list-style: none;
 	padding: 0;
  	margin: 0 auto;
  	width: 774px;
  	height: 156px;
  	background: url(images/content_topMENU.gif) no-repeat;
  	position: relative;
}
#menu span {
  display: none;
  position: absolute;
}
#menu a {
  display: block;
  text-indent: -900%;
  position: absolute;
  outline: none;
}
#menu a:hover {
  background-position: left bottom;
}
#menu a:hover span {
  display: block;
}
/* Menu image swaps 
------------------*/
#menu .art {
  width: 127px;
  height: 66.5px;
  background: url(images/artmenu.gif) no-repeat;
  left: 88px;
  top: 33px;
}
#menu .art span {
  width: 98px;
  height: 21px;
  background: url(images/artmenu_over.gif) no-repeat;
  left: 28px;
  top: 70px;
}

#menu .print {
  width: 143px;
  height: 74.5px;
  background: url(images/printmenu.gif) no-repeat;
  left: 240px;
  top: 75px;
}
#menu .print span {
  width: 71px;
  height: 18px;
  background: url(images/printmenu_over.gif) no-repeat;
  left: 28px;
  top: -20px;
}
#menu .web {
  width: 151px;
  height: 107px;
  background: url(images/webmenu.gif) no-repeat;
  left: 414px;
  top: 26px;
}
#menu .web span {
  width: 60px;
  height: 16px;
  background: url(images/webmenu_over.gif) no-repeat;
  left: 20px;
  top: 110px;
}
#menu .photo {
  width: 129px;
  height: 64.5px;
  background: url(images/photomenu.gif) no-repeat;
  left: 602px;
  top: 82px;
}
#menu .photo span {
  width: 71px;
  height: 18px;
  background: url(images/photomenu_over.gif) no-repeat;
  left: 26px;
  top: -20px;
  }

/* Content
-----------------------------------------------------------------------*/

#content {
	list-style: none;
	padding: 1px 0;
	margin: 0 auto;
	width: 774px;
	background: url(/images/content_mid.gif) repeat-y;
	position: relative;
}
#content-top {
	padding: 1px 0;
	margin: 0 auto;
	width: 774px;
	height: 156px;
	background: url(/images/content_top.gif);
	position: relative;
}
/* art projects menu
------------------*/
#art {
	list-style: none;
 	padding: 0;
  	margin: 0 auto;
  	width: 774px;
  	position: relative;
}
ul#art {
	height: 168px;
	list-style: none;
	padding-left: 5px;
	}
	ul#art li {
		display: inline;
	}
	ul#art li a {
		display: block;
		width: 230px;
		float: left;
		margin-top: 0px;
		margin-right: 10px;
		border:4px solid #666;
		margin:0 0 15px 13px;
		}
		ul#art li a:hover, ul#nav li a:active {
			border:4px solid #0099CC;
		}
/* Image browser controls
-----------------------*/
.thumbs a img{
  border:4px solid #666;
  margin:0 0 15px 13px;
  position: relative;
}
.thumbs a:hover img{
  border:4px solid #0099CC;
  margin:0 0 15px 13px;
}
.thumbs a.last img{
  margin-right:0;
}
/* Footer
-----------------------------------------------------------------------*/

#footer {
	list-style: none;
	padding: 1px 0;
	margin: 0 auto;
	width: 774px;
	height: 28px;
	position: relative;
	background: url(images/content_bot.gif) no-repeat center top;
	font: 75%/160% Arial, Helvetica, sans-serif;
	color: #999999;
}
/* About
----------------------------------------------------------------------*/
.aboutnav {
	float:left; 
	margin:5px 0 0 100px;
}
.about {
	margin:0; 
	padding:0 ;
	font : bold 13px/14px Trebuchet MS, Verdana, Helvetica, Arial, sans-serif;
	color: #4D4D4D;
	padding-left: 100px;
	line-height:1.3em;
}
.about ul, .about li {
	margin:0; 
	padding:0; 
	display: inherit;
}
.about a:link, .about a:visited {
	line-height: 1.3em;
	font : bold 13px/14px Trebuchet MS, Verdana, Helvetica, Arial, sans-serif;
	color: #4D4D4D;
	text-decoration:none; 
	color:#000000;
}
.about a:link#current, .about a:visited#current, .about a:hover {
	background:transparent; 
	color:#000000;
}
.about a:hover {
	color:#eeeeee; 
	background-color:#782222
}