/* CSS Document */
* {
	margin:0;
	padding:0;
}
body.default {
	background:url(../i/bg/default.gif) 64% 0 repeat-y; 
}
body.plastimoeps { 
	background:url(../i/bg/plastimoeps.gif) 64% 0 repeat-y; 
}
body.panels { 
	background:url(../i/bg/panels.gif) 64% 0 repeat-y; 
}
body.about { 
	background:url(../i/bg/about.gif) 64% 0 repeat-y; 
}
body.products { 
	background:url(../i/bg/products.gif) 64% 0 repeat-y; 
}
div.masterhead {
	padding: 0 0 20em 0;
	height: 1px;
}
body.default div.masterhead {	
	background: url(../i/bg/header_default.jpg) 64% 100% no-repeat;
}
body.plastimoeps div.masterhead {
	background: url(../i/bg/header_plastimoeps.jpg) 64% 100% no-repeat; 
}
body.panels div.masterhead {
	background: url(../i/bg/header_panels.jpg) 64% 100% no-repeat; 
}
body.about div.masterhead {
	background: url(../i/bg/header_about.jpg) 64% 100% no-repeat; 
}
body.products div.masterhead {
	background: url(../i/bg/header_products.jpg) 64% 100% no-repeat; 
}
div.content {
	margin: 0 0 4% 5%;
	padding:0;
	width:50%;
	float:left;
	display: inline;
}
div.primary {
	margin:0;
	padding:0;
	width:43%;
	float:left;
}
div.secondary {
	margin:0;
	padding:0 4% 0 2%;
	width:49%;
	float:right;
}
div.illustration {
	margin:0;
	padding:0 5px 0 0;
	width:42%;
	float:right;
	text-align:center;
}
ul.navigation {
	margin: 5% 0 0 2%;
	padding: 0;
	width: 32%;
	font-size: 1.2em;
	float: right;
	list-style: none;
	color: #fff;
}
div.wrapper {
	padding: 0 0 30px 0;
	width: 100%;
	position: relative;
}
div.scrolling {
	margin: 0;
	padding: 0;
	width: 35%;
	overflow: scroll;
	position: absolute;
	left: 20%;
	top: 0;
	float: left;
	background: #f5f5f5 url(../i/bg/scrollingtop.jpg) repeat-x 0 0;
}