/* @group Main Image Slices */

#top, #bottom, #left, #main, #right {
	display: block;
	background-repeat: no-repeat;
}

#left, #main, #right {
	float: left;
	height: 100%;
	width: 19px
}

#main {
	width: 954px
}

#right {
	width: 27px
}

#top, #bottom {
	height: 22px;
	width: 100%
}

#bottom {
	height: 31px
}

/* @end */

/* @group Navigation */

/* @group Overs */

#homeOver,
#hearOver,
#touchOver,
#feelOver {
	background: no-repeat;
	display: none;
	position: absolute;
	z-index: 100
}

#homeOver {
	height: 143px;
	left: 125px;
	top: 219px;
	width: 95px
}

#hearOver {
	height: 88px;
	left: 183px;
	top: 363px;
	width: 121px
}

#feelOver {
	height: 131px;
	left: 21px;
	top: 341px;
	width: 128px
}

#touchOver {
	height: 48px;
	left: 66px;
	top: 463px;
	width: 200px
}

/* @end */

#nav {
	background: url(navigation.png) no-repeat;
	height: 180px;
	left: 66px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 318px;
	width: 220px
}

#nav li {
	display: inline;
	list-style-type: none
}

#home, #hear, #touch, #feel {
	height: 60px;
	position: absolute;
	width: 100px;
	z-index: 10
}

#home {
	left: 54px;
	top: -21px
}

#hear {
	left: 125px;
	top: 53px
}

#touch {
	left: 48px;
	top: 136px
}

#feel {
	left: -25px;
	top: 56px
}

/* @end */

/* @group Structure */

body {
	background: #ece8e3 url(background.jpg);
	margin: 0;
	padding: 0
}

#pageContainer {
	height: 710px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	width: 1004px;
}

#middleContainer {
	height: 657px
}

#logo {
	background: url(logo.png) no-repeat;
	height: 100px;
	left: 34px;
	position: absolute;
	top: 96px;
	width: 275px
}

#content {
	position: absolute
}

/* @end */

.displayNone, hr, span {
	display: none
}