@charset "UTF-8";

a:link,a:active,a:hover {
  color:#1b6abd;
}

a:visited {
  color:#1b6abd;
}

html {
  background-color:#5b486f;
}

body {
  width:950px;
  background-position:top left;
  background-attachment:scroll;
  background-repeat:repeat;
}

body,td {
  color:#444444;
  font-family:'Helvetica';
  font-weight:;
  font-style:;
  font-size:14px;
}

td .clock {
  font-size:9px;
}

.container_padding {
  padding:9px;
  height:100%;
}

.container_transparency {
  height:100%;
  width:100%;
  background-color:#fff;
  filter:alpha(opacity=0);
  position:relative;
  left:256px;
  border-radius:22px;
  -moz-border-radius:22px;
}

.container {
  color:#575d5e;
  position:relative;
  border:4px solid #2188a1;
  padding:9px;
  height:100%;
  background-color:transparent;
  border-radius:22px;
  -moz-border-radius:22px;
}

.container .heading {
  max-width:515px;
  margin:auto;
  margin-top:16px;
  margin-bottom:16px;
  padding:22px;
  background-color:#69b8c9;
  color:#fff;
  text-align:center;
  font-family:'Georgia';
  font-weight:bold;
  font-style:;
  font-size:28px;
  border:3px solid #2188a1;
  border-radius:33px;
  -moz-border-radius:33px;
}

.content {
  padding:16px;
}

img {
  border-radius:22px;
  -moz-border-radius:22px;
}

#sidebarlayer {
  z-index:3;
  width:300px;
  height:100%;
  position:fixed;
  top:0;
  left:0;
}

.navigation {
  list-style:none;
  display:block;
  width:281px;
  position:relative;
  top:253px;
  left:-25px;
  margin:16px 16px 16px 0;
  padding:9px 9px 9px 34px;
  background:url(http://img163.imageshack.us/img163/3377/navigationbg.png);
  background-position:left;
  transition:all 1s;
  transition-timing-function:ease-out;
  -moz-transition:all 1s;
  -moz-transition-timing-function:ease-out;
  -webkit-transition:all 1s;
  -webkit-transition-timing-function:ease-out;
  -o-transition:all 1s;
  -o-transition-timing-function:ease-out;
  color:#131f1d;
  font-family:'Georgia';
  font-weight:bold;
  font-style:;
  font-size:22px;
  border:3px solid #1b6abd;
  border-top-right-radius:22px;
  -moz-border-radius-topright:22px;
  border-bottom-right-radius:22px;
  -moz-border-radius-bottomright:22px;
}

.navigation:hover {
  left:-5px;
  background-position:right;
}

#popoutfooter {
  z-index:3;
  position:fixed;
  bottom:-325px;
  left:336px;
  margin:0;
  padding:0;
  width:800px;
  transition:bottom 1s;
  transition-timing-function:ease-out;
  -moz-transition:bottom 1s;
  -moz-transition-timing-function:ease-out;
  -webkit-transition:bottom 1s;
  -webkit-transition-timing-function:ease-out;
  -o-transition:bottom 1s;
  -o-transition-timing-function:ease-out;
}

#popoutfooter:focus {
  bottom:0;
}

#blacktab {
  width:390px;
  height:60px;
  margin:0 auto -20px;
  padding-top:10px;
  background:#7e224d;
  color:#f1e8cc;
  text-align:center;
  font-family:'Georgia';
  font-weight:bold;
  font-size:28px;
  border-top-left-radius:22px;
  -moz-border-radius-topleft:22px;
  border-top-right-radius:22px;
  -moz-border-radius-topright:22px;
}

#blackbox {
  width:99%;
  height:345px;
  padding:0;
  background:#7e224d;
  margin:0 auto;
  border-top-left-radius:22px;
  -moz-border-radius-topleft:22px;
  border-top-right-radius:22px;
  -moz-border-radius-topright:22px;
}

#boxcontainer {
  margin:0 auto;
  padding:0 25px;
  position:relative;
  top:30px;
}