/* Global ------------------------------------ */

html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address { margin:0; padding:0; }

body { background-color:#282828; color:#999999; font:normal 62.5% Georgia,Times New Roman,Times,serif; text-align:center; }

a:link { color:#ADADAD; }
a:visited { color:#282828; }
a:hover { color:#999999; }
a img { border:0; }
h1 { color:#DADADA; font-size:1.7em; font-style:italic; letter-spacing:.1em; line-height:1.6em; }
h2 { font-size:1em; margin-top:1.2em; text-transform:uppercase; }
h3 { font-size:1.4em; font-weight:bold; color:#FFF; margin-bottom:0.5em; text-transform:uppercase;}
h4 { font-size:1.4em; }
h5 { font-size:1.2em; font-weight:bold;  }
hr { clear:both; display:none; }
img { border:0; }



.hide { display:none; }
.clear { clear:both; }
.centered, p.centered { text-align:center; }
.right { text-align:right; }


	
/*-- wrapper and header styles -------------------*/ 
	
#wrapper { width:100%; margin:0 auto; clear:both; text-align:left; background-color:#4f4f4f; }
#header { width:100%; margin:0 auto; padding:0; text-align:center; line-height:0px; }
/*#header img {}*/


/*-- main body --------------------------------*/

#content { width:800px; margin:0 auto; clear:both; }
#cap { width:100%; height:4px; margin:0; padding:0; clear:both; background:url(../images/bg_stripe.gif) repeat-x; }
#quote { margin:0px 10px 40px 10px; padding-top:40px; text-align:center; }


/*-- content ----------------------------------*/

#content p { font-size:1.4em; line-height:2em; margin-bottom:2em; text-align:justify; }

#about { width:445px; margin-bottom: 4em; float:left; }

#contact { width:300px; float:right; }

#projects { width:307px; height: 434px; padding-top:60px; float:right; background:url(../images/bg_portfolio.jpg) no-repeat; }
#projects #samples { width:220px; margin:12px 20px 11px 0px; padding-left:67px; float:right; }
#projects #samples img {border:1px solid #666666; margin:0px 5px 5px 0px; }
#projects #samples img.reel {border:0px; margin:0px; }
#projects #linkedin { text-align:center; margin:0 auto; }



/*-- portfolio --------------------------------*/

#portfolio { width:450px; margin:0 auto; clear:both; background-color:#4f4f4f; text-align:center; }
#portfolio #header { margin:20px 0 0px 0; padding-top:25px; clear:both;}
#portfolio #ornament  { margin:8px 0px 10px 0px; clear:both; }
#portfolio #sample { margin:0px 0 20px 0; padding:0; clear:both; text-align:center; }
/*#portfolio #sample img { border: 1px solid #7d7d7d; }*/
#portfolio #project { width:402px; margin:0 auto; text-align:center; clear:both;}
#portfolio #project img { display:block; float:left; }
#portfolio #project p { font-size:1.2em; letter-spacing:.1em; font-style:italic; padding-top:4px; text-align:left;}
#portfolio #navigation { padding-bottom:25px; }

#reel { width:770px; margin:0 auto; clear:both; background-color:#4f4f4f; text-align:center; }
#reel #header { margin:20px 0 0px 0; padding-top:25px; clear:both;}
#reel #ornament  { margin:8px 0px 10px 0px; clear:both; }
#reel #sample { margin:0px 0 20px 0; padding:0; clear:both; text-align:center; }
#reel #project { width:450px; margin:0 auto; text-align:center; clear:both;}
#reel #project img { display:block; float:left; }
#reel #project p { font-size:1.2em; letter-spacing:.1em; font-style:italic; padding-top:4px; text-align:left;}
#reel #navigation { padding-bottom:25px; }



/*-- =footer --------------------------------- */

#footer { width:100%; text-align:center; padding-top:10px; clear:both; font-family:Trebuchet MS,Geneva,Arial,Helvetica,Sans-Serif; color:#666666; }
#footer p { font-size:.9em; line-height:1.6em; margin-bottom:2em; }

		
	
/* images ------------------------------------ */

.pdf { padding-top:4px; margin:0 7px 0 2px; }

.imgleft { float:left; margin:6px 10px 6px 0; }
.imgright { border-bottom:1px #cacaca solid; border-right:1px #cacaca solid; float:right; padding:7px 6px 6px 7px; margin:6px 0 6px 10px; background-color:#f4ede1; }

.border { border-bottom:1px #cacaca solid; border-right:1px #cacaca solid; padding:7px 6px 6px 7px; margin:6px 0 6px 0; background-color:#f4ede1; }



/* CLEARFIX FLOAT ELIMINATOR */
.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 */