/* n.e.boulevard - Index CSS - 2009 */

* {
	padding: 0;
	margin: 0;
}

#index-header {
	position: absolute;
	top: 150px;
	height: 211px;
	width: 100%;
	background: url(index-logo.png) no-repeat center center;
}

#flashheader {
	position: absolute;
	margin: 0;
	top: 150px;
	height: 400px;
	width: 100%;
}

#progress {
	position: absolute;
	background: url(progress0.png) no-repeat center center;
	margin: 450px 0 0 0;
	width: 100%;
	height: 18px;
}

/*----------------- Rolloverek -----------------*/

#rollover1 {
	position: absolute;
	margin: 0 0 0 0;
	top: 150px;
	height: 400px;
	width: 100%;
	background: url(index/rollover1.png) no-repeat center top;
}

#rollover2 {
	position: absolute;
	margin: 0 0 0 0;
	top: 150px;
	height: 400px;
	width: 100%;
	background: url(index/rollover2.png) no-repeat center top;
}

#rollover3 {
	position: absolute;
	margin: 0 0 0 0;
	top: 150px;
	height: 400px;
	width: 100%;
	background: url(index/rollover3.png) no-repeat center top;
}

#rollover4 {
	position: absolute;
	margin: 0 0 0 0;
	top: 150px;
	height: 400px;
	width: 100%;
	background: url(index/rollover4.png) no-repeat center top;
}

#rollover5 {
	position: absolute;
	margin: 0 0 0 0;
	top: 150px;
	height: 400px;
	width: 100%;
	background: url(index/rollover5.png) no-repeat center top;
}

/*----------------- Ghost Rolloverek -----------------*/

#ghostholder { ;
	border-color: gray;  
	border-style: dashed;  
	border-width: 1px;  
	position: absolute;
	top: 150px;
	width: 640px;
	height: 150px;
}

#ghost1 {
	position: relative;
	background-color: purple;
	top: 150px;
	width: 128px;
	height: 150px;
}

#ghost2 {
	position: relative;
	background-color: green;
	left: 128px;
	width: 128px;
	height: 150px;
}

#ghost3 {
	position: relative;
	background-color: blue;
	left: 128px;
	width: 128px;
	height: 150px;
}

#ghost4 {
	position: relative;
	background-color: yellow;
	left: 128px;
	width: 128px;
	height: 150px;
}

#ghost5 {
	position: relative;
	background-color: red;
	left: 128px;
	width: 128px;
	height: 150px;
}