body{
  background: #000 url("/media/images/bg/body-bg.gif") repeat-x left top;
  margin: 0;
  padding: 0;
  text-align: center;
  font: 14px arial, helvetica, sans-serif;
  color: #FFF;
}

body * {
  text-align: left;
}

a {
  color: #999;
  text-decoration: none;
}

a:hover, a:focus {
  text-decoration: underline;
  outline: 0;
}

fieldset {
  position: relative;
  border: 0;
  margin-top: 10px;
}

h1, h2, h3, h4, h5, h6, p, ul, form, ol {
  padding: 0;
  margin: 0;
}

img {border: none;}

/*  Wrapper  */

#wrapper {
  margin: auto;
  width: 960px;
}

/*  Header  */

.header {padding: 7px 0 0 0;}

.header a.logo {
  float: left;
  line-height: 0%;
}

/*  Main Menu  */

.nav {
  background: #CCC;
  width: 100%;
  float: left;
  margin: 10px 0 0 0;
}

.nav ul li {
  float: left;
  display: inline;
  list-style: none;
  position: relative;
}

.nav ul li a {
  font-size: 13px;
  line-height: 15px;
  display: block;
  color: #000;
  background: url("/media/images/icons/menu-icon.gif") no-repeat 6px center;
  padding: 8px 6px 8px 16px;
  position: relative;
}

.nav ul li.active a {
  background-color: #EEE;
}

.nav ul li.first a {
  background-image: none;
  padding-left: 12px;
  font-weight: bold;
}
.nav ul li:hover .submenu {display: block;}

.right-header {
  float: right;
  margin: 10px 0 0 0;
  width: 600px;
}

.top-row {
  width: 100%;
  float: right;
}

.top-row ul {float: right;}

.top-row ul li {
  font-size: 13px;
  color: #a8a8a8;
  display: inline;
  float: left;
  margin-right: 10px;
}

.top-row ul li a {color: #a8a8a8;}

.top-menu  {
  width: 100%;
  float: right;
  margin: 10px 0 0 0;
  font-family: georgia, serif;
}

.top-menu span, .top-menu ul {
  float: right;
}

.top-menu span {
  margin: 15px 12px;
  font-size: 16px;
}

.top-menu span a {
  color: #FFF;
  text-decoration: underline;
}

.top-menu ul li  {
  float: left;
  display: inline;
  font-size: 16px;
  color: #999;
  margin-right: 12px;
}

.top-menu ul li a {color: #FFF;}

.top-menu a:hover, .top-menu a:focus, .top-menu ul li.active a {
  color: #f2a50f;
}

.top-menu ul li a:hover, .top-menu ul li a:focus {
  text-decoration: none;
}

.newsletter {float: right;}

.newsletter label {
  font-size: 13px;
  float: left;
}

/*  Content  */

.content {
  width: 100%;
  float: left;
  padding: 0 0 25px 0;
}

.content h1 {
  font-size: 22px;
  color: #BBB;
  font-weight: normal;
  font-family: georgia, serif;
}

.content h2 {
  font-size: 18px;
  color: #AAA;
  font-weight: normal;
  font-family: georgia, serif;
}

.content p {
  font-size: 13px;
  color: #fcfaf9;
  line-height: 16px;
  margin-top: 20px;
}

.content p.top-15 {margin-top: 15px;}
.content p.top-30 {margin-top: 30px;}

.content ul, .content ol {margin-top: 20px;}

.content ul li, .content ol li {
  font-size: 13px;
  color: #fcfaf9;
  line-height: 16px;
}

.content ul li {
  background: url("/media/images/icons/icon-list.gif") no-repeat 0 6px;
  padding-left: 7px;
  list-style: none;
}

.hero {
  float: left;
  width: 100%;
  height: 350px;
  margin: 7px 0 25px 0;
}

.hero .text-block {
  width: 220px;
  float: left;
  display: inline;
  margin: 24px 0 0 10px;
}

.hero a {
  font-size: 13px;
  margin-top: 20px;
  float: left;
  font-family: georgia, serif;
  display: block;
}

.hero .images {
  position: relative;
  float: left;
  width: 100%;
  height: 350px;
  z-index: 1;
}

.overlay {
  position: relative;
  float: right;
  width: 266px;
  background: url("/media/images/bg/transp.png") repeat left top;
  height: 350px;
  margin-top: -350px;
  z-index: 2;
}

.page {
  width: 670px;
  float: left;
}

.sidebar {
  float: right;
  width: 265px;
  padding: 0 0 20px 0;
}

.sidebar ul {margin-top: 15px;}

.sign-up {margin-top: 10px;}

input.text-input {
  display: inline;
  float: left;
  background: #FFF;
  border: 1px solid #999;
  padding: 3px;
  font-size: 13px;
  color: #333;
}

.sign-up input.text-input {width: 125px;}

.newsletter input.text-input {width: 165px; margin: 0 10px;}

input.button {
  border: none;
  background: none;
  cursor: pointer;
  font-size: 13px;
  color: #999;
  float: left;
  padding: 0px;
}

.sign-up input.button {margin: 10px 0 0 0;}

input.button:hover {text-decoration: underline;}

.form-row {
  width: 100%;
  float: left;
}

/* Forms */

fieldset div {
  padding: 10px 0;
  clear: both;
}

fieldset label, .text {
  display: block;
  width: 270px;
  height: 16px;
}

fieldset label {
  float: left;
  padding: 4px;
}

.text {
  float: right;
}

.text, textarea {
  border: 1px solid #999;
  padding: 3px 7px 3px 7px;
  font-size: 13px;
  color: #333;
}

textarea {
  width: 634px;
  margin-top: 10px;
  font-size: 13px;
}

fieldset span {
  background: #8A0000;
  display: block;
  margin: 2px 0 10px;
  padding: 4px;
  text-align: center;
  clear: both;
}

.field {
  display: none;
}

.error {
  background: #ffc1c1;
  border: 1px solid #ac0000;
}

.error:focus {
  background: #ffe1e1;
  border-color: #de0000;
}

.submit {
  text-align: center;
  padding: 5px 0;
}

.submit input {
  float: none;
}

/*  Footer  */

.footer {
  width: 100%;
  border-top: 1px solid #676767;
  padding: 15px 0 15px 0;
  clear: both;
}

.footer ul li {
  font-size: 13px;
  color: #999999;
  display: inline;
  float: left;
  margin: 0 0 0 5px;
}

.footer p {
  float: right;
  width: 400px;
  margin-bottom: 10px;
  font-size: 13px;
  color: #a8a8a8;
  text-align: right;
  clear: right;
}

.footer .tag {
  padding-bottom: 10px;
}

.relax {
  clear: both;
  height: 0;
  line-height: 0%;
  font-size: 0;
}