body {
		background-image: url(../elements/bg-grid.jpg);
		background-repeat: repeat-y;
		background-position: center;
		font-family: 'helvetica', Verdana, Arial, Sans-Serif;
		font-size: .7em;	
		line-height: 1.3em;
		background-color: #333;
		text-align: center;
	}
	
	p {
	color: #333;
	}
	
	
/* structure */		

	#container {
		width:805px;
		margin: auto;
		margin-top:10px;
		text-align:left;
	}
	
	#boundary {
		width: 800px;
		margin-left: 3px;
	}

	#container img {
		border: 0 none;
	}

	
	#contentcenter-top {
		width:800px;
		float:left;
		display: inline;
		padding-top: 0px;
		padding-bottom: 0px;
		padding-left: 0px;
		padding-right: 0px;
		overflow: hidden;
	}
	
	#contentcenter-low {
		width:790px;
		float:left;
		display: inline;
		padding-top: 5px;
		padding-right: 5px;
		padding-bottom: 30px;
		padding-left: 5px;
		overflow: hidden;
	}
	
	#contentright {
		width:145px;
		float:left;
		padding-right: 0px;
		padding-bottom: 0px;
		padding-left: 0px;
		padding-top: 0px;
		margin-left: 55px;
		margin-top: 80px;
	}
	
#maincontent { 
	width: 800px;
	text-align: left;
	float: left;
}

#maincontent p {
	font-size: .95em;	
	line-height: 1.3em;	
	padding: 0px 20px 0px 20px;
	color: #333;
}

#maincontent p.date {
	font-size: .95em;		
	padding: 0px 20px 0px 20px;
	margin-bottom: -10px;
	color: #111;
	letter-spacing: 1px;
	font-weight: bold;
}

#maincontent a {
		text-decoration: underline;
		color: #333;
	}

#maincontent a:hover {
		text-decoration: none;
	}

#maincontent p.credit {
	font-size: 10px;
	text-align: right;
	margin-top: 0;
}

#maincontent p sup {
	font-size: 10px;
} 

#maincontent li {
	list-style-image: url('#');
}

/* avoid h2 tags because they conflict with gallery script */	

#maincontent h3 {
	margin-top: 30px;
	padding: 0px 20px 0px 10px;
	font-size: 16px;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 3px;
}

#maincontent h4 {
	margin-top: 5px;
	margin-bottom: -8px;
	padding: 0px 20px 0px 20px;
	font-size: 10px;
	font-weight: normal;
	letter-spacing: 3px;
	color: #5983aa;
}

#maincontent p.blurb {
	font-size: 20px;
}
                
#maincontent p.byline {
	text-align: center;
	margin-top: 0px;
}

#maincontent img {
	align: center;
	margin-top: 0px;
}

#maincontent img.project {
	margin-top: 0px;
}


#lowinfo div {
	width: 220px;
	float: left;
	clear: right;
	color: #4c453e;
	border: 0 none;
	margin-bottom: 20px;
	margin-top: 40px;
	padding-left: 20px;
}

#lowinfo a, #moreinfo a {
	text-decoration: none;
	color: #5983aa;
}

#lowinfo p, #moreinfo p  {
	text-align: left;
	font-size: 14px;
	line-height: normal;
	color: #444;
	line-height: 1.3em;
}

#lowinfo p.byline, #moreinfo p.byline  {
	text-align: left;
	font-size: 12px;
	line-height: normal;
	margin-top: 15px;
	color: #000;
}

#lowinfo li {
	line-height: 23px;
	font-size: 14px;
	margin-right: 10px;
}

#lowinfo div.two {
	width: 500px;
	border-left: 1px solid #b2afa3;
	padding-left: 20px;
	padding-right: 20px;
	margin-left: 10px;
}

#lowinfo h2, #moreinfo h2 {
	text-transform: none;
	font-size: 28px;
	line-height: 30px;
}

#moreinfo div {
	width: 800px;
	float: left;
	clear: right;
	color: #4c453e;
	border: 0 none;
	margin-bottom: 20px;
	padding-left: 30px;
}

#moreinfo div:first-child {
	width: 380px;
	border-right: 0px solid #b2afa3;
	padding-right: 10px;
	margin-right: 10px;
}

		
	#flashcontent {				
		margin: 0px 0px 0px 0px;	
		width: 700px;	
		height: 520px;
		clear: both;			
	}
	
#gallery {
	width: 800px;
	float: left;
}

#gallery p {
	font-size: 10px;
	color: #333;
}

#gallery a {
	text-decoration: none;
	color: #eee;
	font-size: .95em;
	letter-spacing: 1px;
}

#gallery h3 {
	font-size: 12px;
	color: #bbb;
}

