html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


body { font-family:Georgia, "Times New Roman", Times, serif; color:#5b4e4f; font-size:16px; line-height:22px;}

#container {width:100%;}
#body {width:950px; margin:0 auto;}

a {color:#5b4e4f; text-decoration:underline;}
a:hover {text-decoration:none;}

#header {background:#555547 url(/images/header.gif) no-repeat; margin-top:20px; width:950px; height:220px;}
#sayhello {position:absolute; margin:105px 0 0 55px;}
#nav {position:absolute; margin:125px 0 0 565px; width:335px; height:13px; background:url(../images/nav.gif) top center no-repeat; text-indent:-5000px; overflow:hidden;}
#nav div {height:13px;}
#nav a {display:block; height:13px;}


#n-portfolio {width:85px; float:left;}
#n-portfolio a {width:85px; background:url(../images/nav.gif) top left;}
#n-portfolio a:hover {background-position:0 -13px;}
#nav #n-portfolio a.selected {background-position:0 -13px;}

#n-else {width:140px; float:left; display:inline; margin:0 20px;}
#n-else a {width:140px; background:url(../images/nav.gif) 230px 0;}
#n-else a:hover {background-position:230px -13px;}
#nav #n-else a.selected {background-position:230px -13px;}

#n-wolfbag {width:70px; float:left;}
#n-wolfbag a {width:70px; background:url(../images/nav.gif) 405px 0;}
#n-wolfbag a:hover {background-position:405px -13px;}
#nav #n-wolfbag a.selected {background-position:405px -13px;}

#about {width:470px;}
#about p {padding-bottom:15px;}

#contact {position:absolute; top:298px; margin-left:565px; font-size:11px; line-height:14px;}
.hr {background:url(../images/hr.gif) repeat-x; height:1px; width:100%; margin:27px 0;}
.hr2 {background:url(../images/hr.gif) repeat-x; height:1px; width:100%; clear:both;}

.title {font-size:12px; font-weight:bold; font-style:italic; height:27px; line-height:27px;}

#holder {width:950px; height:400px; overflow:hidden;}
#scroller {height:400px; width:10000px; background:#000;}
#holder img {float:left;}
#scroller #li {float:left;}

.open {position:absolute; margin:0 0 0 915px; font-size:10px; font-weight:normal; font-style:normal;}
.nav {position:absolute; margin:0 0 0 790px; font-size:10px; font-weight:normal; font-style:normal;}
.nav span {padding-left:5px; text-decoration:underline; cursor:pointer;}
.nav span:hover {text-decoration:none;}

#scroller {width:100%; position:relative; overflow:hidden; height:400px;}

.links li {float:left;}
	div.pane{
		overflow:hidden;
		clear:left;
		position:relative;
		width:100%;
		height:400px;
	}
	ul.elements li{
		width:8000px;
		height:400px;
		position:relative;
		overflow:hidden;
	}
	ul.elements li img {float:left;}
	
#infoBox {width:260px; font-size:11px; color:#5b4e4f; position:absolute; background:#fff; line-height:14px; z-index:5; margin-left:690px; display:none;}
#infoBox p {padding:8px 12px;}
#hideInfo {font-size:10px; text-align:right; float:right; padding:3px 0; cursor:pointer; text-decoration:underline;}
#hideInfo:hover {text-decoration:none;}

#projects {margin-bottom:27px;}
.titleOpen {text-decoration:none;}
.titleOpen:hover {}