/* meyer reset */

html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, font, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td {

	margin: 0;

	padding: 0;

	border: 0;

	outline: 0;

	vertical-align: baseline;

}

/* remember to define focus styles! */

:focus {

	outline: 0;

}

body {
	color: black;
	background: white url(images/homepage/headerbg.jpg) repeat-x;
	font: 62.5% Arial, Helvetica, sans-serif;
}

#ol, ul {

	list-style: none;

}

/* tables still need 'cellspacing="0"' in the markup */

table {

	border-collapse: separate;

	border-spacing: 0;

}

caption, th, td {

	text-align: left;

	font-weight: normal;

}

blockquote:before, blockquote:after,

q:before, q:after {

	content: "";

}

blockquote, q {

	quotes: "" "";

}

/* end meyer reset */




/*--PAGE WRAP--------------------------------------------------------------------*/

#wrapper {
	width: 960px;
	margin: 0 auto;
	border: 1px dotted #ccc;
	position: relative;}



/*---HEADER STYLES--------------------------------------------------------------*/


	
#header {
	width: 100%;
	height: 55px;
	position: relative;}	
	
#header h1 {
	width: 497px;
	height: 55px;
	text-indent: -9999px;
	background: url(images/homepage/logo.jpg) no-repeat;}
	
	
.clear {
	clear: both;}	
	
/*---NAVIGATION---------------------------------------------------------------*/

ul#nav {
	list-style: none;
	width: 466px;
	height: 55px;
	background: url("images/homepage/nav.jpg");
	position: absolute;
	top: 0;
	right: 0;}
	
ul span {
	display: none;}	
	
ul#nav li {
	display: inline;
	float: left;}
	
ul#nav li, ul#nav a {
	height: 55px;
	display: block;}	
	
ul#nav a.home, ul#nav a.portfolio, ul#nav a.bio, ul#nav a.contact {
	width: 114px;}	
	
ul#nav a.home:hover {
	background: url("images/homepage/nav.jpg") 0px -55px no-repeat;}				
	
ul#nav a.portfolio:hover, ul#nav a.portfolio.current {
	background: url("images/homepage/nav.jpg") -114px -55px no-repeat;}	
	
ul#nav a.bio:hover, ul#nav a.bio.current {
	background: url("images/homepage/nav.jpg") -228px -55px no-repeat;}
	
ul#nav a.contact:hover {
	background: url("images/homepage/nav.jpg") -342px -55px no-repeat;}
	
	
	
/*--C0NTENT AREA---------------------------------------------------------*/

#content {
	width: 100%;
	height: 600px;}
	
h2.tagline {
	width: 477px;
	height: 42px;
	background: url("images/homepage/tagline.gif");
	text-indent: -9999px;
	margin: 70px 0 30px 10px;}
	
#homepageflash {
	width: 550px;
	height: 450px;
	margin: 50px auto 10px;}
	
#contentinner {
	width: 800px;
	margin: 70px 10px 20px 10px;}
	
#contentinner p {
	margin: 1em;
	line-height: 1.4em;}
	
#contentinner img {
	border: 2px solid #B1A79B;
	margin: 0 20px 10px 0;}	
	
h1.aboutsteven {
	width: 294px;
	height: 34px;
	text-indent: -9999px;
	margin-left: 10px;
	margin-bottom: 20px;
	background: url("images/aboutpage/aboutheader.gif");}
	
h1.contact {
	width: 313px;
	height: 47px;
	text-indent: -9999px;
	margin-left: 10px;
	margin-bottom: 15px;
	background: url("images/contactpage/contactheader.gif");}
	
h1.portfolio {
	width: 106px;
	height: 42px;
	text-indent: -9999px;
	margin-left: 10px;
	margin-bottom: 15px;
	background: url(images/portfoliopage/portfolioheader.gif);}	
	
#contentinner a:link {
	color: #937247;}
	
#contentinner a:visited {
	color: #ccc;}
	
#contentinner a:hover {
	color: #000;}	
	
#contentinner a:active {
	position: relative;
	top: 1px;}									
	
	
		
p {
	font-size: 1.4em;}