css

html, body{margin:0}

body{background:#FBB117;color:#FFF;width:1000px;margin:0 auto;font-family:arial;background: url(IMG_2559.jpg) no-repeat center center fixed;-webkit-backround-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;}

h1 {display:block;font-size:1.50em;margin:0;}

h2 {display:block;font-size:1.25em;margin:0;}

h3 {display:block;font-size:1.10em;margin:0;}

#heading{background:#222;color:#fff;border-radius:2px;box-shadow:5px 0px 5px -2px #666, -5px 0px 5px -2px #666, 0px -5px 5px -2px #666;margin:5px 0 5px 0;padding:0 5px 5px 5px;}

#heading ul{list-style-type:none;margin:0;padding:0;float:right;padding-top:16px;}

#heading ul li {display:inline;float:left;width:85px;text-align:center;}

#heading a:link, a:visited{background:#555;display:block;color:#FFF;text-decoration:none;margin:2px;padding:3px;border-radius:5px;}

#heading a:hover {background:#C11B17;display:block;}

#heading .selected {background: #FF0000;}

#content{width:700px;background:#222;color:#fff;border-radius:2px;box-shadow:5px 0px 5px -2px #666, -5px 0px 5px -2px #666;float:left;padding:0 5px 0 5px;margin-bottom:5px;}

#content .content {background:transparent;}

#content .content h2 {font-size:1.15em;padding-left:10px;}

#content .content h2:first-child {padding-top:10px;}

#content .content h2 ~ p{margin:0;padding:5px 35px 10px 35px;}

#portfolio{width:270px;background:#222;padding:0 5px 0 5px;color:#fff;border-radius:2px;box-shadow:5px 0px 5px -2px #666, -5px 0px 5px -2px #666;float:right;margin-bottom:5px;height:25%;}

#footer{clear:both;background:#222;color:#fff;border-radius:2px;box-shadow:5px 0px 5px -2px #666, -5px 0px 5px -2px #666, 0px 5px 5px -2px #666;margin:5px 0 5px 0;}

#footer h2{text-align:center;}

.transparent{filter:alpha(opacity=85);-moz-opacity:0.85;opacity:0.85;}

.left{float:left;}

.right{float:right;}