body {
    width: 100%;
    margin: 0;
    padding: 0;
}

#header {
	position: fixed;
	top: 0;
	left: 0;
	margin: 0;
	width: 300px;
	padding: 10px;
}
#main {
	position: absolute;
	top: 0;
	left: 320px;
	margin: 0;
	width:  auto;
	padding: 30px 30px 30px 10px;
}
#footer {
	position: fixed;
	bottom: 0;
	left: 0;
	margin: 0;
	width: 300px;
	padding: 10px;
}

/* iphone */

@media only screen and (max-device-width: 640px) { 

	body {
	}
	
	#header {
		position: relative;
		width: 100%;
	}
	
	#main {
		position: relative;
		left: 0;
		width: 100%;
	}

	#footer {
		position: relative;
		width:  100%;
	}

}

@media print { 

	#header {
		position: relative;
		width: 100%;
	}
	
	#main {
		position: relative;
		left: 0;
		width: 100%;
	}

	#footer {
		position: relative;
		width:  100%;
	}

}