/*#############################################
 MAIN.CSS
	by Blackmilk
###############################################*/

/*#############################################
 IMPORTIT
###############################################*/

@import url("menu.css");
@import url("typography.css");
@import url("lytebox.css");

/*#############################################
 YLEISET MÄÄRITTELYT
###############################################*/

html {
	height: auto;
	width: auto;
	min-height: 100%;
	padding: 0;
	margin: 0;


}

body {

	padding:0;
	margin: 0;
	width: 100%;
	height: auto;
	background:url(../gfx/bg.jpg) #fff repeat-y 0 0;
}

/*#############################################
 CONTENT ALUEET
###############################################*/

#wrapper{

	width:950px;
	height: auto;

	margin:0 auto;
	padding: 40px 0 40px 0;

}

#left{

	float:left;
	width:400px;

	padding: 60px 0 0 50px;
}


#right{
	
	position: relative;
	float:right;
	width: 498px;

}

#content{
	
	position: absolute;
	top: 50px;
	left: 52px;
	width:370px;
	display:block;
	margin: 0;
	padding: 0;
}


/*#############################################
 MISC
###############################################*/

div.content-top{

	background:url(../gfx/content-top2.png) transparent no-repeat 0 0;
	width:498px;
	height:78px;
	overflow: hidden;
	padding: 0;
	margin: 0;

}

div.content-bottom{

	background:url(../gfx/content-bottom2.png) transparent no-repeat 0 0;
	width:498px;
	height:76px;
	padding: 0;
	margin: 0;

}


div.content-center{

	background:url(../gfx/content-center2.png) transparent repeat-y  0 0;
	width:498px;
	height: 600px;
	margin: 0;

}

div.logo {

	display: block;
	margin: 0 auto 15px auto;
}

div.logo img {
	display: block;
	margin: auto;
}