body, html {
  width:100%; 
  background:black;
  padding:0;
  margin:0;
  font: 12px/18px "Lucida Grande", Arial, Verdana, sans-serif;
}

img {
  border:0;
}
a {
  outline: 0;
  text-decoration:none;
}

#main{
  padding-top:0;
  margin:auto;
  margin-top:0;
  border:1px solid white;
  width:812px;
  background-color: #fff;
}

#header{
  position:relative;
  height:189px;
}

#header img{
  position:absolute;
  bottom:80px;
  left:50px;
}

#content{
  padding: 10px 50px 50px 50px;
}

#top{
  float:left;
  width:35%;
  padding-top:30px;
  text-align:left;
  font-size:12px;
  line-height:1.5;
  color:#333333;
  height:300px;
}

.top_right{
 height:350px; 
 float:right;
 width:400px;
 z-index: 0;
}

#left{
  position:relative;
  top:0px;
  float:left;
  width:30%;
  color:gray;
  font-size:13px;
  line-height:1.5;
  padding-right:20px;
}

#right{
  float:right;
  top:100px;
  width:65%;
  font-size:12px;
  line-height:1.5;
  border-left:1px dashed #aaaaaa;
  padding:0;
}

#right h1{
  padding: 0 0 0 40px;
}
#right p{
  padding: 0 0 0 20px;
}
#right h1{
  margin-top:0;
}

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

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

* html .clearfix {
	height: 1%;
}
/*end clearfix*/