html {
	height: 100%;
}

body {
	color: #e0e0e0;
	height:100%;
	background: #202020 url('../bgani.gif');
}

* {
	margin:0;
	padding:0;	
}

a {
	color: #e0e0e0;
	font-size: 1em;
	font-weight: 500;
	text-decoration: none;
}

h1 {
	font-size: 1.2em;
	margin-bottom: 10px;
	color: #333333;
}

a:hover {
	color: #000;
}

a.active {
	color: #000;
}

br.clear {
	clear: both;
}

.hide {
	display: none;
}

#fixed-content {
}

#header {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 135px;
	z-index: 100;
}

#header-img {
	position: absolute;
	z-index: 210;
	top: 0;
	left: 0;
}

#mask {
	background: #202020 url('../bgani.gif');
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 135px;
	z-index: 5;
}

#bgtext {
	position: fixed;
	top: 90px;
	left: 0px;
	z-index: 1;
}

* html #menu {
	position: absolute;
}

* html #bgtext {
	position: absolute;
}

/* CONTENT */

#content {
	z-index: 8;
	position: absolute;
	top: 140px;
	left: 240px;
	width: 700px;
}

#text-content {
	position: absolute;
	top: 50px;
	left: 100px;
}

#content p {
	font-size: 14px;
	font-weight: normal;
	line-height: 20px;
}
/* MENU */

#menu {
	position: fixed;
	top: 136px;
	left: 65px;
	z-index: 200;
}

#menu li {
	height: 27px;
}

#menu a {
	font-size: 12pt;
	display:block;
	text-indent:-9999px;
	width:200px;
	height:27px;
	background-image:url('../menu_en.gif');
	background-repeat:no-repeat;
	cursor:pointer;
}

#m-recent{background-position:0 0;}
#m-recent:hover,#m-recent.hover,#m-recent.active{background-position:-200px 0;}

#m-post{background-position:0 -27px;}
#m-post:hover,#m-post.hover,#m-post.active{background-position:-200px -27px;}

#m-showreel{background-position:0 -54px;}
#m-showreel:hover,#m-showreel.hover,#m-showreel.active{background-position:-200px -54px;}

#m-network{background-position:0 -81px;}
#m-network:hover,#m-network.hover,#m-network.active{background-position:-200px -81px;}

#m-about{background-position:0 -108px;}
#m-about:hover,#m-about.hover,#m-about.active{background-position:-200px -108px;}

#m-contact{background-position:0 -135px;}
#m-contact:hover,#m-contact.hover,#m-contact.active{background-position:-200px -135px;}

#m-makingof{background-position:0 -162px;}
#m-makingof:hover,#m-makingof.hover,#m-makingof.active{background-position:-200px -162px;}

#m-animation{background-position:0 -189px;}
#m-animation:hover,#m-animation.hover,#m-animation.active{background-position:-200px -189px;}

p.contact a {
	font-size: 8pt;
}

span.small {
	font-size: 7pt;
}

div.work-large {
	width: 490px;
	height: 250px;
	margin-bottom: 30px;
}

div.work-large div.title {
	font-size: 16px;
	width: 300px;
	height: 20px;
	float: left;
}

div.work-large div.title span.agency {
	font-size: 10px;
}

div.work-large div.watch {
	width: 100px;
	height: 20px;
	float: right;
	text-align: right;
}

div.work-large div.watch a {
	font-size: 10px;
	background-color: #d0d407;
	color: #000;
	padding: 0 3px 0 3px;
}

div.work-large img {
	width: 490px;
	height: 230px;
}

/* thumbnail */

#library {
	width: 600px;
}

div.work-small {
	width: 170px;
	height: 100px;
	margin-bottom: 30px;
	margin-right: 30px;
	float: left;
}

div.work-small div.title {
	font-size: 16px;
	width: 170px;
	height: 20px;
	float: left;
}

div.work-small img {
	width: 170px;
	height: 80px;
}