body, ul, p, li, ol, div, form,html
h2, h3, h4, h5, h6{
	margin:0;
	padding:0;
	text-indent:0;
	
}
html{
	text-align:center;
}

h1, h2, h3, h4, h5, h6{
	font-weight:normal;
	letter-spacing:5px;
}


body{
	font: 12px Verdana,sans-serif;
	text-align:center;
	background-repeat:no-repeat;
	background-position:top center;
	background-color:#854a5d;
}




h1{
	font-size:1.2em;
	text-align:left;
	font-family: Verdana,sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
}
body>header h1{
	padding:0.45em 0;
	position:relative;
	margin:1em auto;
	width:960px;

}
body>header h1 span{
	color:white;
	background-color:#854a5d;
}
h1 span{
	color:#854a5d;
	padding:0 2px;
}
#intro,
#main-content{
	width:960px;
	position:relative;
	margin : 0 auto;
}
#main-content article{
	position:relative;
	
	width:960px;
	background-color:white;
	display:block;
	padding-bottom:1em;
	margin-bottom:1em;
	}
#playground{
	width:960px;
	position:relative;
	background-color:white;
	margin : 0 auto;
	height:600px;
}
#playground>div{
	width:960px;
	position:absolute;
	height:600px;
}
#portfolio_intro_baseline{
	clear:both;
	font-size:1.4em;
	padding:2.4em 11em 0;
	line-height:1.6em;
	text-align:left;
}
#playgroundMenu{
	z-index:10;
}
#playgroundArticle{
	z-index:3;
}
#playgroundArticleTransition{
	z-index:6;
}
#playgroundNavigation{
	z-index:12;
}
#playground>div#playgroundNavigation{
	height:450px;
}
#main-content article{
	width:960px;
	height:600px;
}
#main-content article h1{
	margin:.3em auto 0;
	width:960px;
}
.menu_item{
	height:450px;
	position:relative;
	overflow:hidden;
	float:left;
	cursor:pointer;
}
.menu_item img{
	position:absolute;
	left:-150px;
	top:0;
	-webkit-transition:left .2s ease-in;  
   -moz-transition:left .2s ease-in;  
   -o-transition:left .2s ease-in;  
   transition:left .2s ease-in;

   	filter: alpha(opacity=30);
	opacity: .3;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
}
.menu_item:hover img{
	left:-300px;
	opacity:1;
   	filter: alpha(opacity=100);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	-webkit-transition:left .4s ease-out;  
   -moz-transition:left .4s ease-out;  
   -o-transition:left .4s ease-out;  
   transition:left .4s ease-out;   
}
.menu_item.exit:hover img,
.menu_item.exit img{
	left:-960px;
	opacity:1;
   	filter: alpha(opacity=100);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	-webkit-transition:left .6s ease-out;  
   -moz-transition:left .6s ease-out;  
   -o-transition:left .6s ease-out;  
   transition:left .6s ease-out;   
}

.menu_item h1{
	position:absolute;
	top:190px;
	left : -220px;
	z-index:10;
	text-align:right;
	width:550px;
	height:150px;
  line-height:1em;
	-webkit-transition:line-height .2s ease-in;  
   -moz-transition:line-height .2s ease-in;  
   -o-transition:line-height .2s ease-in;  
   transition:line-height .2s ease-in;  
}
.menu_item h1 span{
	color:white;
	background-color:#854a5d;
	font-size:1.4em;
}

