/*
 1. body/container
 2. header
 3. content
 3.1 content - homepage
 3.2 content - tertiary
 3.3 content - secondary
 3.4 content - primary
 4. content - general elements
 5. clear & footer
 */

/* 1. body/container */

html {
  overflow: -moz-scrollbars-vertical;
  overflow-x: auto;
  height: 100%;
}

body {
  background: #ededed;
  color: #1b1b1b;
  font: 100%/1.2em 'Lucida Sans Unicode', Arial, sans-serif;
  margin: 0;
  height: 100%;
}

div#container {
  width: 100%;
  background: url(/uploads/images/bg_container.gif) repeat-x;
  margin: 0 auto -4.8em;
  overflow: hidden;
  min-height: 100%;
}

div#wrapper {
  width: 980px;
  margin: 0 auto;
}

/* 2. header */
div#header {
  width: 470px;
  padding: 59px 0 0 510px;
  position: relative;
  height: 278px;
  margin: 0 0 3.7em;
  background: url(/uploads/images/bg_header.gif) no-repeat;
}

div#bg_header {
  background: url(/uploads/images/bg_header2.gif) no-repeat;
  width: 59px;
  height: 336px;
  position: absolute;
  left: -59px;
  top: 0;
}

div#header h1, div#header p.skip {
  margin: 0;
}

div#header h1 span, div#header p.skip a {
  position: absolute;
  overflow: hidden;
  width: 0;
}

div#header h1 a {
  position: absolute;
  left: 280px;
  top: 135px;
  width: 160px;
  height: 83px;
  background: 0;
}

div#header p.skip a {
  top: 0;
  left: 0;
  color: #fff;
  background: #242424;
  text-decoration: none;
  padding: 0.1em 0;
  text-align: center;
}

div#header p.skip a:active, div#header p.skip a:focus {
  overflow: visible;
  width: 100%;
}

div#header ul {
  margin: 1em 0 2.5em;
  list-style: none;
  float: right;
  width: 100%;
}

div#header ul li {
  float: left;
  margin-left: 5px;
}

div#header ul li:first-child {
  margin-left: 0;
}

div#header ul a {
  display: block;
  padding: 0 3px 0.235em;
}

div#header ul a:link, div#header ul a:visited {
  color: #fff;
  background: #da0155;
}

div#header ul a:hover, div#header ul a:active, div#header ul a.active {
  background: #242424;
}

div#introduction {
  width: 470px;
  float: left;
  height: 11.3em;
  overflow: hidden;
}

div#introduction p {
  color: #fff;
}

div#introduction h2 {
  font: normal 32px Impact;
  height: 48px;
  color: #1fadcb;
  margin: -0.22em 0 0.3em;
  text-transform: uppercase;
}

/* 3. content */
div#content {
  width: 100%;
}

div#content.standard {
  padding: 0 510px 0 255px;
}

div#content_wrapper {
  background-color: #0e0e0e;
  float: left;
  width: 215px;
  border-left: 255px solid #fff;
  border-right: 510px solid #fff;
  margin: 0 -510px 0 -255px;
  position: relative;
}

/* 3.1 content - homepage */
div#spotlight {
  width: 175px;
  padding: 20px;
  height: 10.3em;
  float: left;
  margin-right: 40px;
  background: #fff;
}

div#spotlight h2.flash {
  color: #da0155;
  text-transform: uppercase;
  font: normal 32px Impact;
  margin: -1.65em 0 0;
}

div#spotlight dl {
  margin: -0.35em 0 0;
}

div#spotlight img {
  margin: 0;
}

div#spotlight dl dt {
  margin: 1.2em 0 0;
}

div#spotlight dl dd {
  border-bottom: 1px dotted #dfdfdf;
  text-align: right;
  font-size: 0.8em;
  color: #999;
  padding: 0.2em 0;
  margin: 0;
  width: 100%;
}

div#skills {
  background: url(/uploads/images/bg_skills.gif) no-repeat;
  width: 190px;
  height: 238px;
  padding: 26px 10px 0 15px;
  float: left;
  margin: -3.7em 40px 0 0;
}

div#skills h2 {
  color: #fff;
  text-transform: uppercase;
  font: normal 32px Impact;
  margin: 0 0 0.6em;  
}

div#skills ul {
  margin: 0 0 0 -16px;
  list-style: none;
  position: relative;
}

div#skills img {
  margin: 0;
}

div#skills ul li {
  margin: 0 0 0.7em;
}

div#news {
  float: left;
  height: 9.7em;
  background: #fff;
  padding: 1.56em 25px;
  width: 420px;
  position: relative;
}

div#news h2.flash {
  color: #da0155;
  text-transform: uppercase;
  font: normal 32px Impact;
  margin: -1.82em 0 0.6em;
  position: relative;
}

h3.title {
  margin: 0;
  font-size: 1.1em;
}

h3.title a {
  background: 0;
  color: #1b1b1b;
}

p.date {
  color: #d1cfcf;
  font-size: 0.7em;
  margin: 0;
}

/* 3.2  content - tertiary */
div#content_tertiary {
  float:left;
  width:215px;
  padding: 1.2em 20px;
  margin-left:-255px;
  position:relative;
}

div#content_tertiary h2.flash {
  color: #da0155;
  text-transform: uppercase;
  font: normal 32px Impact;
  margin: -53px 0 13px;
  position: relative;
}

