body {
	text-align:center;
	background:#f5eab9;
	padding:0;
	margin:0;
}
#mainWrap {
	width:80%;
	max-width:1000px;
	margin:0 auto;
	text-align:left;
}


/* CONTENT
----------------------------------------------------------------------------------------------------*/
#contentWrap {
	margin-right:300px;
	padding:250px 0 50px 0;
}




/* SIDEBAR
----------------------------------------------------------------------------------------------------*/
#sidebarWrap {
	width:220px;
	float:right;
	color:#fff;
}
.sidebar {
	background:#E8CD33;
	padding:40px 20px 20px 20px;
}
.images {
	padding:0 0 120px 0;
}
#logo {
	width:180px;
	height:156px;
	background:#e3c100;
	margin:0 0 40px 0;
}
#menu {
	margin:40px 0 0 -5px;
}
#menu a {
	color:#fff;
	text-transform:uppercase;
	line-height:24px;
	padding:0 5px;
	margin:3px 0;
	display:block;
}
#menu a:hover {
	background:url(../img/pix.png);
}
#menu a.act {
	font-weight:bold;
}





/* VIEWPORTS
----------------------------------------------------------------------------------------------------*/

@media screen and (max-width:750px){
#mainWrap {width:100%;}
#contentWrap {margin:0;padding:20px;}
#sidebarWrap { width:100%;}
.sidebar { padding-top:20px;margin:20px 0; }
.images {padding:0; background:none !important;float:right;margin:-90px 10px 10px 0; position:relative;bottom:-90px;}
#logo {float:right;margin:20px; }
.headline,.subline {text-align:left;}
#menu {margin:20px 0 0 0;}
}
@media screen and (max-width:470px){
#logo {display:none; }
.images { display:block;float:none;margin:-120px 10px 0 10px;}
.images:after { content:' ';height:100px; display:block; }
.images img { width:100%; }
}