html{
  font-size: 100.1%;
}

* {
  margin: 0;
  padding: 0;
}

body {
  font-family: Arial, Tahoma, Verdana, sans-serif;
  font-size: 62.5%;
  color: #4d4d4d;
  background:url(/gfx/bg_nav_xrepeat.gif) left 167px repeat-x;
}

a img {
  border: none;
}

.hidden {
  display: none;
}

#container {
  background:url(/gfx/bg_nav.gif) left 167px no-repeat;
  width:854px;
  margin-left:auto;
  margin-right:auto;
  position:relative;
}

#header {
  text-align:center;
}

#logo {
  padding:40px;
}

#nav {
  text-align:center;
  position:absolute;
  left:0;
  top:167px;
}

#nav ul {
  list-style-type:none;
  padding-left:197px;
}

#nav ul li {
  float:left;
}

#nav ul li a {
  display:block;
  height:40px;
  background-position: left top;
  background-repeat:no-repeat;
}

#nav ul li a#nav1 {
  width:112px;
  background-image:url(/gfx/navi_01.gif);
}

#nav ul li a#nav2 {
  width:104px;
  background-image:url(/gfx/navi_02.gif);
}

#nav ul li a#nav3 {
  width:118px;
  background-image:url(/gfx/navi_03.gif);
}

#nav ul li a#nav4 {
  width:124px;
  background-image:url(/gfx/navi_04.gif);
}

#nav ul li a:hover {
  background-position:left -40px;
}

#nav ul li a.active {
  background-position:left -80px;
}

#content {
  padding-top:85px;
}

h1 {
  display:block;
  width:290px;
  height:60px;
  float:left;
}

.text {
  float:right;
  width:455px;
  padding:0 65px 55px 0;
  background:url(/gfx/bg_content.gif) right bottom no-repeat;
  color:#5f5f5f;
}


h1#welcome {
  background:url(/gfx/welcome.gif) right top no-repeat;
}

h1#what {
  background:url(/gfx/what.gif) right top no-repeat;
}

h1#who {
  background:url(/gfx/who.gif) right top no-repeat;
}

h1#where {
  background:url(/gfx/where.gif) right top no-repeat;
}

h1#contact {
  background:url(/gfx/contact.gif) right top no-repeat;
}

h2 {
  font-size:180%;
  padding:.7em 0 .7em 0;
}

p {
  font-size:120%;
  line-height:140%;
  padding-bottom:1em;
}

#content ul {
  list-style-position:outside;
  font-size:120%;
  line-height:140%;
  padding:0 0 1em 14px;
}

#content ul li {
  padding-bottom:.6em;
}


.text#twitter_div ul {
  padding-right:30px;
}

#content a {
  color:#000080;
  text-decoration:none;
}

#content a:hover {
  text-decoration:underline;
}

.text img {
  float:right;
  padding:20px 0 20px 20px;
}

.text table {
  font-size:110%;
  margin-bottom:15px;
  border-collapse:collapse;
  width:100%;
}

.text table thead tr th {
  background-color:#5f5f5f;
  font-weight:normal;
  text-align:left;
  padding:1px 3px;
  vertical-align:top;
  color:#fff;
  border-right:1px solid #848484;
}

.text table tbody tr th {
  background-color:#ebebeb;
  padding:3px 3px;
}

.text table tr td {
  vertical-align:top;
  padding:3px 3px;
  border-top:1px solid #ebebeb;
}

/* Clearfix-Hack */
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}