body {
 background-color: #2C4E87;
 height: 100%;
 text-align: center;
 vertical-align: middle;
 font: normal 8pt Tahoma, sans-serif;
}

#container {
 text-align: center;
 width: 600px;
 margin: 100px auto 0px auto;
 padding: 0px;
 background-color: #FFFFFF;
 color: #666666;
}

a:link, a:active, a:visited, a:hover {
 color: #2C4E87;
}

#box {
 padding: 0px;
 text-align: left;
}

#top {
 width: 600px;
 height: 44px;
 background: url(/img/top.jpg) no-repeat;
 margin: 0px 0px 10px 0px;
}

#top a {
 width: 600px;
 height: 44px;
 display: block;
}

#content {
 float: left;
 width: 445px;
 height: 220px;
 margin: 0px 20px 0px 20px;
 overflow: auto;
}

#content p {
 margin: 9px 5px 9px 0px;
 padding: 0px;
 line-height: 14px;
}

#menu {
 float: left;
 width: 108px;
 padding: 0px;
 margin: 0px 7px 0px 0px;
}


#bottom {
 clear: both;
 width: 600px;
 height: 31px;
 background: url(/img/bottom.jpg) no-repeat;
}

#menu ul {
 list-style: none;
 padding: 0px;
 margin: 0px;
}

#menu li {
 width: 108px;
 margin: 5px 0px 0px 0px;
 padding: 0px;
}

#menu ul li a {
 width: 108px;
 height: 20px;
 display: block;
 text-indent: -10000px;
}

#menu .about-me {
 background: url(/img/about-me.jpg) no-repeat;
}
#menu .stuff-I-do {
 background: url(/img/stuff-I-do.jpg) no-repeat;
}
#menu .projects {
 background: url(/img/projects.jpg) no-repeat;
}
#menu .blog {
 background: url(/img/blog.jpg) no-repeat;
}
#menu .contact {
 background: url(/img/contact.jpg) no-repeat;
}

h1 {
 font-size: 12pt;
 margin: 0px 0px 10px 0px;
 padding: 0;
}

h3 {
 font-size: 10pt;
 margin: 0px 0px 10px 0px;
 padding: 0px;
}


a img {
 border: 0px;
}

ul.cloud {
 list-style: none;
 position: relative;
}

ul.cloud li {
 float: left;
 margin: 2px 6px 2px 6px;
 padding: 0px;
}

.cl {
 clear: both;
}