/* RESET | ADAPTED FROM: http://meyerweb.com/eric/tools/css/reset/ | v1.0 | 20080212 */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, img, strong, b, u, i, center {	
margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; background:#FFF; color:#2b2b2b; font-size:100%; font-family:Arial, Helvetica, sans-serif; }
a { text-decoration:underline; }
a:hover{ text-decoration:none; }

/* ------------------------------------------------------------------------------------ BLOCKS */

html, body { height: 100%; }
body { background:#5f6664 url(../images/header-glow.jpg) repeat-x top; }

#wrapper { width: 100%; height: 100%; position:relative;  margin: 0 auto -538px auto; }
body > #wrapper { height: auto; min-height: 100%; }
#header { width: 990px; height:219px; position:relative; margin: 0 auto; }
#content { width: 100%; padding: 0 0 220px 0; }
#footer { width: 100%; height:538px; background:#434343; position:relative; margin: -538px auto 0 auto; clear:both; }
.body { width: 990px; margin: 0 0 320px 0; clear:both; overflow:hidden; }	

#logo {	width: 51px; height:52px; position: absolute; top:34px; left:40px; }
#intro { width: 713px; height:119px; position: absolute; top:54px; left:246px; background:url(../images/h1-welcome.jpg) no-repeat; }
#intro a { width: 713px; height:119px; display:block; outline:none; }
#intro h1 { text-indent:-9999px; }

#footer-topline { width: 100%; height: 2px; display:block; background:#e3801f url(../images/footer-header.png) no-repeat center; }
#portfolio { width: 100%; height: 486px; display:block; background:#656b69 url(../images/portfolio.jpg) no-repeat center; }
#footer-bottom { width: 100%; height: 50px; display:block; background:#f68c22 url(../images/footer-background.jpg) no-repeat center; }
#footer-bottom p { text-align:center; font-size:11px; color:#FFF; line-height:46px }
#footer-bottom a { color:#FFF; }
.seperator { color:#000; }

/* ------------------------------------------------------------------------------------ CLEARFIX */
.clearfix:after { content: ".";	display: block;	height: 0; clear: both;	visibility: hidden; }
.clearfix {	display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */