@charset "UTF-8";
/* CSS Document */

#bento {
 width: 850px;
 height: 662px;
 background: url(../images/bento_box_sprite.gif);
 margin: 10px auto; padding: 0;
 position: relative;
}

#bento li {margin: 0; padding: 0; list-style: none; display: block; position: absolute;}

#bento a {display: block;}

#about {left: 36px; top: 35px; width: 310px; height: 257px;}
#work {left: 359px; top: 35px; width: 441px; height: 242px;}
#blog {left: 45px; top: 296px; width: 495px; height: 330px;}
#links {left: 392px; top: 292px; width: 172px; height: 164px;}
#projects {left: 582px; top: 286px; width: 210px; height: 324px;}

#about a {width:310px; height: 257px;}
#work a {width: 441px; height: 242px;}
#blog a {width: 495px; height: 330px;}
#links a {width: 174px; height: 164px;}
#projects a {width: 210px; height: 324px;}

#about a:hover {background: url(../images/bento_box_sprite.gif) -36px -698px no-repeat;}

#work a:hover {background: url(../images/bento_box_sprite.gif) -359px -698px no-repeat;}
#blog a:hover {background: url(../images/bento_box_sprite.gif) -45px -1332px no-repeat;}
#links a:hover {background: url(../images/bento_box_sprite.gif) -392px -955px no-repeat;}
#projects a:hover {background: url(../images/bento_box_sprite.gif) -582px -949px no-repeat;}
	
body {
		margin:10px 10px 0px 10px;
		padding:0px;
		font-family: 'Yanone Kaffeesatz', arial, serif;Times, serif;
		color:000;
		size: 8 pt;
		letter-spacing:1px;
		background-color: #FFF;
	}
	
img { border: none; } 
		
a:link {color: #a50000; text-decoration: none; }
a:active {color: #919191; text-decoration: none; }
a:visited {color: #a50000; text-decoration: none; }
a:hover {color: #ff3a27; text-decoration: none; }

.resumetitle{
		color:#a50000;
		font-size: 14pt;
		letter-spacing:1px;		
		}
.resumeinfo{
		color:#000;
		font-size: 8pt;
		letter-spacing:1px;		
		}
		
.email{
		color:#97a835;
		font-size: 20pt;
		letter-spacing:1px;	
	}
		
.phone{
		color:#a50000;
		font-size: 20pt;
		letter-spacing:1px;		
		}
.displace {
		position: absolute;
		left: -5000px;
		}

.email2{
		font-family: 'Yanone Kaffeesatz', arial, serif;Times, serif;
		color:#000;
		font-size: 25pt;
		letter-spacing:5px;	
	}
		
		
a.green:link {color: #97a835; text-decoration: none; }
a.green:active {color: #919191; text-decoration: none; }
a.green:visited {color: #97a835; text-decoration: none; }
a.green:hover {color: #ff3a27; text-decoration: none; }
	
	#mainright {
		width:33%;
		float:left;
		background:#fff;
		padding-bottom:10px;
		}
	
	#maincenter {
		width:34%;
		float:left;
		background:#fff;
		padding-bottom:10px;
		}
	
	#mainleft {
		width:33%;
		float:left;
		background:#fff;
		padding-bottom:10px;
		}
		
	#mainright2 {
		width:25%;
		float:left;
		background:#fff;
		padding-bottom:10px;
		}
	
	#maincenter2 {
		width:25%;
		float:left;
		background:#fff;
		padding-bottom:10px;
		}
		
	#maincenter3 {
		width:25%;
		float:left;
		background:#fff;
		padding-bottom:10px;
		}
	
	#mainleft2 {
		width:25%;
		float:left;
		background:#fff;
		padding-bottom:10px;
		}
	
	#banner {
		background:#fff;
		}
		
	p,h1,pre {
		margin:0px 10px 10px 10px;
		}
		
	h1 {
		font-family: 'Yanone Kaffeesatz', arial, serif;
		font-size:15px;
		letter-spacing:1px;
		padding-top:10px;
		}
	#mainright p { font-size:14px}
	#banner h1 { margin:0px; padding:10px}

a.rollabout {
	display: block;
	width: 758px;
	height: 103px;
	text-decoration: none;
	background: url("../imgaes/t_about.gif");
	}
	a.rollabout:hover {
		background-position: 0px -103px;
		}

a.rollabout2 {
	display: block;
	width: 240px;
	height: 77px;
	text-decoration: none;
	background: url("../imgaes/t_about2.gif");
	}
	a.rollabout2:hover {
		background-position: 0px -77px;
		}

