*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h5, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h5, h5, h6 { font-size:100% }
q:before, q:after { content:''}

strong { font-weight: bold }
em { font-style: italic }
ol, ul, li { list-style:none }

* a { position:relative } 
a { outline:none } 
a img { border:none }

html,body {
	position: relative;
	text-align:center;
	background:#000;
	font: 12px/20px Georgia, 'Times New Roman', Times, serif;color: #111111;	
}

#container { 
	width: 100%; 
	height: 100%; 
	display: table; }

#position {
	display: table-cell; 
	vertical-align: middle; }

#content {
	text-align:left;margin: 0 auto 0 auto;
	position:relative;
	height:576px;
	width: 768px;
	border:1px solid #666;}
	}

#contenthome {
	text-align:left;margin: 0 auto 0 auto;
	position:relative;
	height:574px;
	width: 766px;
	border:1px solid #666;}
	
#left{position:absolute;left:35px;top:100px;}
#right{position:absolute;right:0px;top:90px;width:496px;}
#right h1{position:absolute;width:496px;height:362px;top:0px;}
.about p{padding:5px;}


#navigation{
	position:relative;
	width:189px;}
	
#reuben{
		float:left;
		text-indent: 10000px;
		overflow: hidden;
		background: url(images/buttons/reubensutherland.png) top left no-repeat;
		display:block;
		width:189px;
		height:28px;
		z-index:1;
}

#reuben:hover{
		background-position: bottom left;
		cursor:pointer;
}
	
#brent{
		float:left;
		text-indent: 10000px;
		overflow: hidden;
		background: url(images/buttons/brentbonacorso.png) top left no-repeat;
		display:block;
		width:189px;
		height:28px;
		z-index:1;
}

#brent:hover{
		background-position: bottom left;
		cursor:pointer;
}

#aixsponza{
		float:left;
		text-indent: 10000px;
		overflow: hidden;
		background: url(images/buttons/aixsponza.png) top left no-repeat;
		display:block;
		width:189px;
		height:28px;
		z-index:1;
}

#aixsponza:hover{
		background-position: bottom left;
		cursor:pointer;
}
	
#andras{
		float:left;
		text-indent: 10000px;
		overflow: hidden;
		background: url(images/buttons/andrasketzer.png) top left no-repeat;
		display:block;
		width:189px;
		height:28px;
		z-index:1;
}

#andras:hover{
		background-position: bottom left;
		cursor:pointer;
}

#adam{
		float:left;
		text-indent: 10000px;
		overflow: hidden;
		background: url(images/buttons/adambizanski.png) top left no-repeat;
		display:block;
		width:189px;
		height:28px;
		z-index:1;
}

#adam:hover{
		background-position: bottom left;
		cursor:pointer;
}
	
#wade{
		float:left;
		text-indent: 10000px;
		overflow: hidden;
		background: url(images/buttons/wadeshotter.png) top left no-repeat;
		display:block;
		width:189px;
		height:28px;
		z-index:1;
}

#wade:hover{
		background-position: bottom left;
		cursor:pointer;
}

#hombre{
		float:left;
		text-indent: 10000px;
		overflow: hidden;
		background: url(images/buttons/hombrecosa.png) top left no-repeat;
		display:block;
		width:189px;
		height:28px;
		z-index:1;
}

#hombre:hover{
		background-position: bottom left;
		cursor:pointer;
}
	
#mike{
		float:left;
		text-indent: 10000px;
		overflow: hidden;
		background: url(images/buttons/mikemort.png) top left no-repeat;
		display:block;
		width:189px;
		height:28px;
		z-index:1;
}

#mike:hover{
		background-position: bottom left;
		cursor:pointer;
}

#fred{
		float:left;
		text-indent: 10000px;
		overflow: hidden;
		background: url(images/buttons/fred.png) top left no-repeat;
		display:block;
		width:189px;
		height:28px;
		z-index:1;
}

#fred:hover{
		background-position: bottom left;
		cursor:pointer;
}

#found{
		float:left;
		text-indent: 10000px;
		overflow: hidden;
		background: url(images/buttons/foundcollective.png) top left no-repeat;
		display:block;
		width:189px;
		height:28px;
		z-index:1;
}

#found:hover{
		background-position: bottom left;
		cursor:pointer;
}

#matt{
		float:left;
		text-indent: 10000px;
		overflow: hidden;
		background: url(images/buttons/mattwestrup.png) top left no-repeat;
		display:block;
		width:189px;
		height:28px;
		z-index:1;
}

#matt:hover{
		background-position: bottom left;
		cursor:pointer;
}
	
#home{
		float:left;margin-top:60px;
		text-indent: 10000px;
		overflow: hidden;
		background: url(images/buttons/entersite.png) top left no-repeat;
		display:block;
		width:189px;
		height:36px;
		z-index:1;
}

#home:hover{
		background-position: bottom left;
		cursor:pointer;
}

li .quicktime{
		float:left;margin:20px 12px 0px 0px;
		text-indent: 10000px;
		overflow: hidden;
		background: url(images/getquicktime.gif) top left no-repeat;
		display:block;
		width:87px;
		height:30px;
		z-index:1;
}


li .flash{
		float:left;margin:20px 0 0 0 ;
		text-indent: 10000px;
		overflow: hidden;
		background: url(images/getflash.gif) top left no-repeat;
		display:block;
		width:87px;
		height:30px;
		z-index:1;
}