/*
	Hauke Gentzkow stylesheet
	
	Table of Contents:
		reset styles
		global styles 
		utility classes
		
		layout
		navigation
		typography
		images
*/

/* reset styles (v1.0 | 20080212) source: http://meyerweb.com/eric/tools/css/reset/
----------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
body {line-height:1;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
:focus {outline:0;}
ins {text-decoration:none;}
del {text-decoration:line-through;}
table {border-collapse:collapse;border-spacing:0;}

/* global styles 
----------------------------------------------- */
html {font-size:62.5%;}
body {font-size:1em;background:#eceff1 url(images/background.gif) repeat top left;font-family:helvetica,arial,verdana,sans-serif;}
label {cursor:pointer;}

/* utility classes
----------------------------------------------- */
.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 */

.line {border-top:1px solid #e6e8ea;}

/* layout
----------------------------------------------- */
.header {margin:15px auto;width:860px;}
.page {margin:0 auto;width:904px;padding:0;color:#666;}
	.title, .feature {display:block;padding:1px 0 11px;background:transparent url(images/background-top.png) no-repeat top left;}
	.content {padding:0 10px;background:#eceff1 url(images/background-middle.png) repeat-y top left;}
		.info {margin:0 auto;padding:20px 0 0;width:860px;border-top:1px solid #e6e8ea;}
		.gallery {padding:20px 0 0;}
		.selected {margin:0 auto;padding:20px 0;width:860px;border-top:1px solid #e6e8ea;border-bottom:1px solid #e6e8ea;}
			.selected .piece {display:block;margin:0 7px;width:200px;text-align:center;float:left;}
	.footer {display:block;padding:0 23px 17px;background:transparent url(images/background-bottom.png) no-repeat bottom left;}
	.copyright {display:block;padding:10px 15px 12px 0;}
.column-left {float:left;width:640px;}
.column-right {float:right;padding-top:29px;width:200px;}

.block {clear:both;margin:0 auto 20px;padding:20px 0 0;width:860px;}

/* navigation
----------------------------------------------- */
.header ul {float:right;margin-top:7px;font-size:1.4em;font-weight:normal;text-transform:lowercase;}
.header li {padding:0 8px 0 0;border-left:1px solid #a9c1cd;}
.header li a {padding:0 0 0 8px;color:#369;}
	.header li a:hover {text-decoration:underline;color:#369;}
	.header .first {border:0;}
.header .current {padding-left:8px;}
	
.nav {float:right;margin:0 22px 0 0;padding-right:10px;color:#0f5482;background:transparent url(images/arrow.gif) no-repeat center right;font-size:1.2em;font-weight:normal;text-transform:lowercase;}
	.nav:hover {text-decoration:underline;}

.footer .nav {display:block;margin:0 auto;padding-top:14px;width:100%;border-top:1px solid #e6e8ea;text-align:right;background:transparent url(images/arrow.gif) no-repeat 100% 87%;}


/* typography
----------------------------------------------- */
a {text-decoration:none;}

li {float:left;}
	.footer ul {float:right;}

/* dl {margin:0 auto;padding:28px 0 0 22px;width:878px;border-top:5px solid #653;} */
dl {padding:8px 0 0 212px;}
dt {float:left;color:#663300;font-size:2.4em;padding-right:10px;text-transform:lowercase;}
dd {margin-bottom:15px;color:#666666;font-family:georgia,serif;font-size:1.4em;line-height:1.9;}

.current {color:#665533;font-weight:bold;}

.temp_intro {display:block;margin-bottom:20px;color:#666666;font-family:georgia,serif;font-size:1.8em;line-height:1.8;}

.intro {display:block;margin-bottom:20px;color:#666666;font-family:georgia,serif;font-size:1.4em;line-height:1.4;}
.header h1 {color:#999;font-size:1.4em;font-weight:normal;text-transform:lowercase;}
	.header h1 strong {margin-right:-5px;}
	.header h1 a {padding-right:11px;color:#653;font-size:1.7em;text-decoration:none;}

.title .feature-nav li.tag {margin-left:0;padding-left:0;float:left;color:#999;font-weight:normal;text-transform:lowercase;border:0 none;}

.title .feature-nav {margin:0 auto;padding:16px 0 0 22px;width:878px;border-top:5px solid #653;}
	.title .feature-nav li {margin-left:8px;padding-left:8px;border-left:1px solid #a9c1cd;font-size:1.4em;}
	.title .feature-nav .first {padding-left:0;border:0;}
	.title .feature-nav a {color:#336699;font-weight:normal;}
		.title .feature-nav a:hover {text-decoration:underline;}

.info {color:#666;}
	.info h2 {margin-bottom:15px;font-size:1.5em;color:#653;font-weight:normal;font-size:1.8em;}
	.info h3 {margin-bottom:8px;font-size:1.4em;color:#665533;font-weight:bold;}
	.info h4 {margin-bottom:15px;color:#666;font-family:georgia,serif;font-size:1.4em;font-weight:normal;line-height:1.2;}
	.info p {font-size:1.2em;color:#666;line-height:1.3;}
	
.selected .piece a:hover {color:#369;text-decoration:underline;}
	
.selected h2, .footer h2 {display:block;margin-bottom:15px;font-size:1.5em;color:#663300;font-weight:normal;font-size:1.8em;text-transform:lowercase;}

.footer p {margin-bottom:15px;height:22px;color:#474747;font-family:georgia,serif;font-size:1.4em;line-height:1.9;}

.pdf {margin-left:6px;padding-left:6px;color:#336699;text-decoration:none;border-left:1px solid #b4b4b4;}

.selected h3 {margin:2px;color:#336699;font-size:1.4em;font-weight:normal;text-transform:lowercase;line-height:1.8;}
.selected p {color:#474747;font-size:1.2em;font-family:georgia,serif;line-height:1.3;}

.column-right h3 {margin-top:18px;}
.column-left span {display:block;margin-top:15px;}

.text {float:left;margin:10px 10px 0 0;width:198px;clear:both;width:200;}
	.text h3 {margin-bottom:8px;font-size:1.4em;color:#665533;}
	.text p {font-size:1.2em;color:#666;line-height:1.3;}
	
.copyright {color:#59676e;text-align:right;font-size:1.1em;}
	.copyright ul {padding-left:15px;}
	.copyright a {float:left;padding:0 8px;color:#336699;border-left:1px solid #999999;}
		.copyright a span, .footer span {display:block;width:83px;height:22px;background:transparent url(images/linkedIn.gif) no-repeat top left;text-indent:-9999em;}
	.copyright .first a {border:0;}

/* images
----------------------------------------------- */
.image {float:left;margin:9px;border:1px solid #e6e8ea;}
	.feature .image {margin:32px 20px 15px;}
	.info .image {float:right;margin-left:20px;}
	.block .image {margin-right:0;}
	.gallery .image {}
img {float:left;border:1px solid #fff;}