a.rollaward {
	display: block;
	width: 138px;
	height: 77px;
	text-decoration: none;
	background: url("../imgaes/t_about2.gif");
	background-position: -242px 0px;
	}
	a.rollaward:hover {
		background-position: -242px -77px;
		}
	
a.rollexhibit {
	display: block;
	width: 149px;
	height: 77px;
	text-decoration: none;
	background: url("../imgaes/t_about2.gif");
	background-position: -522px 0px;
	}
	a.rollexhibit:hover {
		background-position: -522px -77px;
		}

a.rollclient {
	display: block;
	width: 129px;
	height: 77px;
	text-decoration: none;
	background: url("../imgaes/t_about2.gif");
	background-position: -387px 0px;

	}
	a.rollclient:hover {
		background-position: -387px -77px;
		}
	
a.rollcontact {
	display: block;
	width: 192px;
	height: 77px;
	text-decoration: none;
	background: url("../imgaes/t_contact2.gif");
	background-position: 0px 0px;
	}
	a.rollcontact:hover {
		background-position: 0px -75px;
		}

a.rolllinks {
	display: block;
	width: 209px;
	height: 109px;
	text-decoration: none;
	background: url("../imgaes/t_links.gif");
	background-position: 0px 0px;
	}
	a.rolllinks:hover {
		background-position: 0px -109px;
		}

a.rollme {
	display: block;
	width: 81px;
	height: 73px;
	text-decoration: none;
	background: url("../imgaes/t_links2.gif");
	background-position: 0px 0px;
	}
	a.rollme:hover {
		background-position: 0px -73px;
		}

a.rollfriends {
	display: block;
	width: 175px;
	height: 73px;
	text-decoration: none;
	background: url("../imgaes/t_links2.gif");
	background-position: -85px 0px;
	}
	a.rollfriends:hover {
		background-position: -85px -73px;
		}
		
a.rolllikes {
	display: block;
	width: 120px;
	height: 73px;
	text-decoration: none;
	background: url("../imgaes/t_links2.gif");
	background-position: -264px 0px;
	}
	a.rolllikes:hover {
		background-position: -264px -73px;
		}
	
a.rollprojects {
	display: block;
	width: 386px;
	height: 115px;
	text-decoration: none;
	background: url("../imgaes/t_projects.gif");
	background-position: 0px 0px;
	}
	a.rollprojects:hover {
		background-position: 0px -115px;
		}
	
a.rollpdf {
	display: inline-block;
	width: 86px;
	height: 53px;
	text-decoration: none;
	background: url("../imgaes/t_pdf.gif");
	background-position: 0px 0px;
	}
	a.rollpdf:hover {
		background-position: 0px -53px;
		}

a.rollthumb {
	display: inline-block;
	width: 39px;
	height: 37px;
	text-decoration: none;
	background: url("../imgaes/t_lil_thumb.gif");
	background-position: 0px 0px;
	}
	a.rollthumb:hover {
		background-position: -39px 0px;
		}
	a.rollthumb:active {
		background-position:-78px 0px;
		}
	a.rollthumb:visited {
		background-position: -117px 0px;
		}	
	a.rollthumb:visited:hover {
		background-position: -39px 0px;
		}	
	a.rollthumb:visited:active {
		background-position:-78px 0px;
		}	
		
a.rolldesign {
	display: inline-block;
	width: 158px;
	height: 67px;
	text-decoration: none;
	background: url("../imgaes/t_work.gif");
	background-position: 0px 0px;
	}
	a.rolldesign:hover {
		background-position: -308px 0px;
		}
		
a.rollillust {
	display: inline-block;
	width: 309px;
	height: 67px;
	text-decoration: none;
	background: url("../imgaes/t_work.gif");
	background-position: 0px -65px;
	}
	a.rollillust:hover {
		background-position: -308px -65px;
		}
		
a.rollcomic {
	display: inline-block;
	width: 107px;
	height: 61px;
	text-decoration: none;
	background: url("../imgaes/t_work.gif");
	background-position: 0px -132px;
	}
	a.rollcomic:hover {
		background-position: -308px -132px;
		}		
		
a.rolletc {
	display: inline-block;
	width: 85px;
	height: 65px;
	text-decoration: none;
	background: url("../imgaes/t_work.gif");
	background-position: 0px -194px;
	}
	a.rolletc:hover {
		background-position: -308px -194px;
		}		
		
a.rollsketch {
	display: inline-block;
	width: 182px;
	height: 65px;
	text-decoration: none;
	background: url("../imgaes/t_work.gif");
	background-position: 0px -258px;
	}
	a.rollsketch:hover {
		background-position: -308px -258px;
		}