.menu_item:hover h1{
	line-height:4.5em;
	-webkit-transition:line-height .6s ease-out;  
   -moz-transition:line-height .6s ease-out;  
   -o-transition:line-height .6s ease-out;  
   transition:line-height .6s ease-out;

}
.menu_item.exit:hover h1,
.menu_item.exit h1{
	line-height:0em;
	-webkit-transition:line-height .2s ease-in;  
   -moz-transition:line-height .2s ease-in;  
   -o-transition:line-height .2s ease-in;  
   transition:line-height .2s ease-in;  

}
#portfolio_intro{
	width:960px;
	margin:1em auto;
	padding:.2em 0;
	color:white;
	background-color:transparent;
}
#portfolio_intro a{
	color:white;
}
#portfolio_intro_baseline.exit{
	opacity:0;
	-webkit-transition:opacity .2s ease-in;  
   -moz-transition:opacity .2s ease-in;  
   -o-transition:opacity .2s ease-in;  
   transition:opacity .2s ease-in;  

}
.goes_up{
	-webkit-transform: rotate(-90deg); 
	-moz-transform: rotate(-90deg);	
	-o-transform: rotate(-90deg);	
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
#playground>div p,
article>p{
	line-height:1.4em;
	color:#333;
	font-size:14px;
	width:600px;
	text-align:left;
}
article p{
	padding:1em 0;
}
#playground>div p{
	left:20px;
	top:490px;
	position:absolute;
}
#playground>div#playgroundArticle h1,
#playground>div#playgroundArticleTransition h1{
	left:20px;
	top:460px;
	position:absolute;
}
footer{
	text-align:left;
}

footer span{
	font-size:10px;
	letter-spacing: 0px;
	font-family: Verdana,sans-serif;
	z-index:100;
	
}
#playground footer span{
	position:absolute;
}
span.tags{
	right:20px;
	top:475px;
}
#main-content span.tags{
	display:block;
}
span.link,
span.links_images{
	left:auto;
	right:20px;
	padding:1px;
	bottom:5px;
}
span.link a,
span.links_images a{
	font-size:1.7em;
}

.bt{
	position:absolute;
	z-index:200;
	padding:180px 0 0 0;
	height:220px;
	cursor:pointer;
	font-family: Verdana,sans-serif;
	width:300px;
	
}
.bt span{
	background-color:white;
}
.bt div{
	padding:12px;
	background-color:#854a5d;
	border:4px solid white;
	width:70px;
	filter : alpha(opacity=0);
	-moz-opacity : 0;
	opacity : 0;
}

#bt_previous{
	left:5px;
}
#bt_next{
	right:5px;
}
#bt_menu{
	top:0;
	right:330px;
}
#bt_next>div{
	margin-left:200px;
}
#bt_menu>div{
	margin-left:100px;
}
#contact{
line-height:2em;
text-align:left;
}
#contact, #contact var{
	margin-top:10px;
	font-size:10px;
	font-family: Verdana,sans-serif;
	font-style:normal;
}
#contact a {
	color:white;
	background-color:#854a5d;
	text-decoration:none;
}
#contact a:hover {
	color:#854a5d;
	background-color:white;
}
#speechballon{
	position:absolute;
	z-index:2002;
}
#opacityLayer{
	top:0;
	left:0;
	width:100%;
	height:100%;
	position:absolute;
	background-color:#854A5D;
	z-index:1999;
	filter: alpha(opacity=50);
	opacity: .5;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}
#popinHen{
	
	position:absolute;
	width:220px;
	border:4px solid #333;
	background-color:white;
	z-index:2000;
	padding:8px;
	line-height:1.4em;
	font-size:11px;
}
#contains_hen{
	position:relative;
	padding:.5em 0;
}
#hen{
	z-index:3000;
	position:absolute;
	top:15px;
	width:20px;
	height:20px;
	background-image:url(./thehen/img/hen-bg.png);
	cursor:pointer;
}

#intro{
	min-height:1.2em;
}
#intro p{
	margin:.5em 0;
}
#intro #intro_content{
	font-size:1.6em;
	line-height:1.4em;
	padding: 2em 0 .7em;
	text-align:left;
}
.wrap_intro_content{
	background-color:white;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding:1em 1.5em;
}
#intro #intro_teaser{
	position:absolute;
	text-align:right;
	width:100%;
	z-index:200;
	bottom:0;
	paddin:0;
}
#intro_teaser a{
	color:#854a5d;
	background:white;
	padding:5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
span a,
#portfolio_intro_baseline a,
#playground p a,
#intro a{
	color:#44a5dc;
}
var{
font-style:normal;}