/**
* screen.css - advanced styles for use on the screen media type
*/

/**
* Site structure
*/

#wrapper {
  width: 57.38em;
  margin: 0 auto 0 auto;
  padding: 1.25em;
  background-color: #fff;
}
#header {
  text-align: right;
  padding-bottom: 3.88em;
}
#rising-sun {
  margin: -1.25em 0 0.81em 0;
}

/**
* Forms
*/
#contact-form {
  border-left: 1px solid #fff;
  background-color: #CBCED0;
  padding: 0 0 2.19em 1.25em;
}
#contact-form table {
  width: 100%;
}
#contact-form .label {
  width: 11.25em;
  font-size: 0.81em;
  letter-spacing: 0;
  padding-bottom: 0.88em;
}
#contact-form .field {
  padding-bottom: 0.88em;
}
#contact-form .text, #contact-form .textarea, #contact-form .select, #contact-form .button {
  background-color: #fff;
  width: 70%;
  padding: 0.31em;
  border: 1px solid #455560;
  color: #7c7c7c;
  letter-spacing: 0;
}
#contact-form .select {
  width: 71.5%;
}
#contact-form .textarea {
  height: 4.88em;
}
#contact-form .button {
  background: #d6d6d6 url('../img/bg/nav.gif') repeat-x scroll top left;
  width: auto;
  padding: 0.62em;
  color: #455560;
  float: right;
  margin-right: 12.95em;
}

/** 
* Classes
*/

.box-grey {
  background: #ececec url('../img/corner/top-left-grey.gif') no-repeat scroll top left;
  position: relative;
  margin-bottom: 1.25em;
}
.box-grey .box-left {
  position: absolute;
  top: 1.25em;
  left: 0.94em;
  width: 12.94em;
  
}
.box-grey .box-right {
  background: transparent url('../img/corner/bottom-left-grey.gif') no-repeat scroll bottom left;
  padding-left: 14.50em;
}
.box-grey p {
    padding-right: 2.62em;
}
.box-grey .nav li {
  margin-bottom: 1.00em;
  padding: 0.31em 0.62em;
  position: relative;
}
.box-grey .nav li.on {
  background: #d6d6d6 url('../img/bg/nav.gif') repeat-x scroll top left;
}
.box-grey .nav li a:link, .box-grey .nav li a:visited {
  display: block;
  color: #455560;
}
.box-grey .nav li a:hover {
  color: #bd1b20;
  text-decoration: none;
}
.box-grey .content {
  padding: 1.25em 0 0.44em 0;
}
.box-black {
  background: #000 url('../img/corner/top-left-black.gif') no-repeat scroll top left;
  position: relative;
  margin-bottom: 1.25em;
}
.box-black .box-left {
  background: transparent url('../img/corner/bottom-left-black.gif') no-repeat scroll bottom left;
  min-height: 3.6em;
  padding: 0.79em 0 0.79em 1.25em;
}
.box-black .box-right {
  background: transparent url('../img/bg/lightning.jpg') no-repeat scroll top left;
  position: absolute;
  top: 0;
  right: 0;
  width: 274px;
  height: 80px;
}
.box-black h2 {
  font-size: 1.25em;
  color: #ccc;
}
.box-black .nav {
  margin-top: 1.00em;
  padding-bottom: 0;
}
.box-black .nav li {
  display: inline;
  margin-right: 10.88em;
}
.box-black .nav li.on a:link, .box-black .nav li.on a:visited {
  color: #fff;
}
.box-black .nav li a:link, .box-black .nav li a:visited {
  color: #808080;
}
.box-black .nav li a:hover {
  color: #bd1b20;
  text-decoration: none;
}
/* Pixels for navigation "on" state corners */
.pixel {
  position: absolute;
  background-color: #ECECEC;
  width: 0.06em;
  height: 0.06em;
}
.pixel-top-left {
  top: 0;
  left: 0;
}
.pixel-top-right {
  top: 0;
  right: 0;
}
.pixel-bottom-left {
  bottom: 0;
  left: 0;
}
.pixel-bottom-right {
  bottom: 0;
  right: 0;
}