/* Main Stylesheet */

/* Traditional box-model */

*{
	-moz-box-sizing: 	border-box;
	box-sizing: 		border-box;
}

/* type */

body{
	background-color: 	#fff;
	font-style: 		normal;
	letter-spacing: 	1px;
	font-family: 		Lucida Sans, Sans-Serif;
	color:				#b54d01;
	margin: 			0;
	padding: 			0;
	text-align: 		left;
}

a{
	text-decoration:	none;
	font-size:			10px;
	color:				#333;
	text-align: 		left;
	}

a:hover{
	text-decoration:	none;
	color:				#b41403;
	text-align: 		left;
	}

h1{
	font-family: 	Lucida Sans, Sans-Serif;
	color:			#000;
	letter-spacing: 1px;
	font-size: 		22px;
	font-style: 	normal;
	margin: 		0;
	padding: 		0;
	text-align: 	left;
}
div#portfolio a{
	color:			#000000;
	font-size:		28px;
	font-family:	Arial;
	font-weight:	bold;
	position:		absolute;
	width: 			125px;
	height:			24px;	
	text-align: 	left;
}

div#portfolio a:hover{
	color: #ababab;
}


div#resume a{
	color:			#000000;
	font-size:		28px;
	font-family:	Arial;
	font-weight:	bold;
	position:		absolute;
	top:			24px;
	width: 			125px;
	height:			24px;
	text-align: 	left;
}

div#resume a:hover{
	color: #ababab;
}	

div#hoff a{
	color:			#000000;
	font-size:		28px;
	font-family:	Arial;
	font-weight:	bold;
	position:		absolute;
	top:			48px;
	width: 			125px;
	height:			25px;
	text-align: 	left;
}

div#hoff a:hover{
		color: #ababab;
}







/*
div#portfolio a{
	position:		absolute;
	width: 			125px;
	height:			24px;	
	background: 	transparent url("../_img/portfolio.gif") 0 0 no-repeat;
	background-position:	0px 0;
	text-align: 	left;
	text-indent: -9000px; 
}

div#portfolio a:hover{
	background-position:	-126px 0;
	text-indent: -9000px;
}


div#resume a{
	position:		absolute;
	top:			24px;
	width: 			125px;
	height:			24px;
	background: 	transparent url("../_img/resume.gif") 0 0 no-repeat;
	background-position:	0px 0;
	text-align: 	left;
	text-indent: -9000px;
}

div#resume a:hover{
	background-position:	-126px 0;
}	

div#hoff a{
	position:		absolute;
	top:			48px;
	width: 			125px;
	height:			25px;
	background: 	transparent url("../_img/hoff.gif") 0 0 no-repeat;
	background-position:	0px 0;
	text-align: 	left;
	text-indent: -9000px;
}

div#hoff a:hover{
		background-position:	-126px 0;
}
*/


/* Basic framework */

#container{
	position:		absolute;
	left: 			50%;
	top: 			50%;
 	margin-left: 	-550px;
	margin-top:		-389px;
	width: 			1100px;
	height:			778px;
	border: 		solid yellow 0px;
	
}

#urls{
	position:	relative;
	width:		144px;
	height:		72px;
	left: 		37px;
	top: 		84px;
	border: 	solid maroon 0px;
}
#reaction{
	position:	relative;
	width:		142px;
	height:		47px;
	left: 		37px;
	top: 		627px;
	border: 	solid maroon 0;
}