html, body{
background:#EEF7FE url('front_bg.png') repeat-x;
}

body{
margin:0;
text-align: center;
}

/***** clearfix *****/
.clear {clear: both;height: 0;line-height: 0;}
.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 */
.clearfix {height: 1%;}
.clearfix {display: block;}

.container{
width:800px;
margin: 0px auto;
text-align: left;
}

.header{
height:110px;
width:790px;
background:#3ba2ea;
margin-left:5px;
}

.header img{
padding-left:169px;
padding-top:40px;
}

.header-left{
margin-left:-5px;
position:relative;
background:transparent url('header_left.png') no-repeat;
width:5px;
height:110px;
float:left;
}

.header-right{
margin-right:-5px;
position:relative;
background:transparent url('header_right.png') no-repeat;
width:5px;
height:110px;
float:right;
}

.content{
position:relative;
margin-top:18px;
width:100%;
height:524px;
width:800px;
background:transparent url('main_bg_morning.png') no-repeat;
}

.footer{
font-family:Arial;
font-size:0.875em;
padding:10px;
}

.mmachine{
color:#a4a5a5;
}

.footer .link{
padding-left:1em;
padding-right:1em;
}

.login-btn{
position:absolute;
top:220px;
left:75px;
}

.signup-btn{
position:absolute;
top:275px;
left:75px;
}