/* body and divs */
	
	.clearfix:after {
		content: ".";  
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
	}
	
	body {
		font-family: "droid-sans-1","droid-sans-2", arial, sans-serif;
		color: #424242;
		font-size: 14px;
		background: url(../images/bg.jpg);
		margin-bottom: 60px;
	}
	
	div#container {
		width: 745px;
		margin-top: 75px;
		margin-left: 62px;
	}
	
	div#header {
		position: relative;
		height: 127px;
		background: url(../images/lines.png) no-repeat bottom left;
	}
	
	div#content {
		padding: 60px 0;
	}
	
	div#footer {
		background: url(../images/lines.png) no-repeat top left;
		padding-top: 10px;
		position: relative;
		clear: both;
	}
	
	
	/* imgs + img replacement */
	
	img {
		-moz-box-shadow: 0 0 3px #afafaf; /* FF3.5+ */
		-webkit-box-shadow: 0 0 3px #afafaf; /* Saf3.0+, Chrome */
		box-shadow: 0 0 3px #afafaf; /* Opera 10.5, IE 9.0 */
	}
	
	div#image_caption {
		float: right;
		margin: 0 0 25px 25px;
	}
		
		div#image_caption img, div.work_thumbnail img {
			margin: 0 0 5px 0;
		}
		
	img#work_full {
		margin-bottom: 30px;
	}
	
	div.work_thumbnail {
		float: left;
		margin: 0 63px 50px 0;
	}
		
		div.work_thumbnail.last { margin-right: 0 }
		
		div.work_thumbnail a img:hover {
			opacity: .8;
			-moz-opacity: .8;
			filter:alpha(opacity=8.8);
		}
	
	h1 { text-indent: -9999px }
	
	h1 a {
		display: block;
		width: 272px;
		height: 61px;
		background: url(../images/title.png) no-repeat;
		position: absolute;
		left: 0;
		top: 0;
		margin-left: -62px;
	}
	
		/* nav */
		
		div#header ul {
			position: absolute;
			right: 0;
			text-align: right;
		}
		
		div#header ul li {
			font-size: 14px;
			line-height: 14px;
			font-family: "museo-slab-1","museo-slab-2", georgia, serif;
			font-weight: 500;
		}
		
		div#header ul li a {
			color: #959595;
			text-decoration: none;
		}
		
		div#header ul li a:hover, div#header ul li.active a {
			color: #217cd9;
		}


	/* type */
	
	h2 {
		font-family: "museo-slab-1","museo-slab-2", georgia, serif;
		font-size: 30px;
		color: #878686;
		margin-bottom: 45px;
		font-weight: 300;
	}
	
	p {
		line-height: 20px;
		margin-bottom: 25px;
	}
		
		p#work_caption {
			float: right;
			position: relative;
			top: 15px;
		}
	
	ul, ol {
		margin-bottom: 25px;
	}
		
		li {
			line-height: 16px;
			margin-bottom: 8px;
		}
		
		.icon {
			padding-left: 20px;
			background-repeat: no-repeat;
		}	
			
			li#twitter { background-image: url(../images/twitter.png) }
			li#dribbble { background-image: url(../images/dribble.png) }
			li#linkedin { background-image: url(../images/linkedin.png) }
			li#skype { background-image: url(../images/skype.png) }
			li#email { background-image: url(../images/email.png); background-position: 0 3px; }
			
			.download { background-image: url(../images/download.png) }
			.back { background-image: url(../images/back.png) }
	
	h4 {
		font-size: 16px;
		margin-bottom: 30px;
	}	
	
	h5, h6 {
		font-size: 11px;
		color: #959595;
		font-weight: normal;
	}
		
		#image_caption h5, div.work_thumbnail { text-align: right }
		
		#footer h5 {
			position: absolute;
			right: 0;
		}
		
		#footer h6 {
			position: absolute;
			left: 0;
		}
	
	/* forms */
	
	
	/* a hrefs */
	
	a:link, a:visited, a:hover, a:active { color: #217cd9 }