body { background: url(../img/bg.jpg)  no-repeat fixed;	overflow: auto;	color: #FFF; }

h1, h2, h3, h4 { margin: 0; padding: 0; color: #FFF; }
h5 { margin: 0; padding: 0 0 0 30px; color: #e1e1e1; }

a { color: #FFF; font-size: 16px; text-decoration: none; }
a:hover, a:active { text-decoration: underline; }

li { list-style: none; }

.left { float: left; }
.right { float: right; }

span a { font-size: 12px; text-decoration: underline; }
	
#page-wrap { margin: 30px auto; position: relative; }

#header { margin: 0; padding: 0 0 0 0; height: 83px; }

#logo { height: 121px; margin: 0; padding: 0; }

#navigation { }
#navigation .menu { display: block; }
#navigation .menu li { margin: 35px 0 0 0; padding: 0; list-style: none; text-align: center; background: url(../img/nav-bg.png) no-repeat; width: 120px; height: 89px; }
#navigation .menu li a { position: relative; top: 35px; left: 8px; width: 100px; font: 16px Helvetica, Verdana, Georgia; color: #FFF; margin: 0; padding: 20px 20px; }

/* Content Body */

#main { background: url(../img/content-bg.png) top no-repeat; height: 800px; margin: 18px 0 0 0; padding: 0; }

#headline { padding: 40px 60px 30px 60px; }
#headline h2 { color: #FFF; padding-bottom: 10px; }

#intro { background: url(../img/intro-bg.png)  no-repeat; width: 960px; height: 291px; margin: 0; padding: 0; }

#abilities { margin: 70px 0 0 30px; }

#about-intro { margin: 50px 0 0 -10px; padding: 0 60px 0 0; text-align: justify; }

#featured { margin: 0; padding: 0; }
#featured h2 { padding: 10px; margin-left: 50px; margin-bottom: 20px; }
#featured .featured_list { width: 850px; margin-left: 60px; }
#featured .featured_list li { margin: 0 10px; padding: 0 20px; }
#featured .featured_list li a { }

#main-content { padding: 40px 60px 30px 60px; }
#main-content .post { padding: 50px 0 0 0; margin: 0; width: 800px; color:#FFF; text-align: justify; }

/* END Content Body */

#footer { color: #fff; position: relative; top: -30px; left: 20px; margin: 0; padding: 0; }

/* Contact Page */

#contact-content { margin: 0 0 0 0; padding: 100px 20px 0 0; text-align: justify; }

#contact-form h5.message { padding: 10px 40px 10px 0; font-size: 14px; }

#contact-form { margin: 0 0 0 0; padding: 75px 0 0 0; }
#contact-form form { margin: 0; }
#contact-form label { color: #FFF; font-size: 14px; font-weight: bold; }
#contact-form input { width: 250px; height: 30px; cursor: pointer; border: 0; padding: 4px 9px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background: -moz-linear-gradient(top, #FFF, #EEE 1px, #FFF 25px); background: -webkit-gradient('linear', left top, left 25, from(#FFF), color-stop(4%, #EEE), to(#FFF)); background: #FFF; }
#contact-form textarea { padding: 10px; height: 200px; width: 300px; cursor: pointer; border: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background: -moz-linear-gradient(top, #FFF, #EEE 1px, #FFF 25px); background: -webkit-gradient('linear', left top, left 25, from(#FFF), color-stop(4%, #EEE), to(#FFF)); background: #FFF; }
#contact-form input:hover, textarea:hover, input:focus, textarea:focus { border-color: #CCC; -moz-box-shadow: rgba(95,242,251, 1) 0 0 10px; -webkit-box-shadow: rgba(95,242,251, 1) 0 0 10px; }
#contact-form input#submit {  width: 75px;  }

/* Portfolio Page */

#portfolio { padding: 40px 60px 30px 60px; }

#portfolio .return_link { line-height: 100px; float: right; }

#portfolio .portfolio_list { display: block; margin-top: 75px; }
#portfolio .portfolio_list li { float: left; }
#portfolio .portfolio_list li a {}
#portfolio .portfolio_list li img { border: none; }

#portfolio .project { margin-top: 75px; }
#portfolio .screen-shot { padding: 20px 100px; margin: 0 auto; width: 600px; }
#portfolio .details { padding: 10px 0; padding-bottom: 50px; }