/* ----- CSS ----- */

body {
  margin: 0;
  padding: 0;
  font-family: "Trebuchet MS", Verdana, sans-serif;
  font-size: 13px;
  color: #E7E7D6;
  background: #E7E7D6 url(../img/background.jpg) 0 0 no-repeat;
  text-align:center;
}

.container {
  width:770px;
  margin:0 auto 0 auto;
  position:relative;
  background: #FFF url(../img/main_bg.gif) no-repeat;;
}

#header {
  width:770px;
  height:175px;
  margin:30px auto 0 auto;
  position:relative;
  background: url(../img/header_with_clip_v2.gif) no-repeat;
}

#bottom { 
  width:770px;
  height:142px;
  margin:0px auto 0 auto;
  position:relative;
  background: url(../img/bottom2.gif) no-repeat;
}
#header ul{
  position:absolute;
  top:50px;
  left:240px;
  display:block;
}

#header li {
   display:block;
   float:left;
   width:95px;
   margin-left:1px;
}

ul{
  text-align:left;
}

#header li a{
  display:block;
  height:25px;
  font-size:1.2em;
  line-height:25px;
  text-transform:lowercase;
  text-align: center;
  color: #757A05;
  /*text-decoration: none;*/
}
#header li a:hover{
  background: url(../img/active.gif) no-repeat 50% 50%;
}

#header li .active{
  color: #6A1400;
  background: url(../img/active.gif) no-repeat 50% 50%;
}


.container img {
  border: 0;
}

.container h2 {
  margin:0px;
  padding:0px 0px 0px 0px;
  font-family: Georgia, Verdana, sans-serif;
  font-size: 14px;
  color: #6A1400;
  text-align:left;
  
}

#small_left h2 {
  margin:0px;
  padding:0px 0px 0px 0px;
  font-family: Georgia, Verdana, sans-serif;
  font-size: 14px;
  color: #6A1400;
  text-align:center;
}

.container p{
  color: #6A1400;
  padding-bottom: 0px;
  margin-bottom: 0px;
  text-align:left;
}

#lefty{
  float: left;
  width:220px;
  color: #6A1400;
  min-height: 300px;
}

#righty{
  width: 550px;
  float: right;
  color: #6A1400;
}

.container #small_left{
  float: left;
  width:220px; 
  color: #6A1400;
  height: 200px;
}

.container #right{
  text-align: left;
  color: #6A1400;
}

#lookatme{
  width:770px;
  margin:0 auto 0 auto;
  position:relative;
  text-align:right;
  display:block;
}

#lookatme img{
  padding-left:5px;
  border: 0px;
}

#lefty ul {
   text-align:center;
   margin: 0;
   padding-left: 45px;
   list-style: none;
   background: none;
   height: 20px;
}

#mail{
  text-align:left;
  background-image: url(../img/mail.gif);
  background-repeat: no-repeat;
  background-position: 2 em;
  padding-left: 20px;
  padding-bottom: 6px;
}

#associated{
  text-align:left;
  background-image: url(../img/manyusers.gif);
  background-repeat: no-repeat;
  background-position: 2 em;
  padding-left: 20px;
  padding-bottom: 6px;
}

.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */