* {
margin:0; /* zero out margin */ 
padding:0; /* zero out padding */
}
html, body {
height:100%; /* gives layout 100% height */
overflow:inherit; /* triggers 100% height in Opera 9.5 */
background-color:#F1ECE7;
font-family:Helvetica, Arial, sans;
font-size:12px;
}
#wrapper {
height:100%; /* gives layout 100% height */
width:900px; /* centered div must be given a width */
margin:0 auto; /* centers #wrapper */
z-index:9;
}
* html #wrapper { 
height: 100%; /* IE6 treats height as min-height */
}

#contentbox {
	background-color:#FFF;
	width:900px;
}

hr {
	border-style:dashed;
	border-top-color:#fff;
	border-bottom-color:#777;
	margin-top:14px;
	margin-bottom:18px;
	border-left:0px;
	border-right:0px;
}

p {
padding:8px 0; /* bottom padding clears the #footer */
}

#footer {
	background-image:url(images/footer.jpg);
	background-repeat:no-repeat;
	background-color:#000;
	height:310px;
	width:900px;
	position:absolute;
	top:950px;
	font-size:11px;
}

#footer a {
	color:#fff;
	text-decoration:none;
	border-bottom: 1px dotted;
}

#footer a:hover {
	color:#bf0000;
	text-decoration:none;
	border-bottom:none;
}
#footer a:visited {
	color:#800000;
	text-decoration:none;
	border-bottom: 1px dotted;
}
#footer a:visited:hover {
	color:#bf0000;
	text-decoration:none;
	border-bottom: 1px dotted;
}

a {
	color:#fff;
	text-decoration:none;
	border-bottom: 1px dotted;
}

a:hover {
	color:#bf0000;
	text-decoration:none;
	border-bottom:none;
}
a:visited {
	color:#800000;
	text-decoration:none;
	border-bottom: 1px dotted;
}
a:visited:hover {
	color:#bf0000;
	text-decoration:none;
	border-bottom: 1px dotted;
}

#header {
	position:relative;
	background-image:url(images/headerBG2.png);
	width:900px;
	background-color:#ffffff;
	height:123px;
	text-align:center;
}
#header a:hover{
	filter:alpha(opacity=80);
	-moz-opacity:.8;
	-khtml-opacity:.8;
	opacity:.8;
	}


#copyright {
	padding-top:25px;
	text-align:right;
	font-family:Helvetica, sans-serif; 
	font-size:10px; 
	color:#ffffff; 
	padding-right:20px; 
	}


#projects {
	position:absolute; 
	padding-top:3px;
	text-align:center;}

#about {
	position:absolute; 
	padding-top:50px;
	padding-left:50px;
	float:left;
	width:350px;
	background-color:#FFF;
	line-height:18px;
	}

#footer h2 {
	font-family:Helvetica, Arial, sans-serif; 
	font-size:14px; 
	font-style:bold;
	padding-bottom:10px;
	color:#bf0000;
}

#about ul {
  padding-left:20px;
  margin:0;
  }
#about li{
	  list-style-type:disc;	
}

#folioText {
	position:absolute; 
	padding-top:50px;
	padding-left:50px;
	float:left;
	width:300px;
	background-color:#FFF;
	line-height:18px;
	}

#folioText h3 {color:#999; font-style:normal; font-size:14px; text-transform:uppercase;}

#folioText h2 {
	font-family:Helvetica, Arial, sans-serif; 
	font-size:18px; 
	font-style:bold;
	padding-bottom:-12px;
	color:#bf0000;
}

#folio {
	position:absolute; 
	padding-right:10px;
	width:575px;
	background-color:#FFF;
	line-height:18px;
	float:right;
	}


#projects li {padding-bottom:0px;}		
#projects a,
#projects img {border:1px solid #E6E2C6;}
#projects a {display:block; padding:6px; background:url(images/workBg.gif) repeat 0 0;}
#projects a:hover {background-image:url(images/workBg-hover.gif);}
#projects img {padding:1px; background:#FFF; width:170px; height:170px;}
#projects h3,
#projects em {display:block; padding-top:0px;}
#projects h3 {color:#666; font-weight:bold; font-size:1.0em; padding-top:10px; text-transform:uppercase;}
#projects em {color:#999; font-style:normal; font-size:0.8em; text-transform:uppercase;}
#projects em a {display:inline; padding:0; background:none; color:#999; border:0;}
#projects em a:hover {color:#333; background:none;}
		
html #projects li {display:inline;}

#creases {
	position:relative;
	width:900px;
}