#project div {
	width: 395px;
	float: left;
	clear: right;
	color: #4c453e;
	border: 0 none;
	margin-bottom: 20px;
	margin-top: 40px;
}

#project a {
	text-decoration: none;
	color: #5983aa;
}

#project img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 30px;
}

#project h3 {
	text-align: center;
}

#project div.two {
	width: 395px;
	border-left: 1px solid #b2afa3;
}
	
	#footer {
		text-align: center;
		padding-top: 30px;
		padding-bottom: 10px;
		font-size: x-small;
		color: #89a7b3;
		margin-top: 40px;
		width: 800px;
		clear: both;
	}
	
	div#nav ul#menu {
		height: 100px;
		width: 800px;
		position: relative;
		float: left;
		display: inline;
		margin: 0 0 0 0;
		background-repeat: no-repeat;
		background-position: left top;
		background-image: url(../elements/nav-bar-800-1.gif);
	}
	
	div#nav ul#menu li {
		list-style: none;
		position: absolute;
	}


	ul#menu li, ul#menu a {
		height: 25px; width: 800px;
		display: block;
	}


	div#nav ul#menu li a {
		text-indent: -9999px;
		text-decoration: none;
	}

/* placement */

	#photomenu {
		top: 0;
		left: 0px;
	}


	#wordsmenu {
		top: 25px;
		left: 0px;
	}
	
	#biomenu {
		top: 50px;
		left: 0px;
	}


	#contactmenu {
		top: 75px;
		left: 0px;
	}

/* interaction */

	#photomenu a:hover {
		background: url(../elements/nav-bar-800-2.gif) 0px 0 no-repeat;
	}

	#wordsmenu a:hover {
		background: url(../elements/nav-bar-800-2.gif) 0px -25px no-repeat;
	}

	#biomenu a:hover {
		background: url(../elements/nav-bar-800-2.gif) 0px -50px no-repeat;
	}

	#contactmenu a:hover {
		background: url(../elements/nav-bar-800-2.gif) 0px -75px no-repeat;
	}

/* select */

	body#photo #photomenu {
		background: url(../elements/nav-bar-800-2.gif) 0px 0 no-repeat;
	}

	body#words #wordsmenu {
		background: url(../elements/nav-bar-800-2.gif) 0px -25px no-repeat;
	}

	body#bio #biomenu {
		background: url(../elements/nav-bar-800-2.gif) 0px -50px no-repeat;
	}

	body#contact #contactmenu {
		background: url(../elements/nav-bar-800-2.gif) 0px -75px no-repeat;
	}
	
	#logo {
		padding: 5px;
		border: 0px;
	}	
	
	img {
		border: 0;
	}	
	
/* gallery list selection */

	#navcontainer {
		/*avoid gap after li in ie6 by setting width*/
		width: 133px;
		font-size: 11px;
		font-family: 'helvetica', Verdana, Arial, Sans-Serif;
		margin-left: 12px;
	}

	#navcontainer ul {
		list-style-type: none;
		margin-left: 0;
		padding-left: 0;
	}

	#navlist a {
		display: block;
		color: #8592BB;
		padding: 1px 0 1px 8px;
	}

 /*boxmodel hack. http://css-discuss.incutio.com/?page=BoxModelHack SBMH*/
	#navlist a { width: 114px; }

	#navlist a {
		\width: 130px;
		w\idth: 114px;
	}

	#subnavlist a {
		display: block;
		color: #333333;
		padding: 1px 0 1px 8px;
		margin-left: 8px;
	}

/*boxmodel hack. http://css-discuss.incutio.com/?page=BoxModelHack SBMH*/
	#subnavlist a { width: 106px; }

	#subnavlist a {
		\width: 122px;
		w\idth: 106px;
	}

	#navlist a, #navlist a:visited,#subnavlist a, #subnavlist a:visited {
		background: #FFFFFF;
		color: #777777;
		text-decoration: none;
	}

	#navlist a:hover, #navlist a#current:hover {
		text-decoration: underline;
	}

	#subnavlist a:hover, #subnavlist a#subcurrent:hover {
	text-decoration: underline;
	}

	a#current, a:visited#current, a#subcurrent , a:visited#subcurrent {
		color: #222222;
		text-decoration: none;
	}
	
/*-----------------------------------------------------------------------------------------------
	General Styling Classes
-----------------------------------------------------------------------------------------------*/

html, div, input, select, textarea {
	font-family: 'helvetica', Verdana, Arial, Sans-Serif;
}
       
.center {
	text-align: center;
}

.hidden {
	display: none;
}

.right {
	float: right;
	margin: 5px 10px 10px 20px;
}

.left {
	float: left;
	margin: 5px 20px 10px 0px;
}

.border {
	border: solid 1px #B8AE9E; 
}