body {
	padding:0;
	margin:0;
	font-family:Arial;
}

header, footer {
	z-index:2;
	position:fixed;
	height:30px;
	line-height:30px;
	width:100%;
	padding:0;
	margin:0;
	background:#fff;
	/*
	-webkit-box-shadow:  0px 0px 10px 1px rgba(0, 0, 0, 0.5);
	box-shadow:  0px 0px 10px 1px rgba(0, 0, 0, 0.5);	
	*/
	
	left:0;
	top:0;
	bottom:auto;
}
header {
	height:110px;
	line-height:110px;
}
header .logo,
header nav {	
	position:relative;
	float:left;
}
header .logo img {
	position:relative;
	float:left;
}
header .logo h1 {
	position:relative;
	float:left;
	height:110px;
	line-height:150px;
	padding:0;
	margin:0 0 0 10px;
	
	font-weight:normal;
	color:#ddd;
}

header nav ul{
	position:relative;
	float:left;
	padding:0;
	margin:0;
	list-style:none;
}

header nav ul li{
	position:relative;
	float:left;
	padding:0 3px;
	margin:0 3px;
}

header nav  a.active,
header nav  a.active{
	color:#d00;
}
footer {
	bottom:0;
	top:auto;
}

#main {
	
	position:absolute;
	width:100%;
	z-index:1;
	height:100%;
}

#main .screen {
	z-index:1;
	position:relative;
	float:left;
	width:100%;
	min-height:100%;
	
	background:#ddd;
	
	-webkit-box-shadow:  0px 0px 10px 1px rgba(0, 0, 0, 0.5);
	box-shadow:  0px 0px 10px 1px rgba(0, 0, 0, 0.5);	
	overflow:hidden;
	
}
#main .screen .screen_inner {
	padding:30px 10px;
}
#main #screen1 {
	background:#fff;
}
#main #screen2 {
	background:#eee;
}
#main #screen3 {
	background:#ddd;
}
#main #screen4 {
	background:#ccc;
}



.paddingtop {
	padding-top:20px;
	padding-bottom:40px;
}