/* CSS Template */
/* Centered with wrapper and horizontal navigation and footer */


body {
  margin: 0;
  padding: 0;
  background: #e0e7ec;
  background-image: url(images/body_bgr.jpg);
  background-position: top;
  background-repeat: repeat-x;
  text-align: center; /* For IE 5.5 */
}
#wrapper { /* Contains and centers all elements */ 
  position: relative;
  top: 0;
  left: 0;
  width: 920px;
  margin: 0 auto 75px auto;
  font: 14px "Lucida Grande", Geneva, Verdana, sans-serif;
  color: #3c536b;
  text-align: left;
  background-image: url(images/wrapper_bgr.jpg);
  background-repeat: repeat-y;
}
hr {
  width: 780px;
  height: 0;
  border: 0;
  margin: 0 0 10px 65px;
  padding: 0;
  border-top: 1px solid #ddd; 
}
hr.short {
  width: 430px;
  text-align: left;
  height: 0;
  border: 0;
  /*margin: 10px 0 10px 0;*/
  padding: 0;
  border-top: 1px solid #ddd; 
}

/* Links
=====================================*/

a {
  color: #2e4f7c;
  text-decoration: none;
  font-weight: bold;
}
a:hover {
  text-decoration: none;
  color: #5e758d;
}
a:active, a:visited {
  text-decoration: none;
  color: #2e4f7c;
}
b {
  color: #2e4f7c;
}


/* Header
=====================================*/

#header {
  position: relative;
  top: 0;
  left: 0;
  margin: 0;
  width: 920px;
  height: 337px;
  background-image: url(images/header_bgr.jpg);
  text-align: left;
}
#forumbox {
  position: absolute;
  top: 0;
  right: 30px;
  margin: 0;
  width: 263px;
  height: 92px; 
}


/* Content area
=====================================*/

#content {
  position: relative;
  top: 0;
  left: 0;
  margin: 0;
  width: 920px;
  text-align: left;
}
#content p {
  margin: 20px 60px 0 65px;
  font: 13px "Lucida Grande", Geneva, Verdana, sans-serif;
  line-height: 18px;
  font-weight: normal;
  color: #216487;
}
#content p.end {
  margin: 8px 50px 65px 65px;
  font: 13px "Lucida Grande", Geneva, Verdana, sans-serif;
  line-height: 18px;
  font-weight: normal;
  color: #216487;
}
#content p.short {
  margin: 20px 50px 0 65px;
  width: 430px;
  font: 13px "Lucida Grande", Geneva, Verdana, sans-serif;
  line-height: 18px;
  font-weight: normal;
  color: #216487;
}
#content h1 {
  margin: 5px 0 5px 65px;
  font: 20px "Lucida Grande", Geneva, Verdana, sans-serif;
  font-weight: bold;
  color: #2e4f7c;
}
#content h2 {
  margin: 10px 0 -10px 65px;
  font: 14px "Lucida Grande", Geneva, Verdana, sans-serif;
  font-weight: bold;
  color: #2e4f7c;
}
#content ul {
  margin: 7px 0 0 92px;
  font: 13px "Lucida Grande", Geneva, Verdana, sans-serif;
  line-height: 18px;
  font-weight: normal;
  color: #216487;
  display: block;
}
#content ul {
  list-style:none;
}
#content li {
  margin: 0;
  padding: 0;
  padding-left: 25px;
  background-image:url(images/tick.gif);
  background-repeat:no-repeat;
  background-position: 150px 0 12px 8px;
}



#content li {
  width: 690px;
}
#content img {
  margin: 20px 12px 5px 30px;
  float: left;
  border: 0;
}



/* Boxes
=====================================*/

#boxes {
  position: relative;
  height: 450px;
  width: 920px;
}
#boxes p {
  margin: 20px 0 0 65px;
  font: 13px "Lucida Grande", Geneva, Verdana, sans-serif;
  line-height: 18px;
  font-weight: normal;
  color: #216487;
}
#boxes h2 {
  margin: 10px 0 -10px 65px;
  font: 14px "Lucida Grande", Geneva, Verdana, sans-serif;
  font-weight: bold;
  color: #2e4f7c;
}
#boxes img {
  margin: 20px 12px 5px 65px;
  float: left;
  border: 0;
}



/* Contactbox
=====================================*/

#contactbox {
  position: relative;
  margin: -0px 0 0 0;
  float: right;
  width: 360px;
  height: 200px;
  background-image:  url(images/contactbox_bgr.jpg);
  background-repeat: no-repeat;
}
#contactbox h1 {
  margin: 15px 0 20px 25px;
  font: 20px "Lucida Grande", Geneva, Verdana, sans-serif;
  font-weight: bold;
  color: #2e4f7c;
}
#contactbox p {
  margin: 15px 0 0 25px;
  width: 260px;
  font: 13px "Lucida Grande", Geneva, Verdana, sans-serif;
  line-height: 18px;
  font-weight: normal;
  color: #216487;
}

/* Coming soon
=====================================*/

#comingsoon {
  position: absolute;
  top: 50px;
  left: 50px;
  width: 400px;
  height: 200px;
  text-align: left;
  font: 14px "Lucida Grande", Geneva, Verdana, sans-serif;
  color: #3c536b;
  line-height: 20px;
}

#gardabox {
  position: relative;
  width: 795px;
  height: 200px;
  background-image: url(images/garda_bgr.gif);
  background-repeat: no-repeat;
  margin: 60px 0 60px 63px;
  padding: 20px 0 0 25px;
}
#gardabox table {
   width: 315px;
}
#gardabox td {
  width: 105px;
  height: 78px;
}
#gardabox p {
  margin: 10px 0 15px 0;
  width: 400px;  
}
#gardabox h2 {
  width: 500px;
  margin: 0;
  padding: 0;
}
#gardabox img { margin: 0; }
#tablewrapper {
  margin: 0 0 0 0;
  position: absolute;
  top: 18px;
  right: 25px;

 float: right;
}
.subtle {
  color: #959aa1; !important;
}

/* Footer
=====================================*/

#footer {
  width: 920px;
  height: 44px;
  margin: 0 0 0 0;
  padding: 0;
  background-image:  url(images/footer_bgr.jpg);
  font: 12px "Lucida Grande", Geneva, Verdana, sans-serif;
  color: #2e4f7c;
  text-align: center;
  line-height: 18px;
}
#footer p {
 padding: 8px 0 0 0;
 font-size: 11px;
}
#footer a {
  text-decoration: underline;
  font-weight: normal;
}
#footer a:hover {
  text-decoration: none;
}


/* Images
=====================================*/

img {
  border: 0;
}

#nessetlogo {
  position: absolute;
  top: 321px;
  right: 77px;
  width: 144px;
  height: 60px;
  font: 10px "Lucida Grande", Geneva, Verdana, sans-serif;
  color: #aaa;
  text-align: center;
  z-index: 1;
}