div#content_tertiary dl {
  margin: -0.35em 0 0;
}

div#content_tertiary img {
  margin: 0;
}

div#content_tertiary dl dt {
  margin: 1.2em 0 0;
}

div#content_tertiary dl dd {
  border-bottom: 1px dotted #dfdfdf;
  text-align: right;
  font-size: 0.8em;
  color: #999;
  padding: 0.2em 0;
  margin: 0;
  width: 100%;
}

/* 3.3  content - secondary */
div#content_secondary {
  float:left;
  width:100%;
  margin-right:-100%;
  position: relative;
}

div#content_secondary_bg {
  position: absolute;
  top: -3.7em;
  left: 0;
  width: 215px;
  height: 3.7em;
  background: #0e0e0e url(/uploads/images/bg_content_secondary.gif) no-repeat;
}

div#content_secondary_bg2 {
  position: absolute;
  bottom: -0.45em;
  left: 0;
  width: 215px;
  height: 9px;
  background: url(/uploads/images/bg_content_secondary2.gif) no-repeat;
}

div#content_secondary ul {
  margin: 0;
  list-style: none;
}

div#content_secondary ul a {
  display: block;
  padding: 0.3em 25px 0.4em;
  border-top: 1px solid #242424;
}

div#content_secondary ul a.active {
  color: #fff;
  background: #1fadcb;
  text-decoration: none;
}

/* 3.4 content - primary */
div#content_primary {
  float:right;
  width: 430px;
  padding: 2.18em 40px;
  margin-right:-510px;
  position:relative;
  background: url(/uploads/images/bg_content_primary.gif) 0 0 no-repeat;
}

div#content_primary h2.flash {
  color: #da0155;
  text-transform: uppercase;
  font: normal 32px Impact;
  margin: -68px 0 23px;
  position: relative;
}

ul.error_message {
  list-style: none;
  margin: 0 0 1.2em;
}

ul.error_message li {
  color: #da0155;
}

form#m4moduleform_1 {
  padding-top: 0.6em;
}

form#m4moduleform_1 p span {
  float: left;
  width: 300px;
}

form#m4moduleform_1 p span label {
  width: 250px;
  margin: 0 0 0 10px;
}

form#m4moduleform_1 p span input {
  clear: left;
  float: left;
  margin-top: 0.2em;
}

/* 4. content - general elements */
h1, h2, h3 {
  color: #1b1b1b;
  font-weight: normal;
  margin: 0 0 0.9em;
}

h1, h2, h3 {
  font-size: 1em;
}

p {
  font-size: 0.8em;
  margin: 0 0 1.2em;
}

a:link, a:visited {
  color: #1fadcb;
  text-decoration: none;
}

a:hover, a:active {
  color: #fff;
  background: #1fadcb;
  text-decoration: none;
}

img {
  display: block;
  margin: 0 0 1.2em;
  border: 0;
}

img.float_left {
  float: left;
  margin: 0 1.2em 1.2em 0;
}

img.float_right {
  float: right;
  margin: 0 0 1.2em 1.2em;
}

ul, ol {
  margin: 0 0 1.2em 1.8em;
  padding: 0;
}

ul li, ol li {
  font-size: 0.8em;
  margin: 0;
}

ul li ul li, ol li ol li {
  font-size: 1em;
}

address {
  font-style: normal;
  margin: 0 0 1.2em;
  font-size: 0.8em;
}

form, form p, fieldset, legend {
  border: 0;
  margin: 0;
  padding: 0;
}

legend span, label span {
  position: absolute;
  width: 0;
  overflow: hidden;
}

label {
  width: 120px;
  padding-right: 10px;
  float: left;
}

input, textarea, select {
  background: #fff;
  border: 1px solid #666;
  margin: 0 0 0.6em;
}

input:focus, input.focus, textarea:focus, select:focus {
  border: 1px solid #da0155;
}

p.submit input {
  cursor: pointer;
  margin-left: 130px;
}

p.submit input:hover, p.submit input.hover {
  color: #da0155;
}

span.type {
  display: none;
}

span.org {
  color: #161616;
}

span.org span {
  color: #1fadcb;
}

.sIFR-replaced {
  overflow: hidden;
}

/* 6. clear & footer */
div#clear {
  height: 7.2em;
  width: 1%;
  clear: both;
}

div#footer {
  width: 100%;
  height: 4.7em;
  border-top: 1px solid #dfdfdf;
  overflow: hidden;
}

div#footer div {
  width: 980px;
  padding: 0.6em 0 0;
  margin: 0 auto;
}

div#footer address {
  font-size: 0.7em;
  float: left;
  color: #666;
}

div#footer address span.container {
  float: left;
  width: 165px;
}

div#footer ul {
  margin: 0;
  float: right;
  list-style: none;
  height: 25px;
  padding: 0.1em 0 0;
  background: #dfdfdf url(/uploads/images/bg_footer.gif) no-repeat;
  width: 470px;
}

div#footer ul li {
  float: left;
  font-size: 0.7em;
  margin-left: 40px;
}

div#footer ul li:first-child {
  margin-left: 5px;
}

div#footer ul img {
  float: left;
  background: 0;
  margin-right: 5px;
}

div#footer ul a {
  color: #666;
  background: 0;
}