* {
  margin: 0;
  padding: 0;
}

body {
	margin-top: 45px;
}

#swapcontainer {
	margin-left: auto;
	margin-right: auto;
	width: 900px;
	height: 600px;
}
#swapimage {
	float: left;
	width:  500px;
	height: 400px;
	display:  block;
}

#swaptile {
	float: right;
	width:  382px;
	height: 265px;
	background: url(../swap/tilecolorback.jpg) no-repeat;
	display: block;
}

#swaptile p {
	padding-top: 2.5em;
	padding-left: .5em;
}

#swaptile img {
	padding-right: .07em;
}

#swapgrout {
	float: right;
	width:  382px;
	height: 114px;
	background: url(../swap/groutcolorback.jpg) no-repeat;
	display: block;
}

#swapgrout p {
	text-align: center;
	padding-top: 2.5em;
	padding-left: .5em;
}

#swapgrout img {
	padding-left: .5em;
	padding-right: .5em;
}

#swaproom {
	width:  881px;
	height: 161px;
	background: url(../swap/roomback.jpg) no-repeat;
	display: block;
}

#swaproom p {
	text-align: right;
	padding-top: .6em;
	padding-right: .6em;
}

#swaproom img {
	padding-right: .07em;
}

.clear {
	clear: both;
}