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

body {
	margin: 0px;
	padding: 0px;
	font-family: Trebuchet, Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background:#B56D00;
}
#bknd {
	margin: 0px;
	padding: 0px;
	background:url(/images/2008/bknd2.gif) repeat-y center top;
}
#wrap {
	margin: 0px;
	padding: 0px;
	background: url(/images/2008/header2.jpg) no-repeat scroll center top;
}


/* HEADER */
#wrap #header, #wrap #header h1 {
	margin: 0px;
	padding: 0px;
}
#wrap #header h1, #wrap #header blockquote {
	margin: 0px;
	padding: 0px;
	height: 0px;
	overflow: hidden;
}


/* ANIMATION */
#wrap #animation {
	margin: 0px auto;
	padding: 0px;
	width: 700px;
	height: 386px;
}
#wrap #animation #gutter {
	margin: 0px;
	padding: 0px 0px 0px 146px;
}


/* NAV */
#wrap #nav {
	/*margin: 385px auto 0px auto;*/
	margin: 0px auto;
	width: 911px;
}
#wrap #nav dl, #wrap #nav dt, #wrap #nav dd {
	margin: 0px;
	padding: 0px;
	float: left;
}
#wrap #nav dd {
	width: 0px;
	overflow: hidden;
}
#wrap #nav a {
	display: block;
	margin: 0px;
	padding: 0px;
	line-height: 50em;
	overflow: hidden;
}
#wrap #nav #tab1 a {
	width: 300px;
	height: 260px;
	cursor:default;
	background: url(/images/2008/tab1_portfolio.png) no-repeat left top;
}
#wrap #nav #tab2 a {
	width: 305px;
	height: 260px;
	background: url(/images/2008/tab2_resume.png) no-repeat left top;
}
#wrap #nav #tab3 a {
	width: 306px;
	height: 260px;
	background: url(/images/2008/tab3_contact.png) no-repeat left top;
}
#wrap #nav #tab2 a:hover, #wrap #nav #tab3 a:hover {
	background-position: 0px -260px;
}


/* MAIN */
#wrap #main {
	clear: both;
	margin: 0px auto;
	padding: 0px;
	background: url(/images/2008/mainbknd.png) repeat-y center top;
	overflow: auto;
}
#wrap #main #wrapper {
	margin: 0px auto;
	padding: 0px;
	width: 911px;
	/* stars at top of main content */
	background: url(/images/2008/mainheaderbknd.gif) no-repeat 20px 0px;
	overflow: auto;
}
#wrap #main #content {
	margin: 0px;
	padding: 0px;
	float: left;	
	width: 625px;
}
#wrap #main #content a, #wrap #main #sidebar .current a {
	color: #ff9900;
}
/* SIDEBAR P */
#wrap #main #sidebar a p {
	margin: 33px 0px 0px 0px;
	padding: 0px;
	overflow: visible;
	text-align: center;
	height: 55px;
}
#wrap #main #sidebar .current a p {
	background: url(/images/2008/arrow.png) no-repeat top center;
}
/* / SIDEBAR P */
#wrap #main #content a:hover, #wrap #main #sidebar .current a:hover {
	color: #C77700;
}
#wrap #main #sidebar a{
	color: #000000;
}
#wrap #main #sidebar a:hover{
	color: #C77700;
}
#wrap #main #sidebar {
	margin: 0px;
	padding: 0px;
	float: right;
	background: url(/images/2008/sidebarnavstar.gif) no-repeat 0px 20px;
}
#wrap #main #sidebar ul {
	margin: 0px 0px 0px 20px;
	padding: 0px;
	list-style: none;
	overflow: auto;
}
#wrap #main #sidebar ul li {
	margin: 0px 0px 10px 0px;
	padding: 0px;
}
#wrap #main #content .gutter {
	margin: 35px 0px 100px 60px;
	padding: 0px;
}
#wrap #main #sidebar .gutter {
	margin: 30px 57px 0px 45px;
	padding: 0px;
}
#wrap #main #sidebar .current {
	color: #ff9900;
}
#wrap #main #content img {
	margin: 0px;
	padding: 0px;
	border: #cccccc solid 2px;
}

/* CONTENT */
#wrap #main #content h2 {
	margin: 50px 0px 40px 30px;
	padding: 0px;
	color: #000000;
	font-size: 24px;
	font-weight: normal;
	font-family: Georgia, "Times New Roman", Times, serif;
}
#wrap #main #content dl{
	margin: 0px 0px 50px 50px;
	padding: 0px;
	clear: both;
	overflow:hidden;
}
#wrap #main #content dl dd {
	margin: 0px 190px 0px 0px;
	text-align: right;
}
#wrap #main #content dl dd.image {
	float: right;
	margin: 0px;
	padding: 0px;
}
#wrap #main #content dl dt {
	float: left;
	width: 325px; /* This width has to stay in sync with all the margins, this is how this dd text doesn't come inbetween the image and the title */
	margin: 0px 0px 25px 0px;
	padding: 0px;
	text-align: right;
}
#wrap #main #content dl dt a, #wrap #main #content dl dt {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	color: #000000;
}
#wrap #main #content p {
	margin: 0px;
	padding: 0px;
}




/* FOOTER */
#wrap #footer {
	clear:both;
	padding: 0px;
	margin: 0px;
	background: #b56d01 url(/images/2008/footerbknd.jpg) repeat-x left top;
	background-position: 6px 0px;
	color: #FFBD59;
	overflow: visible;
}
#wrap #footer a, #wrap #footer a:visited {
	color: #FFBD59;
}
#wrap #footer a:hover {
	color: #ffffff;
}
#wrap #footer #wrapper {
	padding: 0px;
	margin: 0px;
	background: url(/images/2008/footerheader.jpg) no-repeat center top;
	overflow:visible;
}
#wrap #footer #gutter {
	width: 1000px;
	margin: 0px auto;
	padding: 220px 0px 75px 0px;
}
#wrap #footer #row1{
	margin: 0px 0px 30px 0px;
	padding: 0px;
	overflow:auto;
}
#wrap #footer #row2{
	margin: 0px;
	padding: 0px;
	clear: both;
	overflow:auto;
}
#wrap #footer ul {
	float:left;
	margin: 0px 30px 0px 0px;
	padding: 0px;
	list-style: none;
}
#wrap #footer li.first {
	margin-bottom: 7px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	color: White;
}
#wrap #footer p.first {
	margin: 0px;
	padding: 0px;
	margin-bottom: 7px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	color: White;
}


/* CLEAR */
.clear {
	clear:both;
}


/* ALERTS */
.yellowalert {
	border: #808000 solid 1px;
	background-color: #FFFF80;
	padding: 10px;
	margin: 20px 150px;
	text-align:center;
}