/* reset */
* { outline-style: none }
html {
  margin: 0; padding: 0;
  background-color: #f4f4f4;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 12px;
  color: black;
  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 {
  margin: 0 auto;
  padding: 0;
  position: relative;
  /*margin: 5px auto 3px auto;*/
  border: 1px solid black;
  border-top: none;
  /*padding: 20px 8px 8px 8px;*/
  width: 988px;
  background-color: white;
}
#window {
	margin: 0 auto;
	width: 980px;
}
#header {
  font-family: Century Gothic;
  background-image: url(images/header-bg2.jpg);
  position: relative;
  height: 60px;
  padding-top: 0;
  color: #9b9b9b;
  color: #a0a0a0;
}
#header img.logo {
  	display: inline-block;
  	float: left;
  	padding: 0;
  	margin: 0px 150px 0 0;
	border: none;
}
#header ul {
  display: inline-block;
  word-spacing: 2em;
}
#header ul.main li {
	float: left;
	padding-top:38px;
	padding-left: 5px;
	padding-right: 5px;
	margin-right: 15px;
}
#header a.feedback {
	color: yellow;
}
#header ul.main li.selected {
	background-image: url(images/pointer.png);
	background-repeat: no-repeat;
	background-position: center;
	font-weight: bold;
	height:47px;
}
#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 ul.login li a {
	letter-spacing: 0;
	text-transform: lowercase;
}
#header a:hover {
 	color: #666;
	font-weight: normal;
	color: #fff;
}
#header b {
  color: #fff;
  text-transform: uppercase;
  font-weight: normal;
}
.buttons .uncl {
  position: absolute;
  display: block;
  top: 10px; left: 160px;
  color: #ededed;
}
.buttons .uncl li {
  float: left;
  margin-right: 1px;
  width: 36px; height: 15px;
  line-height: 15px;
  font-size: 10px;
  background: #000;
  text-align: center;
  text-transform: uppercase;
  cursor: pointer;
  width:48px;
}
.buttons .uncl li.space {
  margin-right: 110px;
}
.buttons .uncl li:hover { background-color: #222 }
#location {
  background-color: white;
  height: 14px;
  height: 10px;
  padding: 8px 4px 8px 9px;
  line-height: 20px;
  width: 964px;
}
#location h1 {
  font-weight: normal;
  font-size: 11px;
  line-height: 12px;
  margin: 0;
}
#location h1 a {
  text-decoration: none;
  color: #ea1166;
  }
#footer {
  margin-top: 4px;
  padding-top: 10px;
  height: 25px;
  font-size: 11px;
  background-color: #000;
  text-align: center;
  color: white;
  word-spacing: 2.0em;
  clear: both;
}
#footer #follow {
	word-spacing: 0;
	position: absolute;
	z-index: 2;
	float: left;
	margin-left: 10px;
}
#footer #follow ul {
	display: inline;
	margin-left: 5px;
}
#footer #follow img {
	border-style: none;
	vertical-align: bottom;
}
#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: white;
  word-spacing: 0;
}
#footer a {
  color: white;
  text-decoration: none;
  word-spacing: 0;
}
.viewer {
  position: relative;
  width: 980px; height: 580px;
  background-color: #fff
}
.viewer .renderarea {
  position: absolute; top: 0; left: 0;
  width: 460px; height: 580px;
  text-align: center;
}

.viewer .renderarea > img {
  display: inline-block;
  height: 580px; width: 268px; width: 460px;
}
.viewer .right {
  position: absolute; top: 0; left: 460px;
  width: 520px; height: 525px;
}
.viewer .buttons {
  position: absolute; top: 550px; left: 0;
  width: 980px; height: 30px;
  /*background-color: #ededed;*/
}
.viewer .buttons .turn {
  position: absolute;
  top: 5px;
  left: 207px;
}
.viewer .buttons .turn li {
  float: left;
  margin-left: 1px;
  cursor: pointer;
}

.pager {
  position: absolute;
  top: 5px;
  right: 162px;
  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;
}

/*  EXTRA BLOG */
.post {
	margin: 0 0 20px;
	text-align: justify;
	display: inline-block;
	}

.post hr {
	display: block;
	}
p {
	margin-bottom: 1em;
	margin-top: 1em;
}

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	border: none;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	border: none;
	}

img.alignright {
	padding: 0px;
	margin: 0 0 2px 7px;
	display: inline;
	border: none;
	}

img.alignleft {
	padding: 0px;
	margin: 0 7px 2px 0;
	display: inline;
	border: none;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}*/
/* End Images */