/*----------------------------- 
-------------------------------
General Elements
-------------------------------
------------------------------*/

body {
	background: #225289 url("images/bg.jpg") repeat-x top center; 
	margin: 0px;
	padding: 0px;
	text-align: center;
}

/* Fix floating issues with divs and resizing */ 
.clear {
	clear: both;
}


/*----------------------------- 
-------------------------------
Container and elements
-------------------------------
------------------------------*/

#section1 {
	width: 1000px;
	height: 1200px;
	margin: 0px auto;
}

#section2 {
	width: 1000px;
	height: 1200px;
	margin: 150px auto 0px auto;
}

#arrows {
	width: 1000px;
	height: 1482px; 
	margin: 0px auto;
	background: transparent url("images/arrows_down.png") no-repeat top center;
}

	/* Header bar with logo */
	#header {
		width: 1000px;
		height: 347px;  
		padding: 0px;
		margin: 0px;
		background: transparent url("images/header.jpg") no-repeat top center;
	}
	
	/* Headline for "I've been creating websites" */
	#headline1 {
		width: 809px;
		height: 48px;
		background: transparent url("images/headline1.jpg") no-repeat top center;
		float: left;
		margin-left: 25px;
	}