/*
Author : Onextrapixel
URL: http://www.onextrapixel.com
*/

* {
	border:none; 
	margin:0; 
	padding:0;
}

body {
	color: #000; 
	font:12.35px "Lucida Grande", Arial, Georgia, Verdana, sans-serif;
}

a:link {
	color:#0054a6;
	text-decoration:none; 
}

h1 {
	font-size:20px;
	margin-bottom:20px; 
}
h2 {
	font-size:15px; 
	margin-bottom:5px;
	padding:10px 10px 0 10px;
}

#wrap {
	margin:0 auto;
	width:900px; 
}

#header {
	margin-bottom:20px;
}

#header a {
	color:#0054A6;
}

#header a:hover {
	text-decoration:underline;
}

#desc {margin:10px 0;}

p {
	padding:10px;
}


/*Z-Index, Relative And Absolute Positioning*/
#layer1 {background:#707070; position:relative; width:800px; height:450px; color:#fff;}
#layer2 {background:#f9ad81; position:absolute; top:40px; left:50px; width:400px; height:400px; color:#fff; z-index:1;}
#layer3 {background:#6dcff6; position:absolute; top:80px; left:100px; width:600px; height:200px; color:#fff; z-index:2;}
#layer4 {background:#82ca9c; position:absolute; top:120px; left:150px; width:400px; height:300px; color:#fff; z-index:3;}