/*css reset*/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,
pre, form, fieldset, table, th, td { margin: 0; padding: 0; }

/*ie6 background image flicker fix*/
html {
  filter: expression(document.execCommand("BackgroundImageCache", false, true));
}

body {
	background: #0D0D0D url(../images/bg-body.gif) no-repeat center -16em;
	*background: #0D0D0D url(../images/bg-body.gif) no-repeat center -6em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

a {
	color: #b6b6b6;
}

img {
	border: none;
}
 
.sprite {
	display: block;
	height: 0;
	overflow: hidden;
}

#content {
	background: url(../images/bg-body.gif) no-repeat center -18em;
	*background: url(../images/bg-body.gif) no-repeat center -11.6em;
	margin: 2em auto 0;
	min-height: 73em;
	height: auto !important;
	height: 73em;
	padding: 3em 2em 0;
	width: 90em; 
}

	#title {
		background: url(../images/title.gif) no-repeat center top;
		float: left;
		margin-bottom: 1em;
		padding-top: 65px;
		width: 190px;
	}
	
	ul#toplinks {
		color: #b6b6b6;
		float: right;
		font-size: 1.2em;
		list-style: none;	
		margin: 1em 0 .8em;
	}
	
		ul#toplinks li {
			text-align: right;
		}
		
		ul#toplinks li a {
			text-decoration: none;
		}
		
		ul#toplinks li a:hover {
			color: #F5EFD7;
		}
	
	#maincontent {
		background: #0C1216;
		border: 1px solid #262930;
		clear: both;
		color: #b6b6b6;
		height: 32.5em;
		margin-left: .5em;
	}
	
		#imagecontainer {
			border-right: 3px solid #000000;
			float: left;
			height: 32.2em;
			margin: .1em 0 0 .1em;
			width: 32.1em;
		}
		
		#details {		
			float: left;	
			padding: 2.5em  3em 0;
			width: 50em;
		}
		
			#details p {
				font-size: 1.2em;
				margin-bottom: 1em;		
			}
			
			#details a {
				color: #DDDDDD;
				/*font-size: 1em;	*/
				text-decoration: underline;
				
			}
			
			#details a:hover {
				color: #FEFEFE;
			}
	
	ul#projects {
		float: left;
		list-style: none; 
		margin: 2em 0 9em .5em;
	}
	
		ul#projects li {
			border-right: 1px dotted #252F36;
			float: left;
			padding: 0 1.3em;
		}
		
		ul#projects li.first {
			padding: 0 1.5em 0 0; 
		}
		
		ul#projects li.last {
			border: none;
			padding: 0 0 0 1.5em; 
		}
		
			ul#projects li a.project {
				margin-bottom: 1em;
				padding-top: 68px;
				width: 155px;
			}
		
			ul#projects li h2 {
				color: #A51419;
				font-size: 1.2em;
				margin-left: .5em; 
				text-transform: uppercase;
			}
			
			ul#projects li p {
				color: #52565A;
				margin-left: .7em; 
			}
			
			ul#projects li a#osl {
				background: url(../images/thumbs/osl.jpg) no-repeat center top;				
			}
			
			ul#projects li a#alembic {
				background: url(../images/thumbs/alembic.jpg) no-repeat center top;				
			}
			
			ul#projects li a#opencolorio {
				background: url(../images/thumbs/opencolorio.jpg) no-repeat center top;				
			}
			
			ul#projects li a#field3d {
				background: url(../images/thumbs/field3d.jpg) no-repeat center top;
			}
			
			ul#projects li a#all {
				background: url(../images/thumbs/all.jpg) no-repeat center top;
			}
			
	#footer {		
		clear: left;
		color: #60696F;
	}
		#footer #sony {
			background: url(../images/sony.jpg) no-repeat;
			float: left;
			padding-top: 33px;
			margin-left: .5em;
			width: 63px;
		}	
		
		#footer p#copyright {
			float: left;
			margin: 1em 0 0 1em;
		}
		
		#footer ul#tos {
			float: right;
			list-style: none;
			margin-top: 1em;
		}
		
			#footer ul#tos li {
				border-right: 1px solid #60696F;
				float: left;
				padding: 0 .8em;
			}
			
			#footer ul#tos li.last {
				border: none;
			}
			
				#footer ul#tos li a {
					color: #60696F;
					text-decoration: none;
				}
				
				#footer ul#tos li a:hover {
					text-decoration: underline;
				}