body {
		padding: 0;
		margin: 0;
		font-family: Georgia, Times, "Lucida Grande", "trebuchet ms", Arial;
		font-size: 11px;
		width: 100%;
	}


#container {
				overflow: hidden;
                margin-bottom:15px;
				width: 984px;			
				margin-left: auto;	
				margin-right: auto;
				padding-left: 18px;
				padding-right: 18px;
}
#footer {
				overflow: hidden;
                margin-bottom:20px;
				width: 984px;			
				margin-left: auto;	
				margin-right: auto;
				padding-left: 18px;
				padding-right: 18px;
}


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

.title { 		color: black; 
				line-height: 16px; 
				font-size: 14px; 
                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_container {
	list-style: none;
	padding: 0;
	margin-left:auto;
	margin-right:auto;
	width: 100%;
	height: 110px;
	position: fixed;
	z-index:10;
	text-indent: -900%;
	width: 100%;
}


#menu {
	list-style: none;
	padding: 0;
	margin: 0px 0px 11px;
	width: 984px;
	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: 984px;
	height: 105px;
	position: relative;
	text-indent: -900%;
}

#menu .cufonlogo {
				color: black; 
				line-height: 16px; 
				font-size: 34px; 
                float: left; 
				padding-top: 10px;
				margin-bottom: 0px;
				position: absolute;
				left: 0px;
}

#menu .cufonnavwork {
				color: black; 
				line-height: 16px; 
				font-size: 18px; 
                float: left; 
				padding-top: 10px;
				margin-bottom: 0px;
				position: absolute;
				left: 503px;
}

#menu .cufonnavthoughts {
				color: black; 
				line-height: 16px; 
				font-size: 18px; 
                float: left; 
				padding-top: 10px;
				margin-bottom: 0px;
				position: absolute;
				left: 671px;
}

#menu .cufonnavcontact {
				color: black; 
				line-height: 16px; 
				font-size: 18px; 
                float: left; 
				padding-top: 10px;
				margin-bottom: 0px;
				position: absolute;
				left: 868px;
}



#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: 940px;
	top: 53px;
}

#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:967px;
top:53px;
width:20px;
}


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

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

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

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


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

#workdescription {
	font-family: georgia, times;
	font-size: 11px;
	color: #333333;
	list-style: none;
	padding: 0;
	margin: 19px 0px 30px;
	width: 984px;
	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: 226px;
	font-weight: bold;
	height: 34px;
	position:absolute;
	top: 17px;
}

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

#workdescription .role {
	width: 160px;
	font-weight: bold;
	height: 18px;
	left: 515px;
	top:17px;
	position: absolute;
}

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

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

#workdescription .agency_ {
	width: 129px;
	height: 18px;
	left: 314px;
	top:17px;
	position: absolute;
}

#workdescription .team_ {
	width: 129px;
	height: 18px;
	left: 299px;
	top:17px;
	position: absolute;
}


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

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

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

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


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



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


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

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

#imagedescription {
	font-family: georgia, times;
	font-size: 11px;
	color: #333333;
	list-style: none;
	margin-bottom:50px;	
	width: 984px;
	height: 13px;
	position: relative;
}

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

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

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

#imagedescription .imagetitle {
	width: 984px;
	height: 34px;
	left: 0px;
	float: left;
	position:absolute;
}

#imagedescription .imagetitle_lovewins {
	width: 984px;
	height: 34px;
	left: 0px;
	float: left;
	position:absolute;
}

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

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

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

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

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

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

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

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

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


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

#griddescription {
	font-family: georgia, times;
	font-size: 11px;
	color: #333333;
	list-style: none;
	padding: 0;
	margin: 0px 0px 30px;
	width: 984px;
	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: 226px;
	font-weight: normal;
	height: 34px;
	position:absolute;
	top: 17px;
	left: 0px;
}

#griddescription .grid_more {
	width: 80px;
	height: 34px;
	left: 389px;
	position:absolute;
	top:17px;
	}

#griddescription .grid_arrow {
		width: 10px;
		height: 34px;
		left: 456px;
		position:absolute;
		font-family: Arial;
		font-size: 12px;
		font-weight:bold;
		top:16px;
		}

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

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

#griddescription .grid_purchase_arrow {
		width: 10px;
		height: 34px;
		left: 458px;
		position:absolute;
		top:16px;
}


.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: right;
	padding: 8px 0 20px;
}

#projectexplanation {
	font-family: georgia, times;
	font-size: 11px;
	color: #333333;
	list-style: none;
	padding: 0;
	margin: 19px 0px 30px;
	width: 984px;
	height: 150px;
	position: relative;
}


.brandvalue {
	width: 310px;
	left: 0px;
	padding: 0px;
	position: absolute;
}

.theuser {
	width: 310px;
	left: 340px;
	padding: 0px;
	position: absolute;
}


.challenge {
	width: 310px;
	left: 670px;
	padding: 0px;
	position: absolute;
}

h1 {
	font-weight: bold;
	font-size: 11px;
}

.description {
	padding: 8px 0 10px;
}



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

#footer_content {
	font-family: georgia, times;
	font-size: 11px;
	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: 940px;
	top: 32px;
	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:967px;
top:32px;
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;
			position:absolute;
			top: 35px;
			left: 515px;
		}

		#footer_content .next_project_ {
					width: 226px;
					font-size: 11px;
					font-weight: normal;
					height: 34px;
					position:absolute;
					top: 35px;
					left: 614px;
				}

#footer_content .next {
	left: 515px;
	top:35px;
	font: 11px;
	position:absolute;
}
#footer_content .workname {
	width: 200px;
	font-size: 11px;
	height: 34px;
	left: 614px;
	position: absolute;
	top:35px;
}

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

#footer_content .email {
	width: 70px;
	height: 34px;
	left: 0px;
	position:absolute;
	top:35px;
	}

#footer_content .email_arrow {
	height: 34px;
	left: 37px;
	width: 10px;
	font-weight: bold;
	font-size:12px;
	font-family: arial;
	position:absolute;
	top:34px;
}

#footer_content .twitter {
		width: 50px;
		height: 34px;
		left: 128px;
		position:absolute;
		top:35px;
}

#footer_content .twitter_arrow {
	width: 10px;
	width: 10px;
	font-weight: bold;
	font-size:12px;
	font-family: arial;
	height: 34px;
	left: 174px;
	position:absolute;
	top:34px;
}
		
#footer_content .dribble {
		width: 70px;
		height: 34px;
		left: 265px;
		position:absolute;
		top:35px;
}
		
#footer_content .dribble_arrow {
		width: 10px;
		height: 34px;
		width: 10px;
		font-weight: bold;
		font-size:12px;
		font-family: arial;
		left: 312px;
		position:absolute;
		top:34px;
}

#footer_content .thoughts {
		width: 70px;
		height: 34px;
		left: 403px;
		position:absolute;
		top:35px;
}		

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