/* reset */
* { outline-style: none }
html {
  margin: 0; padding: 0;
  background-color: #f4f4f4;
  font-family: arial, sans-serif;
  font-size: 12px;
  color: #6b6b6b;
  overflow-y: auto;
}
p { margin: 0; padding: 0; }
a { color: #195cae; text-decoration: underline}
ul { list-style-type: none; margin: 0; padding: 0 }
li { display: inline }
select, textarea { font-family: arial, sans-serif; font-size: 13px }

/* styling */
body {
  position: relative;
  margin: 0;
  padding: 0;
  width: 770px;
  height: 608px;
  background-color: white;
}
#header {
  position: relative;
  color:#A0A0A0;
  font-family:Century Gothic;
  background-color: #000;
  color: #9b9b9b;
  color: #a0a0a0;
  height: 14px;
  padding: 8px;
}
#header img.logo {
	display: inline-block;
	float: left;
	padding: 0;
	margin: 8px 150px 0 0;
}
#header ul {
	display: inline-block;
	word-spacing: 2em;
}
#header ul.main li {
	height: 22px;
	float: left;
	background-color: #000;
	padding-top: 0px;
	padding-left: 5px;
	padding-right: 5px;
	margin-right: 15px;
}
#header ul.main li.selected {
	background-color: #333;
	font-weight: bold;
}
#header ul.main {
	margin-top: 0px;
	font-size: 12px;
	letter-spacing: 0px;
}
#header a {
	color: #FFF;
	text-decoration: none;
	text-transform: uppercase;
}
#header ul li a {
	word-spacing: 0;
	letter-spacing: 3px;
	bottom: 0;
}
/*
#header ul.login {
	position:absolute;
	right: 8px;
	top: 0px;
	text-transform: none;
	font-size: 11.5px;
	word-spacing: 0.5em;
}
*/
/*
#header img.logo {
	display: inline-block;
	float: left;
	padding: 0;
	width: 183px;
	margin: 0px 79px 0 8px;
	margin: 4px 79px 0 8px;
}
#header ul {
	display: inline-block;
	padding-top: 0;
	word-spacing: 1.1em;
}
#header ul.main {
	font-size: 17px;
  letter-spacing: 0px;
  position: absolute;
  display: block;
  top: 5px;
  left: 10px;
}
#header a {
  color: #9b9b9b;
  color: #a0a0a0;
  text-decoration: none;
}
*/
#header ul.login {
	position:absolute;
	right: 8px;
	top: 8px;
	text-transform: none;
	font-size: 11.5px;
	word-spacing: 0.5em;
}
#header ul.login li a {
	letter-spacing: 0;
	text-transform: lowercase;
}
#header ul li a {
	word-spacing: 0;
}
/*
#header ul.login li.register {
	font-weight: bold;
}
#header a:hover {
  color: #111;
}
*/
#header b {
  font-weight: normal;
/*  color: #000; */
}
#location {
	background-color:white;
	height:10px;
	line-height:20px;
	padding:8px 4px 8px 9px;
	width:757px;
}
#location h1 a {
  text-decoration: none;
  color: #ea1166;
}
#location h1 {
	font-size:11px;
	font-weight:normal;
	line-height:12px;
	margin:0;
}
#footer {
  margin-top: 1px;
  padding-top: 10px;
  height: 67px;
  font-size: 11px;
  background-color: #ededed;
  text-align: center;
  word-spacing: 2.0em;
}
#footer select {
  display: inline-block;
  vertical-align: top;
  margin-top: -3px;
  margin-left: 10px;
  font-size: 11px;
  width: 95px;
  height: 21px;
  background-color: white;
}
#footer span {
  color: #000;
  word-spacing: 0;
}
#footer a {
  color: #000;
  text-decoration: none;
  word-spacing: 0;
}
.viewer {
  position: relative;
  width: 770px; height: 552px;
  background-color: #fff
}
.viewer .renderarea {
  position: absolute; top: 0; left: 0;
  width: 275px; height: 525px;
  overflow: hidden;
  text-align: center;
  background-image: url(images/bg-render.jpg);
}

.viewer .renderarea > img {
  display: block;
  margin-left: -92px;
  margin-top: -30px;
  height: 580px; width: 268px; width: 460px;
}
.viewer .right {
  position: absolute; top: 0; left: 270px;
  width: 500px; height: 525px;
}
.viewer .buttons {
  position: absolute; top: 525px; left: 0;
  width: 770px; height: 27px;
  background-color: #ededed;
}
.viewer .buttons .turn {
  position: absolute;
  top: 2px;
  left: 117px;
}
.viewer .buttons .turn li {
  float: left;
  margin-left: 1px;
  cursor: pointer;
}

.pager {
  position: absolute;
  top: 5px;
  right: 142px;
  font-size: 10px;
}
.pager li {
  display: block;
  float: left;
  text-align: center;
  background: #000;
  min-width: 19px;
  height: 13px;
  padding: 2px 5px;
  color: #eee;
  margin-left: 5px;
  cursor: pointer;
}
.pager li:hover { background-color: #222 }
.pager li.active {
  background: #fff;
  color: #000;
  cursor: default;
}
.pager li.active.fixed {
  background: #ddd;
  color: #777;
}