/* General */	

	body{
		color: #333;
		background: #fff;
		margin: 0;
		padding: 0;
		font-family: "Times New Roman", serif;
		}
	
	img {
		display: block;
		border: 0;
		}
	
	p {
		margin: 0 0 .75em 0;
		text-align: left;
		font-size: .75em;
		line-height: 1.2em;
		}
	
	h1 {
		font-size: 1em;
		font-style: italic;
		color: #999;
		line-height: 1.15em;
		}
	
	h2 {
		font-size: .75em;
		color: #A60C14;
		font-style: italic;
		margin: 0;
		}
	
	h3 {
		font-size: 1.05em;
		font-style: none;
		font-weight: normal;
		color: #666;
		line-height: 1.2em;
		}
	
	

/* Container */		
	
	#container {
		width: 815px;
		height: 620px;
		background: white;
		margin: 0 auto 0 auto;
		}

/* Logo */
	
	#logo {
		float: left;
		width: 192px;
		height: 124px;
		margin: 44px 0 0 44px;
		}


	
/* Main Nav */
	
	#nav {
		float:left;
		list-style: none;
		height: 12px;
		width: 410px;
		padding: 0px;
		margin: 129px 0 0 130px;
		}

	#nav li {
		float: left;
		height: 12px;
		margin: 0;
		padding: 0;
		text-indent: -1000em;
		}
	
	#nav li a {
		display:block;
		height: 100%;
		width: 100%;
		overflow: hidden;
		}

	#design {
		width: 129px;
		}
	
	#illustration {
		width: 129px;
		}

	#about {
		width: 75px;
		}

	#contact {
		width: 77px;
		}

	#design a, #illustration a, #about a, #contact a {
		background: url(../images/nav.gif);
		} 

	#design a:hover {
		background-position: 0 12px;
		}

	#illustration a {
		background-position: -129px 0;
		}		
	
	#illustration a:hover {
		background-position: -129px 12px;
		}

	#about a {
		background-position: -258px 0;
		}		
	
	#about a:hover {
		background-position: -258px 12px;
		}

	#contact a {
		background-position: -333px 0;
		}		
	
	#contact a:hover {
		background-position: -333px 12px;
		}

/* Nested Container*/

	#nested_container {
		clear: left;
		}


/* Sidebar */

	#sidebar {
		float: left;
		width: 137px;
		height: 374px;
		position: relative;
		margin: 0 0 0 95px;
		}
		
	#sidebar div {
		position:absolute;
		bottom:0;
		left:0;
		}
	
	#sidebar h1 {
		background: transparent url(../images/intro.gif) no-repeat top left;
		width: 122px; 
		height: 139px; 
		margin: 0;
		padding-bottom: .5em;
		}
	#sidebar h1 span{
		display: none;	
		}
	
	#title {
		background: transparent url(../images/title.gif) no-repeat top left;
		width: 26px; 
		height: 20px; 
		margin: 0 0 0 -2px;
		}
	#title span{
		display: none;	
		}
	
	#client {
		background: transparent url(../images/client.gif) no-repeat top left;
		width: 37px; 
		height: 20px; 
		margin: 0 0 0 -2px;
		}
	#client span{
		display: none;	
		}
	
	#purpose {
		background: transparent url(../images/purpose.gif) no-repeat top left;
		width: 52px; 
		height: 20px; 
		margin: 0 0 0 -2px;
		}
	#purpose span{
		display: none;	
		}
	
/* Body */

	#body {
		background: url(../images/body_background.gif) no-repeat;
		float: left;
		width: 525px;
		height: 380px;
		margin: -18px 0 0 17px;
		border-top: solid 1px #aaa;
		border-left: solid 1px #aaa;
		}
	
	#body img {
		margin: auto;
		}
	
	#body p{
		font-size: .8em;
		font-style: none;
		color: #555;
		line-height: 1.25em;
		}
	
	#body h3 {
		text-align: center;
		margin: 0 100px 0 100px;
		}
		
	#body_table {
		border: solid 1px white;
		height: 367px;
		width: 511px;
		margin: 10px 0 0 11px;
		}
		
	#previous a, #next a {
		font-size: .8em;
		color: #555;
		font-style: italic;
		text-decoration: none;
		}

	#previous {
		float: left;
		margin: -32px 0 0 29px;
		}
	
	#next {
		float: right;
		margin: -30px 20px 0 0;
		}
	
	p.body {
		margin: 0 115px 1em 20px;
		}
		
	img.iframe {
		margin: auto;
		}
		


/* Contact Page styles */		
		
#content {
	margin: 100px 20px 0 220px;
	}
	
#content p {
	margin: 0px;
	}
	
#content ul {
	margin: 10px 0 20px 0;
	padding: 0;
	}

#content li {
	margin: 0;
	padding: 0;
	}


/* Email Link */

	#email {
		list-style: none;
		height: 15px;
		width: 213px;
		padding: 0;
		margin: 0 auto 0 auto;
		}

	#email li {
		height: 15px;
		margin: 0 auto 0 auto;
		padding: 0;
		text-indent: -1000em;
		}
	
	#email li a {
		display:block;
		height: 100%;
		width: 100%;
		overflow: hidden;
		}

	#email_link {
		width: 213px;
		}
	
	#email_link a {
		background: url(../images/email.gif);
		}
	
	#email_link a:hover {
		background-position: 0 15px;
		}
		
		
/* Resume Link */

	#resume {
		list-style: none;
		height: 14px;
		width: 124px;
		padding: 0;
		margin: 0 auto 0 auto;
		}

	#resume li {
		height: 14px;
		margin: 0 auto 0 auto;
		padding: 0;
		text-indent: -1000em;
		}
	
	#resume li a {
		display:block;
		height: 100%;
		width: 100%;
		overflow: hidden;
		}

	#resume_link {
		width: 124px;
		}
	
	#resume_link a {
		background: url(../images/resume.gif);
		}
	
	#resume_link a:hover {
		background-position: 0 14px;
		}