body {
		font-family: Verdana, "Lucida Grande", "trebuchet ms", Arial;
		width: 480px;
		margin: 0 auto;
}


#container {
				overflow: hidden;
                margin-bottom:15px;
				width: 480px;			
				margin-left: auto;	
				margin-right: auto;
				padding-left: 12px;
				padding-right: 0px;
}

#work {
				overflow: hidden;
				width: 468px;			
				}

#footer {
				overflow: hidden;
                margin-bottom:20px;
				width: 480px;			
				margin-left: auto;	
				margin-right: auto;
				padding-left: 12px;
				padding-right: 0px;
}


.category { 	color: #333333; 
				line-height: 16px; 
				font-size: 13px; 
				right: 0px; 
				float: right;
				padding-top: 10px; 
				margin-bottom: 0px;
}

.title { 		color: black; 
				line-height: 16px; 
				font-size: 13px; 
                float: left; 
				padding-top: 10px;
				margin-bottom: 0px;
}

.name {
	font-size: 36px;
	line-height: 40px;
	position: absolute;
	left: 0px
	top:20px; 
}

.tagline_10 {
	font-size: 24px;
	line-height: 26px;
	float: left;
	position: absolute; 
}

a {	height: 100%;	color: #656565; text-decoration:none; }

a:hover	{ color: #262626; text-decoration:none; }



/* `Menu
----------------------------------------------------------------------------------------------------*/

#menu {
	list-style: none;
	padding: 0;
	margin: 0px 0px 11px;
	width: 468px;
	height: 105px;
	position: relative;
	text-indent: -900%;
	border-top: 5px solid #333333;
	border-bottom: 1px solid #333333;
}


#menugrid {
	list-style: none;
	padding: 0;
	margin: 0px 0px 4px;
	width: 468px;
	height: 105px;
	position: relative;
	text-indent: -900%;
}

#menu span {
	display: none;
	position: absolute;
}
#menu a {
	display: block;
	position: absolute;
	text-decoration: none;
	color: white;
}
#menu a:hover {
	display: block;
	background-position: left bottom;
	text-decoration: none;
	color: white;
}
#menu a:hover span{
	display: block;
}

#menu .arrow_previous {
	-moz-background-clip:border;		
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	width: 20px;
	height: 20px;
	background:transparent url(http://www.kreathaus.com/images/arrow_previous.png) no-repeat scroll 0 0;
	left: 422px;
	top: 59px;
}

#menu .arrow_next {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(http://www.kreathaus.com/images/arrow_next.png) no-repeat scroll 0 0;
height:20px;
left:450px;
top:59px;
width:20px;
}


#menu .logo {
	width: 226px;
	height: 34px;
	left: 0px;
	position:absolute;
	top: 42px;
}

#menu .tagline {
	width: 306px;
	height: 18px;
	position:absolute;
	left: 0px;
	top: 52px;
	display: none;
}
#menu .work {
	width: 74px;
	height: 18px;
	left: 0px;
	top: 37px;
	position: absolute;
}

#menu .thoughts {
	width: 129px;
	height: 18px;
	left: 0px;
	top: 35px;
	position: absolute;
}

#menu .contact {
	width: 112px;
	height: 18px;
	left: 0px;
	top: 28px;
	position: absolute;
}


/* `workdescription
----------------------------------------------------------------------------------------------------*/

#workdescription {
	font-family: georgia, times;
	font-size: 14px;
	color: #333333;
	list-style: none;
	padding: 0;
	margin: 19px 0px 30px;
	width: 468px;
	height: 13px;
	position: relative;
}

#workdescription span {
	display: none;
	position: absolute;
}

#workdescription a {
		display: block;
		position: absolute;
		outline: none;
		color: #333333;
	}

#workdescription a:hover {
			color: #777777;
		}

#workdescription .project {
	width: 266px;
	font-weight: bold;
	height: 34px;
	position:absolute;
	top: 17px;
}

#workdescription .project_ {
	width: 266px;
	height: 34px;
	left: 80px;
	position:absolute;
	top:17px;
	}

#workdescription .role {
	display: none;
	width: 186px;
	font-weight: bold;
	height: 18px;
	left: 0px;
	top:17px;
	position: absolute;
}

#workdescription .role_ {
	display: none;
	width: 200px;
	height: 18px;
	left: 0px;
	top:17px;
	position: absolute;
}

#workdescription .agency {
	display: none;
	width: 169px;
	height: 18px;
	font-weight: bold;
	left: 253px;
	top:17px;
	position: absolute;
}

