body{
  background: #fff;
  font-size: 14px;
  font-family: "Calibri", Georgia, "Times new roman", serif;
}
* {margin:0px; padding:0px;}

p{
  margin: 10px 0px;
}
a:link,a:visited{ color: #000;text-decoration: none;}
a:active,a:hover{ text-decoration: underline;}
h1 {
  color: #344396;
  font-weight: normal;
  font-size: 26px;
}

h2{
  color: #344396;
  font-weight: normal;
  font-size: 22px;
}
.underline{
  border-bottom: 1px solid #ccc;
}
#container{
  width: 620px;
  margin: 20px auto;
}

#header{
  
}

#name{
  float: left;
}

#logo{
  width: 200px;
  float: right;
}
#main{
  width: 620px;
  margin: 50px 0px 0px 0px;
  font-size: 22px;
  text-align: center;
}

#footer{
  width: 100%;
  margin-top: 40px;
}

#footer .left{ float: left; width: 35%;}
#footer .right{float: right;width: 30%;}
.float-left{
  margin-top: 50px;
  float: left;
  width: 100%;
}
.tdm{
  font-size: 12px;
  background: url(../images/gen-y.gif) right no-repeat;
  padding-right: 20px;
  float: right;
}
.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%;
}