body, html {
  position: relative;
  text-align: center;
  border: 0;
  margin: 0 auto;
  padding: 0;
  width: 100%;
  height: 100%;
  font: normal 100% Verdana, Arial, Helvetica, sans-serif;
  background: #ededed;
}

#outer-wrapper {
  text-align: left;
  margin: 0 auto;
  height: 100%;
  background: #FFFFFF;
}

#outer-content-wrapper {
  left: 0;
  width: 100%;
  min-height: 70%;
  background: #FFFFFF;
}

#left-menu-box {
  margin: 0;
  padding: 6px 6px 0 6px;
}

#middle-marker-box, #right-marker-box {
  margin: 6px;
  padding: 0;
}

#left-marker-box  {
  margin: 0 6px;
  padding: 0;
}

#left-marker, #middle-marker, #right-marker {
  margin: 0;
  padding: 6px;
}

#left, #middle, #right, #inner-content-wrapper {
  position: relative;
  overflow: visible;
}

#inner-content-wrapper {
  float: left;
  margin: 0;
  width: 735px;
}

#left {
	float: left;
	width: 215px;
	background: #FFFFFF;
}

#middle {
  float: left;
  width: 65%;
  background: #FFFFFF;
}

#right {
  float: right;
  min-width:10%;
  max-width:240px;
  background: #FFFFFF;
}

#outer-wrapper {
   width: 90%;
   max-width: 1200px;
}

.cleaner {
	clear:both;
	height: 1px;
	font-size: 1px;
	line-height: 0px;
	display: block;
	visibility: hidden;
	border: 0; 
	padding: 0;
	margin: -1.0em 0 0 0;
	background: transparent;
}

@media (max-device-width: 800px) {
 #outer-wrapper {
   width: 100%;
 }
}
 
@media (max-device-width: 680px) {
 #middle {
   width: 100%;
 }
}