body {
	margin: 0 auto;
	padding: 0;
	width: 600px;
	outline: none;
}

#container{
	padding-top: 100px;
	margin: 0;
}
#navigation {
	width: 600px;
	height: 140px;
	margin: 0;
	padding: 0;
}

#top {
	background: url(img/c9pre_top.jpg) no-repeat;
	width: 600px;
	height: 116px;
}

#bottom {
	background: url(img/c9pre_bottom.jpg) no-repeat;
	width: 600px;
	height: 70px;
}

ul#nav  {
	margin:0;
	padding:0;
	list-style-type: none;

}
li.nav  {
	display: inline;
	float: left;
	margin:0;
	padding:0;
}

#c9pre-left {
  	display: block;
  	width: 150px;
  	height: 140px;
  	background: url(img/cloud9.jpg) no-repeat top left;
}

#c9pre-left:hover {
  	display: block;
  	width: 150px;
  	height: 140px;
  	background: url(img/cloud9-hover.jpg) no-repeat top left;
}

#c9pre-middle-2 {
  	display: block;
  	width: 156px;
  	height: 140px;
  	background: url(img/cloud9dance.jpg) no-repeat top left;
}
#c9pre-middle-1 {
  	display: block;
  	width: 144px;
  	height: 140px;
  	background: url(img/cloud9store.jpg) no-repeat top left;
}
#c9pre-right {
  	display: block;
  	width: 150px;
  	height: 140px;
  	background: url(img/cloud9synchs.jpg) no-repeat top left;
}

#c9pre-left:hover, #c9pre-middle-2:hover, #c9pre-middle-1:hover, #c9pre-right:hover {   
	background-position: bottom left;
}

.invisible{
overflow: hidden;
position: absolute;
height: 0em;
width: 0em;
}