#workdescription .agency_ {
	display: none;
	width: 200px;
	height: 18px;
	left: 350px;
	top:17px;
	position: absolute;
}

#workdescription .year {
	display: none;
	width: 112px;
	height: 18px;
	font-weight: bold;
	left: 0px;
	top:17px;
	position: absolute;
}

#workdescription .year_ {
	display: none;
	width: 112px;
	height: 18px;
	left: 0px;
	top:17px;
	position: absolute;
}

#workdescription .visit {
	width: 120px;
	height: 24px;
	font-weight: bold;
	position:absolute;
	left: 354px;
	top:17px;
}


#workdescription .visit_arrow {
	width: 10px;
	font-weight: bold;
	font-size:15px;
	font-family: arial;
	height: 24px;
	position:absolute;
	left: 452px;
	top:15px;
}


#workdescription .visit_iempathize {
	width: 180px;
	height: 24px;
	font-weight: bold;
	position:absolute;
	left: 326px;
	top:17px;
}

#workdescription .visit_iempathize_arrow {
	width: 10px;
	height: 24px;
	font-family: arial;
	font-weight: bold;
	font-size: 15px;
	position:absolute;
	left: 452px;
	top:15px;
}



/* `workimages
----------------------------------------------------------------------------------------------------*/

.workimage  {
	border: 1px solid #555555;
}

.workimage_559  {
	border: 1px solid #555555;
	width: 466px;
	height: 268px;
}

.workimage_561  {
	border: 1px solid #555555;
	width: 466px;
	height: 269px;
}

.workimage_579  {
	border: 1px solid #555555;
	width: 466px;
	height: 278px;
}

.workimage_588  {
	border: 1px solid #555555;
	width: 466px;
	height: 282px;
}

.workimage_590  {
	border: 1px solid #555555;
	width: 466px;
	height: 283px;
}

.workimage_635  {
	border: 1px solid #555555;
	width: 466px;
	height: 305px;
}


.workimage_639  {
	border: 1px solid #555555;
	width: 466px;
	height: 307px;
}

.workimage_642  {
	border: 1px solid #555555;
	width: 466px;
	height: 308px;
}

.workimage_657  {
	border: 1px solid #555555;
	width: 466px;
	height: 320px;
}

.workimage_667  {
	border: 1px solid #555555;
	width: 466px;
	height: 308px;
}

.workimage_703  {
	border: 1px solid #555555;
	width: 466px;
	height: 337px;
}

.workimage_722  {
	border: 1px solid #555555;
	width: 466px;
	height: 347px;
}

.workimage_746  {
	border: 1px solid #555555;
	width: 466px;
	height: 358px;
}


.workimage_758  {
	border: 1px solid #555555;
	width: 466px;
	height: 364px;
}

.workimage_769  {
	border: 1px solid #555555;
	width: 466px;
	height: 369px;
}

.workimage_820  {
	border: 1px solid #555555;
	width: 466px;
	height: 394px;
}


.workimage_828  {
	border: 1px solid #555555;
	width: 466px;
	height: 397px;
}

.workimage_841  {
	border: 1px solid #555555;
	width: 466px;
	height: 404px;
}

.workimage_853  {
	border: 1px solid #555555;
	width: 466px;
	height: 410px;
}

.workimage_903  {
	border: 1px solid #555555;
	width: 466px;
	height: 434px;
}

.workimage_931  {
	border: 1px solid #555555;
	width: 466px;
	height: 448px;
}

.workimage_1093  {
	border: 1px solid #555555;
	width: 466px;
	height: 525px;
}

.workimage_1015  {
	border: 1px solid #555555;
	width: 466px;
	height: 484px;
}

.workimage_1088  {
	border: 1px solid #555555;
	width: 466px;
	height: 522px;
}

.workimage_1145  {
	border: 1px solid #555555;
	width: 466px;
	height: 550px;
}

.workimage_1167  {
	border: 1px solid #555555;
	width: 466px;
	height: 560px;
}

.workimage_1183  {
	border: 1px solid #555555;
	width: 466px;
	height: 568px;
}

.workimage_1273  {
	border: 1px solid #555555;
	width: 466px;
	height: 612px;
}

.workimage_1346  {
	border: 1px solid #555555;
	width: 466px;
	height: 646px;
}


.workimage_1369  {
	border: 1px solid #555555;
	width: 466px;
	height: 657px;
}

.workimage_1451  {
	border: 1px solid #555555;
	width: 466px;
	height: 698px;
}	

.workimage_1650  {
	border: 1px solid #555555;
	width: 466px;
	height: 792px;
}	

