/* reset CSS */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, legend, iframe {
	margin: 0;
	padding: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
fieldset, img, iframe {
	border: 0;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
}
ol, ul {
	list-style: none;
}
caption, th {
	text-align: left;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}
q:before, q:after {
	content: '';
}
abbr, acronym {
	border: 0;
}
hr {
	margin: 0;
}

body {
  font-family: Arial; 
  padding: 28px 0;
}

.content {
  width: 920px;
  height: 608px;
  margin: 0 auto;
  background: url(../images/background.jpg) no-repeat;
  position: relative;
}

/* Titles */

.left-title, .right-title {
  font-size: 20px;
  position: absolute;
  font-weight: bold;
  line-height: 23px;
}

.left-title {
  color: #3C9486;
  top: 22px;
  left: 24px;
}

.right-title {
  color: #D78450;
  top: 22px;
  left: 496px;
}

/* Subtitles */

.left-subtitle, .right-subtitle {
  font-size: 14px;
  position: absolute;
  font-weight: bold;
}

.left-subtitle {
  color: #3C9486;
  top: 457px;
  left: 341px;
}

.right-subtitle {
  color: #C57344;
  top: 457px;
  left: 511px;
}

/* Lists */
      
.left-list, .right-list {
  font-size: 11px;
  font-weight: bold;
  position: absolute;
}

.left-list {
  top: 406px;
  left: 205px;
  color: #427B6C;
}

.right-list {
  top: 406px;
  left: 669px;
  color: #A05D32;
  text-align: right;
}

.item-second {
  margin-top: 10px;
}

.item-third {
  margin-top: 7px;
}

/* Stops */

.left-stop, .right-stop {
  font-size: 11px;
  position: absolute;
  text-transform: uppercase;
}

.left-stop {
  top: 461px;
  left: 168px;
  color: #3C9486;
}

.right-stop {
  top: 461px;
  left: 724px;
  color: #D78450;
}

/* Texts */

.left-text, .right-text {
  font-size: 11px;
  font-weight: bold;
  position: absolute;
}

.left-text {
  top: 502px;
  left: 21px;
  color: #267D6A;
}

.right-text {
  top: 504px;
  left: 687px;
  color: #A5593F;
}

/* Buttons */

.left-button, .right-button {
  font-size: 11px;
  font-weight: bold;
  position: absolute;
  height: 51px;
}

.left-button {
  width: 178px;
  top: 491px;
  left: 249px;
  background: url(../images/more-green.png) no-repeat;
}

.left-button:hover {
  background-position: 0 -51px;
}

.right-button {
  width: 176px;
  top: 491px;
  left: 491px;
  background: url(../images/more-orange.png) no-repeat;
}

.right-button:hover {
  background-position: 0 -51px;
}