body {
	padding: 0;
	margin: 40px;
	background-color: #000;
	
	font-family: Arial, "Arial Black", sans-serif;
}

#container {
	width: 710px;
}

	#side {
		float: left;
		width: 200px;
	}

		#side h1 {
			margin: 0 0 1em 0;
			padding: 0;
			font-size: 110%;
			font-weight: bold;
			text-transform: uppercase;
			line-height: 1em;
			padding-right: 30px;
		}

			#side h1 a {
				color: #fff;
				text-decoration: none;
			}
	
			#side ul {
				margin: 2em 0 0 0;
				padding: 0;
				list-style-type: none;
				line-height: 1em;
				font-size: 110%;
				font-weight: bold;
				text-transform: uppercase;
			}

				#side ul.portfolio {
				}

				#side ul li {
				}

					#side ul li a {
						color: #DF4746;
						text-decoration: none;
					}

						#side ul li a:hover {
							color: #fff;
						}

						#side ul li a.here {
							color: #999;
						}

	#content {
		width: 500px;
		float: left;
		position: relative;
	}

		#content img {
			vertical-align: bottom;
		}

		#content h3 {
			margin: 0 0 1em 0;
			color: #fff;
			font-size: 110%;
			line-height: 1.4em;
		}

		#content p {
			font-size: 90%;
			color: #ccc;
			line-height: 1.4em;
			margin: 0 0 1em 0;
		}

			#content p a {
				color: #fff;
				text-decoration: none;
			}
				#content p a:hover {
					text-decoration: underline;
				}

		#content ul.thumbs {
			margin: 0;
			padding: 0;
			list-style-type: none;
		}

			#content ul.thumbs li {
				float: left;
				
			}

				#content ul.thumbs li a {
					border: none;
				}

					#content ul.thumbs li a img {
						border: none;
						width: 115px;
						height: 115px;
						margin: 0 13px 13px 0;
					}
		
		#content .copy {
			font-size: 70%;
		}

		#content #bigimage {
			position: absolute;
			width: 501px;
			height: 535px;
			top: -1px;
			left: -1px;
			display: none;
			cursor: pointer;
			/*background: #000 url('images/loading.gif') no-repeat center center;*/
			background-color: #000;
			text-align: center;
		}

			#content #bigimage #close {
				position: absolute;
				top: 10px;
				left: 0px;
				text-align: right;
				margin: auto;
				display: none;
				background: transparent;
			}
			
			#content #bigimage #alt {
				background-color: #000;
				color: white;
				position: absolute;
				text-align: center;
				width: 500px;
				height: 25px;
				line-height: 25px;
				font-size: 100%;
				font-weight: bold;
				text-transform: uppercase;
			}

	#footer {
		padding-left: 200px;
	}

		#footer p {
			font-size: 50%;
			color: #fff;
			text-transform: uppercase;
		}
	





/* clearing fixes for ie6 */

	.clearfix:after {
	    content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
	
	.clearfix {display: inline-block;}
	
	/* Hides from IE-mac \*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
	/* End hide from IE-mac */