body {
/*  font-family: "Trebuchet MS", sans-serif;*/
  font-family:Helvetica, sans-serif;
  font-size:12px;
  color:#a1a1a1;
  margin:0;
}

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-table; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

a:link, a:visited {
  font-size:10px;
  color:#a1a1a1;
  text-decoration:none;
}

a.selected, a:hover, a:active {
  font-size:10px;
  color:#a1a1a1;
}

span {
  font-size:12px;
}

/* layout */
div#header {
  text-align:left;
  height:46px;
  margin:50px auto 0 auto;
  width:1100px;
  clear:both;
}

div#header img {
  float:left;
/*  margin-top:6px;*/
}

div#header span {
  float:right;
  margin:0 5px;
  text-transform:uppercase;
}
div#header span a {
  font-size:16px;
  font-weight:normal;
}
div#header span a.selected {
  color:#565656;
}

/* homepage */
#outer {height: 640px; overflow: hidden; position: relative; width: 100%;}
#outer[id] {display: table; position: static;}

#middle {position: absolute; top: 50%; width: 100%; text-align: center;} /* for explorer only*/
#middle[id] {display: table-cell; vertical-align: middle; position: static;}

#inner {position: relative; top: -50%; text-align: center;} /* for explorer only */
#inner {background-color:#fff; width: 1000px; height:420px; text-align:center; margin-left: auto; margin-right: auto;} /* for all browsers*/
/* optional: #inner[id] {position: static;} */
#inner a { width:1000px; height:420px; display:block;z-index:1000;}
#inner a img {
  margin:180px 0 0 0;
}

/* menu*/
ul#menu {
  width:200px;
  float:left;
  margin:0;
}
ul#menu li {
  list-style:none;
}

ul#menu li a {
  font-size:14px;
  text-transform:uppercase;
}
ul#menu li a.selected {
  color:#565656;
  font-size:14px;
}

ul#menu li.folder {
  margin:0 0 0 5px;
}

ul#menu li.folder a, ul#menu li.folder a.selected {
  font-size:12px;
    text-transform:none;
}

/* page */
div#content {
  margin:20px auto 0 auto;
  text-align:left;
  width:1100px;
}

div#page {
  width:890px;
  float:right;
  height:520px;
}
div#media {
  height:480px;
}

div#media, div#text, div#contact {
  width:730px;
  margin:0 0 0 25px;
}

/* controls */
div#controls {
  text-align:center;
  width:410px;
  height:20px;
  margin:20px 0 0 0;
}
div#controls a {
  height:13px;
  width:13px;
  float:right;
}
div#controls a#previous {
  background:url(../img/prev.png) no-repeat;
  margin-right:10px;
}
div#controls a#pause {
  background:url(../img/pause.png) no-repeat;
  margin-right:7px;
}
div#controls a#next {
  background:url(../img/next.png) no-repeat;
  float:right;
}

/* forms */
form label { display:block; }
form label.error { color:#c00;}
form input.error, form textarea.error { background-color:#e88; color:#fff; }
form input, form textarea {
  margin:0 0 10px 0;
  width:200px;
}