@charset "utf-8";
/* brockfrench.com CSS Document */

/*	 Psudoclass Styles Group   */

a:link {text-decoration: none; color:#333333} /* unvisited link */
a:visited {text-decoration: none; color:#5A5B5D} /* visited link */
a:hover {text-decoration: none; color:#F4F1E9} /* mouse over link */
a:active {text-decoration: none; color:#777777} /* selected link */



/*	 Universal Styles Group   */
<style type="text/css" media="screen">
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;background-color:#191716;}
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{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;}


p {
font-family:Verdana, Geneva, sans-serif;
font:Verdana, Geneva, sans-serif;
font-size:9px;
font-style:normal;
color:#333;

}








/*	Library Styles Group	*/
/*		HTML EXMPLE- <img src="myimage.jpg" class="photo_right" />		CSS EXAMPLE- .photo_right{ float: right; margin-left: 10px; }		*/










/*	Template Layout Group	*/
/*		HTML LAYOUT EXAMPLE:

<div id="container">
    <div id="header">
        <div id="navigation"></div>
    </div>
</div>

		CSS LAYOUT EXAMPLE:

#container { }
    #container #header { }
        #container #header #navigation { }		*/







/* dock - top */
.dock {
	position: relative; 
		top: 180px;
		left: -10px;
	height: 50px; 
	text-align: center;
}
.dock-container {
	position: absolute;
	height: 50px;
	background: url(images/dock-bg2.gif);
	padding-left: 0px;
}
a.dock-item {
	display: block;
	width: 40px;
	color: #000;
	position: absolute;
	top: 0px;
	text-align: center;
	text-decoration: none;
	font: bold 12px Arial, Helvetica, sans-serif;
}
.dock-item img {
	border: none; 
	margin: 5px 10px 0px; 
	width: 100%; 
}
.dock-item span {
	display: none; 
	padding-left: 0px;
}








/*	 Page Specific Styles Group   */

#solidback{
	background-color:#191716;
}

#index_container {
	position:inherit;
	background:url('/');
	width: 600px;
	
	border: 0px solid #666666;
    text-align: center;
    position: absolute;
    top: 200px;
    left: 50%;
    margin-left: -300px;

	
}

#hack {position:absolute; margin-left: 0px; left:0px; top:0px; width: 160px; height: 160px; display: block; visibility:invisible; z-index:5;}
#description {position:absolute; margin-left: 0px; left:-92px; top:200px; width: 160px; height: 160px; display: block; visibility:invisible; z-index:5;}

#overlay-missing {
	position:absolute;
	left:-188px;
	top:-102px;
	width:300px;
	height:300px;
	background:url('http://www.brockfrench.com/img/randomizer/overlay-missing.png') no-repeat top left;
	text-indent:-5000px;
	z-index:1;
}

#styleselect {
	position:absolute;
	left:-100px;
	top:275px;
	width:400px;
	height:100px;
	background:url('') no-repeat top left;
	z-index:1;
}

#floater-splash {
	position:absolute;
	left:-189px;
	top:-101px;
	width:300px;
	height:300px;
	background:url('indexsplash/01/floater_splash.png') no-repeat top left;
	text-indent:-5000px;
	z-index:1;
}

#overlay {
	position:absolute;
	left:-188px;
	top:-102px;
	width:300px;
	height:300px;
	background:url('http://www.brockfrench.com/img/randomizer/overlay00.png') no-repeat top left;
	text-indent:-5000px;
	z-index:1;
}

#content {
	position:relative;
	text-align: center;
	margin-left: 200px;
	background:url('img/') no-repeat top left;
	width:600px;
	height:200px;
	border:0px;
	z-index: 2;
}


#menu {
	position:absolute;
	top:0px;
	left:0px;
	width: 600px;
	padding: 0px;
	margin: 0px;
	z-index: 0;
}

#texture {
	position:absolute;
	top:0px;
	left:0px;
	background:url('img/') no-repeat top left;
	width:200px;
	height:200px;
	border:0px;
	z-index: 3;
}

#animation {
	position:absolute;
	top:0px;
	left:0px;
	background:url('img/') no-repeat top left;
	width:200px;
	height:200px;
	border:0px;
	z-index: 4;
}

#baseground {
	position:absolute;
	top:0px;
	left:0px;
	background:url('img/') no-repeat top left;
	width:200px;
	height:200px;
	border:0px;
}

#foundation {
	position:absolute;
	top:0px;
	left:0px;
	background:url('img/') no-repeat top left;
	width:200px;
	height:200px;
	border:0px;
}

			.bflink {position:absolute; top:0px; left:0px; height:200px; width:200px; display:none; z-index:1;}
			.bflink2 {position:absolute; top:0px; left:0px; height:200px; width:200px; display:none; z-index:-1;}
			.texture {position:absolute; top:0px; left:0px; height:200px; width:200px; display:none; z-index:0;}
			.animation {position:absolute; top:0px; left:0px; height:200px; width:200px; display:none; z-index:-2;}

		</style>