* { margin: 0; padding: 0; line-height: 1.4; }

a img { border: none; }

body {
	background: #d37134 url(/images/2009/back.jpg) center 15px no-repeat;
}

a, a:visited, a:hover { color: #455560; }

#wrapper {
	background: url(/images/2009/top_bar.png) left top repeat-x;
	width: 100%;
}

#holder {
	width:300px;
	text-align: left;
	margin-left: 18%;
}

#logo { float: left; margin-top: 15px; }

#nav {
	float: left;
	width: 209px;
	height: 294px;
	background: url(/images/2009/nav_back.png) left top no-repeat;
	padding: 0 15px;
}

h1 { width: 100%; height: 82px; text-indent: -99999px; overflow: hidden; }

a.work, a.work:visited, a.work:hover {
	width: 61px;
	height: 182px;
	float: left;
	display: block;
	overflow: hidden;
	text-indent: -999999px;
	background: url(/images/2009/work.png) left top no-repeat;
}


a.flickr, a.flickr:visited, a.flickr:hover,
a.facebook, a.facebook:visited, a.facebook:hover,
a.twitter, a.twitter:visited, a.twitter:hover,
a.email, a.email:visited, a.email:hover
 {
	width: 139px;
	height: 51px;
	float: right;
	display: block;
	overflow: hidden;
	text-indent: -999999px;
	background: url(/images/2009/flickr.png) left top no-repeat;
	margin-bottom: 10px;
}

a.facebook, a.facebook:visited, a.facebook:hover {
	height: 26px;
	background: url(/images/2009/facebook.png) left top no-repeat;
}

a.twitter, a.twitter:visited, a.twitter:hover {
	width: 137px;
	height: 35px;
	background: url(/images/2009/twitter.png) left top no-repeat;
}

a.email, a.email:visited, a.email:hover {
	width: 138px;
	height: 41px;
	background: url(/images/2009/email.png) left top no-repeat;
}


a.work:hover { background-position: right top; }

a.flickr:hover, a.facebook:hover, a.twitter:hover, a.email:hover { background-position: left bottom; }

/* ---------------------------------------------------------------------------------------------------------------
 Clearfix
------------------------------------------------------------------------------------------------------------------ */

/* Clearing floats without extra markup [ http://www.positioniseverything.net/easyclearing.html ] */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix			{display: inline-block;}
* html .clearfix	{height: 1%;}
.clearfix 			{display: block;}

/* Regular clearing apply to column that should drop below previous ones. */
.clear 				{ clear:both; }