.workimage_1789  {
		border: 1px solid #555555;
		width: 466px;
		height: 859px;
}

.workimage_1993  {
		border: 1px solid #555555;
		width: 466px;
		height: 958px;
}

.workimage_2032 {
	border: 1px solid #555555;
	width: 466px;
	height: 978px;
}	

.workimage_2116  {
	border: 1px solid #555555;
	width: 466px;
	height: 1017px;
}	

.workimage_2155  {
		border: 1px solid #555555;
		width: 466px;
		height: 1036px;
}

.workimage_2770  {
		border: 1px solid #555555;
		width: 466px;
		height: 1331px;
}

.workimage_2784  {
		border: 1px solid #555555;
		width: 466px;
		height: 1338px;
}

.workimage_3099  {
	border: 1px solid #555555;
	width: 466px;
	height: 1488px;
}

.workimage_3323  {
	border: 1px solid #555555;
	width: 466px;
	height: 1598px;
}

.workimage_3665  {
	border: 1px solid #555555;
	width: 466px;
	height: 1762px;
}

/* `imagedescription
----------------------------------------------------------------------------------------------------*/

#imagedescription {
	font-family: georgia, times;
	font-size: 14px;
	color: #333333;
	list-style: none;
	width: 480px;
	height: 13px;
	position: relative;
	padding-bottom:40px;
}

#imagedescription_long {
font-family: georgia, times;
font-size: 14px;
color: #333333;
list-style: none;
width: 480px;
height: 100px;
position: relative;
padding-left: 0px;
padding-bottom: 15px;
}

#imagedescription_last {
	font-family: georgia, times;
	font-size: 14px;
	color: #333333;
	list-style: none;
	width: 480px;
	height: 13px;
	position: relative;
}

#imagedescription_lovewins {
	font-family: georgia, times;
	font-size: 14px;
	color: #333333;
	list-style: none;
	width: 468px;
	height: 13px;
	position: relative;
	padding-left:0px;
	padding-bottom:20px;
}


#imagedescription span {
	display: none;
	position: absolute;
}

#imagedescription a {
	display: block;
	color: #ffffff;
	position: absolute;
	outline: none;
}

#imagedescription .imagetitle {
	width: 480px;
	height: 34px;
	left: 0px;
	float: left;
	margin-bottom:30px;
	position:absolute;
}

#imagedescription .imagetitle_long {
	width: 480px;
	height: 100px;
	left: 0px;
	float: left;
	padding-bottom:100px;
	position:absolute;
}


#imagedescription_last .imagetitle {
	left: 0px;
	position:absolute;
}

#imagedescription .project_ {
	width: 226px;
	height: 34px;
	left: 61px;
	position:absolute;
	top: 22px;
	margin-bottom:30px;
}

#imagedescription .role {
	width: 74px;
	font-weight: bold;
	height: 18px;
	left: 0px;
	top: 22px;
	position: absolute;
	display: none;
}

#imagedescription .role_ {
	width: 74px;
	height: 18px;
	left: 0px;
	top: 22px;
	position: absolute;
	display: none;
}

#imagedescription .agency {
	width: 129px;
	height: 18px;
	font-weight: bold;
	left: 253px;
	top: 22px;
	position: absolute;
	display: none;
}

#imagedescription .agency_ {
	width: 129px;
	height: 18px;
	left: 309px;
	top: 22px;
	position: absolute;
	display: none;
}

#imagedescription .year {
	width: 112px;
	height: 18px;
	font-weight: bold;
	left: 0px;
	top: 22px;
	position: absolute;
	display: none;
}

#imagedescription .year_ {
	width: 112px;
	height: 18px;
	left: 0px;
	top: 22px;
	position: absolute;
	display: none;
}

#imagedescription .nextproject {
	width: 230px;
	font-weight: bold;
	position:absolute;
	left: 85px;
	display: none;
}


/* `workdescription
----------------------------------------------------------------------------------------------------*/

#griddescription {
	font-family: georgia, times;
	font-size: 14px;
	color: #333333;
	list-style: none;
	padding: 0;
	margin: 0px 0px 30px;
	width: 468px;
	height: 13px;
	position: relative;
}

#griddescription span {
	display: none;
	position: absolute;
}

#griddescription a {
		display: block;
		font-weight: bold;
		position: absolute;
		outline: none;
		color: #333333;
	}

#griddescription a:hover {
			color: #777777;
		}

#griddescription .grid_project {
	width: 350px;
	font:14px;
	font-weight: normal;
	height: 34px;
	position:absolute;
	top: 17px;
	left: 0px;
}

