/*
 * Bonefarm Website 2010 :)
 * Stuff we do -> web design, graphic design, 3d, animation
 */
BODY, HTML {
	height:100%;
}
BODY {
	margin:0;
	padding:0;
	text-align:center;
	background-image:url(../images/pix.png);
	background-color:#000;
}
A {
	outline:none;
	color:#FFF;
}
IMG {
	border:none;
}
H1 {
	font:16px Verdana, Geneva, sans-serif;
	color:#FFF;
	margin:0;
	padding:0;
}
H2 {
	font:13px Verdana, Geneva, sans-serif;
	font-weight:bold;
	color:#000;
	margin:0;
	padding:0;
}
/*
 * Structure
 */
DIV#layer-1 {
	/*height:100%;
	background-image:url(../images/net.png);*/
}
DIV#layer-2 {
	height:100%;
	background-image:url(../images/sunshine.png);
	background-position:center -250px;
	background-repeat:no-repeat;
}
DIV#fence-over-farm {
	width:980px;
	margin:0 auto;
	text-align:left;
}
/*
 * Header
 */
DIV#header {
	position:relative;
	height:170px;
}
A#bonefarm-creations {
	margin:50px 0 0 0;
	position:absolute;
	left:130px;
}
A#logo{
	position:absolute;
	margin:50px 0 0 0;}
DIV#menu {
	position:absolute;
	top:105px;
	left:122px;
}
DIV#menu UL {
	margin:0;
	padding:0;
	list-style-type:none;
}
DIV#menu UL LI {
	float:left;
	background-image:url(../images/separator.png);
	background-position:right center;
	background-repeat:no-repeat;
}
DIV#menu UL LI.last{
	background-image:none;}
DIV#menu UL LI H1 {
	font-weight:normal;
	text-decoration:none;
	color:#FFF;
}
DIV#menu UL LI A {
	padding:5px 20px 5px 10px;
	font-size:18px;
	color:#959595;
	text-decoration:none;
}
DIV#menu UL LI A:hover, DIV#menu UL LI A.active {
	color:#FFF;
}
A#translate {
	font:11px Tahoma, Geneva, sans-serif;
	color:#CCC;
	text-decoration:none;
	position:absolute;
	background-image:url(../images/select-language.png);
	background-position:right top;
	background-repeat:no-repeat;
	padding:8px 45px 8px 10px;
	top:0;
	right:0;
}
DIV#languages{
	display:none;
	position:absolute;
	top:50px;
	right:0;
	padding:10px;
	background-color:#FFF;}
DIV#languages UL{
	margin:0;
	padding:0;}
DIV#languages UL LI{
	list-style-type:none;}
DIV#languages UL LI A{
	font:11px Tahoma, Geneva, sans-serif;
	color:#000;}

/*
 * Content
 */
DIV#content{
	margin:0;
	padding:0;}
DIV#content DIV.left{
	float:left;
	padding:25px 0 0 0;
	width:200px;}
DIV#content DIV.right{
	padding:25px 0 0 0;
	margin:0 0 0 200px;}


DIV#index {
	position:relative;
	min-height:530px;
}
DIV#description {
	position:absolute;
	margin:130px 0 0 90px;
	width:360px;
	top:0;
	left:0;
}
DIV#description H1 {
	color:#CCC;
	font-size:36px;
}
DIV#description P, DIV#description A {
	font:12px Tahoma, Geneva, sans-serif;
	text-decoration:none;
	color:#CCC;
}
DIV#macbook {
	position:absolute;
	right:0;
	top:0;
	margin:90px 50px 0 0;
	width:466px;
	height:266px;
	background-image:url(../images/macbook.png);
	background-repeat:no-repeat;
}
DIV#timeline{
	position:absolute;
	bottom:10px;
	height:80px;
	width:100%;
	overflow:hidden;
}
DIV#timeline A.work{
	display:block;
	float:left;
	width:240px;
	height:75px;}
DIV#macbook IMG{
	position:absolute;
	margin:15px 0 0 74px;}

/*
 * Articles
 */
DIV#articles {
	position:relative;
	min-height:475px;
}
DIV.article{
	font:12px Tahoma, Geneva, sans-serif;
	color:#CCC;
	padding:0 0 15px 0;
	line-height:1.5em;}
DIV.article A{
	color:#CCC;}
DIV.article H1{
	font-size:18px;
	padding:0 0 10px 0;
	border-bottom:1px solid #666;}
DIV.article TD{
	margin:0;
	padding:0;
	vertical-align:top;}

/*
 * Works
 */
DIV#works {
	position:relative;
	min-height:475px;
}
DIV#works A.more{
	font:11px Tahoma, Geneva, sans-serif;
	text-decoration:none;
	display:block;
	text-align:center;
	color:#CCC;
	padding:0 0 50px 0;}
DIV#works TD{
	padding-bottom:25px;}
DIV.work{
	font:11px Tahoma, Geneva, sans-serif;
	color:#CCC;
	padding:0 0 10px 0;
	margin:0 0 0 85px;}
DIV.work A{
	text-decoration:none;}
DIV.work H1{}
DIV.work P{
	margin:0;
	padding:2px 5px 4px 0;}
DIV#works A.thumb,
DIV#timeline A.thumb{
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5);
	float: left;
	width:75px;
	height:75px;}
DIV#older_works{
	display:none;}


/*
 * Contacts
 */
DIV#contacts{
	padding-left:130px;}
DIV#contacts TD{
	vertical-align:top;}


/*
 * Sidemenu
 */
DIV#sidemenu UL{
	margin:0;
	padding:0;} 
DIV#sidemenu UL LI{
	list-style-type:none;}
DIV#sidemenu UL LI A{
	padding:5px 0;
	font-size:18px;
	color:#959595;
	text-decoration:none;
	font:14px Verdana, Geneva, sans-serif;}
DIV#sidemenu UL LI A.active{
	color:#FFF;}

/*
 * Footer
 */

DIV#footer {
	line-height:1.5em;
	padding:0px 0 20px 0;
	font:11px Tahoma, Geneva, sans-serif;
	color:#E9E9E9;
	border-top:1px solid #414141;
}
DIV#footer DIV.left {
	float:left;
	width:400px;
	margin:0;
	padding:0;
}
DIV#footer DIV.right {
	text-align:right;
	float:right;
	width:400px;
	margin:0;
	padding:0;

}
/*
 * GLOBAL
 */
.typeface-js {
	font-family: 'Century Gothic';
}