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

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

body { color:#999999; font:normal 62.5% Arial,Helvetica,sans-serif; text-align:left; letter-spacing:-0.06em; }

a:link { color:#949494; }
a:visited { color:#949494; }
a:hover { color:#717171; }
a img { border:0; }
h1 { height:29px; margin:0px 10px 0px 10px; padding:0; color:#FFF; background:url(../images/header_logo.jpg) no-repeat; font-size:11px; line-height:30px; text-align:center; }
h2 { font-size:2.4em; }
h3 { font-size:2.2em; font-weight:bold; color:#949494; margin-top:0.75em; margin-bottom:0.5em;}
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:900px; margin:0 auto; clear:both; text-align:left; }
#header { width:860px; height: 50px; margin:30px 0 0px 20px; padding:0; clear:both; text-align:left; font-size:1.2em;}
#header span {float:right; }
#header img { float:left; }


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

#content, #studies { float:left; margin-top:30px; padding:0px 20px 0px 20px;}
#details { float:left; margin:30px 20px 30px 20px;}


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

#content p { font-size:2.9em; font-weight:bold; line-height:1.1em; margin-bottom:1em; }
#details h2, #details p { color:#fff; }
#details p { font-size: 1.2em; line-height:1.1em; margin-bottom:1em; }

#about { width:240px; height:240px; background-color:#adadad; overflow:hidden; padding:15px; margin-right: 19px; float:left;}
#projects { width:240px; height:240px; background-color:#adadad; overflow:hidden; padding:15px; margin-right: 19px; float:left;}
#news { width:240px; height:240px; background-color:#adadad; overflow:hidden; padding:15px; float:right;}

#content ul { margin:0; padding:0; }
#content li { font-size:1.2em; margin-bottom:1em;}

#details a:link { color:#fff; }
#details a:visited { color:#fff; }
#details a:hover { color:#717171; }

#projects #samples { width:240px; }
#projects #samples img {border:1px solid #666666; margin:0px 3px 3px 0px; }

#studies h2 { font-size:2.9em; font-weight:bold; line-height:1.1em; margin-bottom:1em; margin-top: 2em; }
#studies h3 { font-size:2.2em; font-weight:bold; line-height:1.1em; margin-bottom:1em; margin-top: 2em; }
#studies p { font-size: 1.4em; line-height:1.1em; margin-bottom:1em; }
#studies .intro { font-size:2em; font-weight:bold; line-height:1.1em; margin-bottom:1em; }
#studies img { padding:10px; border: 1px solid #CCCCCC; float:left; margin: 0px 10px 10px 0px; }



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

#portfolio { width:450px; margin:0 auto; clear:both; }
#portfolio #header { width:450px; margin:20px 0 20px 0; padding:0; clear:both; }
#portfolio #project { width:450px; margin:0px 0 20px 0; padding:0; clear:both; }
#portfolio #description p { text-align:left; font-size:1.2em; line-height:1.5em; margin-bottom:1em; padding-left:20px; clear:both; }
#portfolio #navigation { text-align:center; font-size:2em; font-weight:bold; line-height:1.5em; margin-bottom:2em; padding:30px 0 10px 0; }
#portfolio #navigation a {background-color:#949494; padding:8px;}
#portfolio #navigation a:link { color:#fff; }
#portfolio #navigation a:visited { color:#fff; }
#portfolio #navigation a:hover { color:#717171; }



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

#footer { width:900px; text-align:left; margin: 0px 20px 0px 20px; clear:both; }
		
	
/* 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 */