#griddescription .grid_more {
	width: 100px;
	height: 34px;
	left: 366px;
	position:absolute;
	top:17px;
	}
	
	#griddescription .grid_arrow {
			width: 10px;
			height: 34px;
			left: 452px;
			position:absolute;
			font-family: Arial;
			font-size: 15px;
			font-weight:bold;
			top:15px;
			}

#griddescription .grid_purchase {
		width: 150px;
		height: 34px;
		left: 324px;
		position:absolute;
		top:17px;
}

#griddescription .grid_purchase_arrow {
		width: 150px;
		height: 34px;
		left: 452px;
		position:absolute;
		top:15px;
		font-family: Arial;
		font-size: 15px;
		font-weight:bold;
		top:17px;
		
}




.thumbnail_image  {
	border: 1px solid #555555;
}


.work_grid_l {
	width: 468px;
	display: inline;
	float: left;
	padding: 8px 0 20px;
}

.work_grid_r {
	width: 468px;
	display: inline;
	float: left;
	padding: 8px 0 20px;
}



/* `footer
----------------------------------------------------------------------------------------------------*/

#footer_content {
	font-family: georgia, times;
	font-size: 14px;
	color: #333333;
	list-style: none;
	height: 13px;
	position: relative;
	margin-left: auto;	
	margin-right: auto;
	height:50px;
	border-top: 1px solid #555555;
	-webkit-padding-start: 0px;
}
#menu span {
	display: none;
	position: absolute;
}
#menu a {
	display: block;
	position: absolute;
	text-decoration: none;
	color: white;
}
#menu a:hover {
	display: block;
	background-position: left bottom;
	text-decoration: none;
	color: white;
}
#menu a:hover span{
	display: block;
}

#footer_content .arrow_previous {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	width: 20px;
	height: 20px;
	background:transparent url(http://www.kreathaus.com/images/arrow_previous.png) no-repeat scroll 0 0;
	left: 422px;
	top: 30px;
	position: absolute;
	text-indent: -900%;
}

#footer_content .arrow_next {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(http://www.kreathaus.com/images/arrow_next.png) no-repeat scroll 0 0;
height:20px;
left:450px;
top:30px;
width:20px;
position: absolute;
text-indent: -900%;
}

#footer_content span {
	display: none;
	position: absolute;
}

#footer_content a {
		display: block;
		font-weight: bold;
		position: absolute;
		outline: none;
		color: #333333;
	}

#footer_content a:hover {
			color: #777777;
			background-position: left bottom;
			text-decoration: none;
		}


#footer_content .next_project {
	width: 226px;
	font-size: 11px;
	font-weight: bold;
	height: 34px;
	left:0px;
	position:absolute;
	top: 35px;
	display: none;
}

#footer_content .next_project_ {
	width: 300px;
	height: 34px;
	font-size: 11px;
	left: 0px;
	position:absolute;
	top:35px;
	display: none;
}

#footer_content .about {
	width: 300px;
	font-weight: normal;
	height: 34px;
	position:absolute;
	top:35px;
	left: 0px;
	display: hidden;
}

#footer_content .email {
	width: 100px;
	height: 34px;
	left: 0px;
	position:absolute;
	top:33px;
	}
	
#footer_content .email_arrow {
		height: 34px;
		left: 48px;
		width: 10px;
		font-weight: bold;
		font-size:15px;
		font-family: arial;
		position:absolute;
		top:32px;
		}


#footer_content .twitter {
		width: 100px;
		height: 34px;
		left: 128px;
		position:absolute;
		top:33px;
		}
		
		#footer_content .twitter_arrow {
			width: 10px;
			font-weight: bold;
			font-size:15px;
			font-family: arial;
			height: 34px;
			left: 187px;
			position:absolute;
			top:32px;
		}
		
#footer_content .dribble {
		width: 70px;
		height: 34px;
		left: 265px;
		position:absolute;
		top:35px;
		display: none;
}
#footer_content .dribble_arrow {
		width: 10px;
		height: 34px;
		width: 10px;
		font-weight: bold;
		font-size:12px;
		font-family: arial;
		left: 312px;
		position:absolute;
		top:35px;
		display: none;
}

#footer_content .thoughts {
		width: 90px;
		height: 34px;
		left: 265px;
		position:absolute;
		top:33px;
}		

#footer_content .thoughts_arrow {
		width: 10px;
		font-weight: bold;
		font-size:15px;
		font-family: arial;
		height: 34px;
		left: 339px;
		position:absolute;
		top:32px;
}