body { background: #4c5b52; margin: 0; font: 12pt Helvetica, sans-serif; }
#wrap { background: #FFF; border-top: 10px solid #7ac142; min-height: 600px; min-width: 900px; }
img { border:0; }
/* Header */
#header { margin: 0 auto; padding: 0 40px; width: 820px; position: relative; }

.logo { background: url(../images/logo.png) no-repeat; margin-top: 15px; width: 230px; height: 80px; }
.logo a { display: block; text-indent: -33333px; width: 230px; height: 80px; }

a { color: rgb(94, 151, 50); }

.contact_info { font: 8pt Arial, sans-serif; margin: 0; position: absolute; left: 280px; top: 15px; }

#header ul { position: absolute; right: 0px; top: -15px; margin:0; padding: 0; background: url(../images/tabs.png) no-repeat; width: 340px; height: 35px; }
#header ul.current-about { background: url(../images/tabs-about.png) no-repeat; }
#header ul.current-portfolio { background: url(../images/tabs-portfolio.png) no-repeat; }
#header li { display: inline-block; height: 30px; margin: 0; padding : 0 0 0 0;  }
#header li a { text-indent: -3333px; display: block; height: 30px; width: 100px; }

/* Footer */

#footer { margin: 10px auto; width: 900px; }
#copyright, #abn { display: inline-block; font: 9pt Georgia, serif; margin: 0; color: #FFF; width: 440px; }
#copyright { text-align: right; }

/* Home */
#home ul { top: 0; }
.main-page-head { margin-top: 40px; }
.home_left { display: inline-block; vertical-align: top; width: 398px; margin-right: 10px; }
.home_left .feature { font-size: 13pt; font-weight: bold; }
.home_left .feature span { color: #7ac143; font-style: italic; }

.featured { display: inline-block; vertical-align: top; width: 398px; margin: 0 10px 0 0; }
.featured p.screenshot { text-align: center; }

/* Content */

#content { font-size: 10pt; margin: 0 auto; width: 820px; padding: 10px 40px; }
.about_image { display: inline-block; width: 49%; text-align: center; }
.about_text { display: inline-block; width: 49%; }
.about_text .feature { font-size: 12pt; font-weight: bold; }
.about_text .feature span { color: #7ac143; font-style: italic; }
.e404 { margin-left: 400px; width: 440px; }
.e404 h3, .e404 p { text-align: left; }

/* Portfolio */
.spacer { height: 40px; }
#portfolio_grid { width: 400px;display: inline-block;vertical-align: top; }
#portfolio_grid a { margin: 6px; display: inline-block; cursor: pointer;     }
#portfolio_detail {  display: inline-block; width: 400px; vertical-align: top; }
#portfolio_detail p { font-size: 8pt; }