<!-- These are the layout styles. Text styles can be found in the text.css document on this server -->

@import url("text.css")


*	{	margin: 0px;
		padding: 0px;
	}
	
html, body {	padding: 0;
  				margin: 0;
  				height: 100%;
  				background-color: #FFF;
			}

#container	{	margin: 0px;
				margin-left: auto;
				margin-right: auto;
				width: 860px;
				height: auto;
			}
			
#home	{		margin-top: 20px;
				margin-bottom: auto;
				margin-left: auto;
				margin-right: auto;
				width: 1024px;
			}			
			
#portfolio	{	margin: 0px;
				margin-left: auto;
				margin-right: auto;
				width: 860px;
				height: 330px;
				border-bottom: 1px solid #EEE;
			}				
		
#header		{	padding-top: 50px;
				padding-bottom: 20px;
				border-bottom: 1px solid #EEE;
			}
			
			
#navigation	{	float: left;
				width: 155px;
				padding-right: 45px;
				padding-top: 20px;
			}
			
#image		{	float: left;
				width: 200px;
				padding-top: 20px;
				padding-left: 0px;
				padding-right: 30px;
				text-align: center;
			}
			
#textleft	{	float: left;
				width: 200px;
				padding-left: 10px;
				padding-right: 10px;
				padding-top: 20px;
			}
			
#textright	{	float: left;
				width: 200px;
				padding-left: 10px;
				padding-top: 54px;
			}

#textrightalt	{	float: left;
					width: 200px;
					padding-left: 10px;
					padding-top: 20px;
					overflow: hidden;
					padding-bottom: 40px;
				}
				
#textproject	{	float: left;
					width: 310px;
					padding-left: 10px;
					padding-top: 30px;
					padding-bottom: 40px;
				}
				
#writing	{	float: left;
				margin-left: 210px;
				width: 540px;
				padding-top: 30px;
				padding-bottom: 40px;
			}
				
#listing	{	float: left;
				width: 90px;
				padding-left: 10px;
				padding-right: 10px;
				padding-top: 20px;
			}
			
img.start	{	padding-right: 195px;
				padding-bottom: 18px;
			}
			
img.end	{	padding-right: 195px;
			padding-top: 58px;
		}