body {
	background: #cccccc;
	margin: 0;
	padding: 0;
} 	 	 
div#container {
   position: relative;
	 margin: auto;
	 background-color: white;
	 height: 659.5px;
	 width: 1024px;
}

.shade_l {
   position: absolute;
	 top: -1px;
	 left: -25px;
	 z-index: 5;
}	
.shade_r {
   position: absolute;
	 top: -1px;
	 right: -25px;
	 z-index: 5;
}	  			 					

.logo {
  position: absolute;
	left: 22.5px;
	top: 32.5px;
	z-index: 3;
}
#nav {
   width:807px;
	 height:31px; 
	 position:absolute; 
	 z-index:100; 
	 font-family: verdana, sans serif;
	 font-variant: small-caps;
	 top:550px;
	 left: 187px;
}
/* hack to correct IE5.5 faulty box model */
* html .nav {
   width:624px; 
	 w\idth:625px;}
/* remove all the bullets, borders and padding from the default list styling */
#nav ul {
   padding:0;
	 margin:1px;
	 list-style-type:none;
}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#nav li {
   background-image: url(images/but.png);
	 background-repeat:no-repeat;
   background-position: center center;
	 margin-left: -1px;
	 font-weight: bold;
   float:left;
	 width:202px;
	 height: 30px;
	 position:relative;
	 text-align: center;
	 line-height: 25px;
}
#nav li:hover  {
	 background-image: url(images/over-but.png); 
	 background-repeat:no-repeat;
	 background-position: center center;
	 margin-left: -1px;
	 font-weight: bold;
	 width: 202px;
	 height: 30px;
	 z-index:10;
	 text-align: center;
}	  	 
#nav a, #nav a:visited {
   display:block;
	 font-size:11px;
	 text-align: center;
	 text-decoration:none;
	 letter-spacing: 0;
	 color:#999999; 
	 height:57px; 
}	  
#nav a:hover {
   color: #ffffff;
}	
#nav li.current:hover  {
	 background-image: url(images/but.png); 
	 background-repeat:no-repeat;
	 text-align: center;
}	  	 
#nav li.current {
	 margin-left: -1px;
	 background-image: url(images/over-but.png); 
	 background-repeat:no-repeat;
   background-position: center;
   width: 202px;
	 height: 30px; 
}	 
.blackcon {
   position: absolute;
	 top: 219px;
	 left: 67px;
}
.pic {
   position: absolute;
	 top: 218px;
	 left: 214px;
	 z-index:1;	
}	 
.corporate {
   position: absolute;
	 top: 217px;
	 left: 32px;
}
.contact {
   position: absolute;
	 top: 195px;
	 right: 32px;
}	   
.dale {
   position: absolute;
	 left: 214px;
	 top: 468px;
	 font: 14px verdana, arial, sans-serif;
	 color: #ad8d3d;
	 letter-spacing: -2px;
	 z-index: 1;
	 
}	
.blackcon_container {
   position: absolute;
	 top: 220px;
	 left: 187px;
	 width: 802px;
	 height:329px;
}	 
.header {
   position: absolute;
	 left: -1px;
	 top: 25px;
	 width: 802px;
	 font: 14px verdana, arial, sans-serif;
	 color: #ffffff;
	 text-align: center;
	 letter-spacing: -1px; 
} 
.left {
   position: absolute;
	 left: 1px;
	 top: 49px;
	 width: 200px;
	 font: 12px verdana, arial, sans-serif;
	 color: #ffffff;
	 text-align: left;
	 letter-spacing: -1px;
	 line-height: 21px;
	 margin-left: 35px;
	 margin-top: 55px; 
}
.center {
   position: absolute;
	 left: 320px;
	 top: 49px;
	 font: 12px verdana, arial, sans-serif;
	 color: #ffffff;
	 text-align: left;
	 letter-spacing: -1px;
	 line-height: 21px;
	 margin-top: 55px;
}
.right {
   position: absolute;
	 right: -1px;
	 top: 49px;
	 width: 148px;
	 font: 12px verdana, arial, sans-serif;
	 color: #ffffff;
	 text-align: left;
	 letter-spacing: -1px;
	 line-height: 21px;
	 margin-right: 35px;
	 margin-top: 55px;	
} 
/*.p {
  position: absolute;
	top: 220px;
	left: 472px;
  width: 520px;
	height: 330px;
	overflow-y: scroll;
	font: 12px verdana, arial, sans-serif;
	letter-spacing: -1px;
	color: #ffffff;
	line-height: 21px;
	text-indent: 20px;
	z-index: 2;
}*/
.intro {
   max-width: 475px;
	 padding-top: 6px;
}	 	
.text {
   color: #ad8d3d;
	 font-weight: thin;
	 line-height: 25px;
}	  
.link {
   color: #cccccc;
   text-decoration: normal;
}	
.link:hover {
   color: #ad8d3d
}	  
a {
   color: #ffffff;
}
a:hover {
   color: #ad8d3d;
}