html, body
{
border: 0;
margin: 0;
padding: 0;
height: 100%;
}

body
{
background: #036564 url("images/bg.png") top left repeat-x;
font: normal 13px Verdana, Trebuchet MS, sans-serif;
color: #fff;
}

#container
{
min-height: 100%;
margin-bottom: -100px;
position: relative;
margin-left: 50px;
width: 700px;
}

/* Header */

#header
{
width: 100%;
height: 150px;
background: url("images/test.png") top left repeat-x;
}

h1#title
{
width: 400px;
padding: 200px 0 0 0;
height: 0;
background: url("images/chau.png") top left no-repeat;
overflow: hidden;
}

h1
{
margin-top: 0px;
}

/* Main content */

h1#news
{
width: 130px;
padding: 100px 0 0 250px;
height: 0;
background: url("images/news.png") right no-repeat;
overflow: hidden;
}

h1#contact
{
width: 130px;
padding: 100px 0 0 225px;
height: 0;
background: url("images/contact.png") right no-repeat;
overflow: hidden;
}

h1#experience
{
width: 195px;
padding: 100px 0 0 160px;
height: 0;
background: url("images/experience.png") right no-repeat;
overflow: hidden;
}

h1#portfolio
{
width: 170px;
padding: 100px 0 0 190px;
height: 0;
background: url("images/portfolio.png") right no-repeat;
overflow: hidden;
}

.box
{
text-align: justify;
width: 400px;
float: left;
padding-bottom: 50px;
}

/* Main links  */

#nav
{
margin-left: 270px;
width: 480px;
height: 50px;
}

#nav ul
{
list-style: none;
}

#nav li
{
display: inline;
margin-right: 35px;
}

a.main:link
{
font-size: 14px;
color: #033649;
text-decoration: none;
border-bottom: #033649 2px dotted;
}

a.main:visited
{
font-size: 14px;
color: #033649;
text-decoration: none;
border-bottom: #033649 2px dotted;
}

a.main:active
{
font-size: 14px;
color: #000;
text-decoration: none;
border-bottom: #000 2px dotted;
}

a.main:hover
{
font-size: 14px;
color: #fff;
text-decoration: none;
border-bottom: #fff 2px dotted;
}

/*  Right column  */

h1#about
{
width: 130px;
padding: 100px 0 0 100px;
height: 0;
background: url("images/about.png") right no-repeat;
overflow: hidden;
}

h1#links
{
width: 130px;
padding: 115px 0 0px 100px;
height: 0;
background: url("images/links.png") right no-repeat;
overflow: hidden;
}

#right_col
{
text-align: justify;
width: 245px;
float: right;
padding-bottom: 60px;
border-left: #033649 1px dotted;
}

#right_col p
{
margin-left: 45px;
width: 200px;
font: italic 10px Verdana, Trebuchet MS, sans-serif;
}

#right_col ul
{
list-style: none;
}

#right_col a:link
{
font-size: 10px;
color: #033649;
text-decoration: underline;
}

#right_col a:visited
{
font-size: 10px;
color: #033649;
text-decoration: underline;
}

#right_col a:active
{
font-size: 10px;
color: #033649;
text-decoration: underline;
}

#right_col a:hover
{
font-size: 10px;
color: #ffffff;
text-decoration: none;
background-color: #033649;
}

/* Footer */

#footer
{
width: 100%;
height: 100px;
position: relative;
background: url("images/footer.png") repeat-x;
font: normal 10px Verdana, Trebuchet MS, sans-serif;
}

.clearfooter 
{
height: 130px;
clear: both;
}

#footer ul
{
list-style: none;
text-align: center;
position: relative;
top: 35px;
}

li.footer-links
{
font: italic 10px Verdana, Trebuchet MS, sans-serif;
}

a.footer-links:link
{
color: #036564;
text-decoration: none;
}

a.footer-links:visited
{
color: #036564;
text-decoration: none;
}

a.footer-links:active
{
color: #036564;
text-decoration: none;
}

a.footer-links:hover
{
color: #E8DDCB;
text-decoration: underline;
}