* {margin: 0; padding: 0; border: 0;}

.left {float: left; margin: 0px 10px 0px 0px;}

.right {float: right; margin: 0px 0px 0px 10px;}

body{background: #ebf9cd; font-family: Arial, Verdana, Tahoma;}


/*******************************************/
/** main ***********************************/
/*******************************************/

#header{margin: 0px auto; position: relative; width: 775px; height: 40px;}

#header:after {clear: both; content: '.'; display: block; height: 0; visibility: hidden;}

#header h1{padding: 20px 0 0 0; font-size: 14px; text-align: right; font-weight: bold; text-decoration: underline; color: #aaa;}

/*******************************************/
/** header *********************************/
/*******************************************/

#main{margin: 0px auto; position: relative; width: 775px; height: 400px; background: url("/images/welcome.jpg") no-repeat top;}

#main:after {clear: both; content: '.'; display: block; height: 0; visibility: hidden;}

#left_side {float: left; width: 350px; height: 350px; font-size: 12px;}

#right_side {float: right; width: 425px; height: 350px; font-size: 12px;}

/*******************************************/
/** footer *********************************/
/*******************************************/

#footer {position: fixed; bottom: 20px; margin: 10px auto; width: 100%; border-top: 1px solid #aaa;}

#footer:after {clear: both; content: '.'; display: block; height: 0; visibility: hidden;}

#footer p{margin: 0; padding: 5px 0px; text-align: center; font-size: 11px; color: #aaa;}

#footer a{color: #555;}