/* Core Styles */

body { 
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #212121;
	}
	
#portfolio-container{
	position: relative;
	top: 0px
	left: 0px;
	background-color: #212121;
	height: 505px;
	}

#top-line { 
	position: relative;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 5px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #ffffff;
	}
	
#header { 
	position: relative;
	top: 0px;
	left: 0px;
	width: 960px;
	height: 119px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: #212121 url('../images/header-bg.gif') top left no-repeat;
	}
	
#name { 
	position: absolute;
	top: 81px;
	left: 15px;
	width: 175px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	
	font-family: Arial;
	font-size: 14px;
	font-weight: normal;
	color: #fff;
	letter-spacing: -1px;
	}
	
#logo { 
	position: absolute;
	top: 19px;
	left: 200px;
	width: 525px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}
	
#footer { 
	position: absolute;
	top: 450px;
	left: 205px;
	width: 400px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	
	font-family: Verdana;
	font-size: 10px;
	font-size-adjust: 0.55;
	font-weight: normal;
	color: #555;
	letter-spacing: 0px;
	}
	
	
/* Info Styles */
	
.info-slider {
	width: 100%;
	height: 555px;
	display: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: #fff url('../images/info-bg.jpg') top left no-repeat;
	z-index: 2000;
	}
	
#information { 
	position: absolute;
	top: 32px;
	left: 310px;
	width: 650px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px red solid;
	
	font-family: Verdana;
	font-size: 10px;
	font-size-adjust: 0.55;
	font-weight: normal;
	color: #212121;
	letter-spacing: 0px;
	}
	
	#information a.resume { 
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: Verdana;
	font-size: 10px;
	font-size-adjust: 0.55;
	font-weight: normal;
	color: #212121;
	letter-spacing: 0px;
	text-decoration: none;
	background: none;
	}
	
	#information a.resume:hover { 	
	color: #0099ff;
	text-decoration: underline;
	background: none;
	}
	
a.info-toggle {	
	display: block;
	font-family: Arial;
	font-size: 14px;
	line-height: 21px;
	font-weight: bold;
	color: #bec6cb;
	letter-spacing: -1px;
	text-decoration: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: none;
	}
	
	a.info-toggle:hover {	
	color: #fff;
	background: none;
	text-decoration: none;
	}

/* Portfolio Styles */

#portfolio-container {
	z-index: 3000;
	}

#screen {
	position: relative;
	top: 19px;
	left: 0px;
	width: 965px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}

#navigation {
	position: relative;
	top: -1px;
	left: 15px;
	text-align: left;
	}

#navigation ul, #navigation li, #navigation h3, #navigation h2,
#navigation h1, #navigation p {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	
	font-family: Verdana;
	font-size: 9px;
	line-height: 14px;
	font-weight: normal;
	color: #555;
	letter-spacing: 0px;
	}
	
	.nav-grey {
	font-size-adjust: 0.50;
	}

#navcontainer {
	float: left;
	width: 205px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}

#nav1 a {
	display: block;
	font-family: Arial;
	font-size: 14px;
	line-height: 21px;
	font-weight: bold;
	color: #bec6cb;
	letter-spacing: -1px;
	text-decoration: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: none;
	}
	
	#nav1 a:hover {
	color: #fff;
	background: none;
	text-decoration: none;
	}

#sections ul, #sections li, #sections h3, #sections h2, #sections h1 {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	}

#sections {
	position: relative;
	top: 2px;
	left: 0px;
	float: left;
	overflow: hidden;
	width: 760px;
	}

#sections ul {
	width: 17000px;
	}

#sections li {
	width: 760px;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}

#content {
	position: relative;
	top: -2px;
	left: 30px;
	width: 200px;
	float: left;
	}

/* Font Styles */

p {
	display: block;
	font-size: 10px;
	font-size-adjust: 0.55;
	color: #fff;
	font-family: verdana;
	font-weight: normal;
	letter-spacing: 0px;
	text-decoration: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}
	
h1 {
	font-family: Arial;
	font-size: 80px;
	color: #fff;
	letter-spacing: -7px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}
	
h2 {
	display: block;
	font-family: Arial;
	font-size: 19px;
	line-height: 20px;
	font-weight: bold;
	color: #fff;
	letter-spacing: -1px;
	text-decoration: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}
	
h3 {
	font-family: Arial;
	font-size: 30px;
	line-height: 30px;
	font-weight: normal;
	color: #212121;
	letter-spacing: -1px;
	text-decoration: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}
	
	h3 a {
	font-family: Arial;
	font-size: 30px;
	line-height: 30px;
	font-weight: normal;
	color: #212121;
	letter-spacing: -1px;
	text-decoration: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: none;
	}
	
	h3 a:hover {
	text-decoration: underline;
	background: none;
	}
	
	h3.top {
	margin: 0px 0px -4px 0px;
	}

a {
	position: relative;
	top: 0px;
	font-family: Arial;
	font-size: 14px;
	line-height: 19px;
	font-weight: bold;
	color: #fff;
	letter-spacing: -1px;
	text-decoration: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 11px;
	background: url("../images/arrow.gif") top left no-repeat;
	}
	
	a:hover {	
	text-decoration: underline;
	background: url("../images/arrow-hover.gif") top left no-repeat;
	}
	
	a:active {
	
	}

	
/* Misc Styles */

img {border: 10px #fff solid; float: left;}

img.screenshot {border: 10px #fff solid; margin-top: 20px; margin-bottom: 20px;}


img.close-kenton, img.close-maria, img.close-sor, img.close-sor-2, img.close-bits,
img.close-lesroches, img.close-sylvan-math, img.close-sylvan-math-2, img.close-sylvan-candidates, img.close-slc-national, img.close-isg, img.close-beer-pong {
	position: absolute;
	top: 10px;
	left: 915px;
	border: 0px;
	z-index: 6000;
	cursor: pointer;
	}
	
img.close-info{
	position: absolute;
	top: -5px;
	left: 600px;
	border: 0px;
	z-index: 2000;
	cursor: pointer;
	}
	
#clear {
	clear: both;
	}

a:active {
	outline: none;
	}
	
:-moz-any-link:focus {
  outline: none;
	}

:focus {
	-moz-outline-style: none;
	}