body
{
margin:0;
padding:0;
text-align:center;
background-image: url('sliver_background.jpg');
font-family: arial;
background-repeat:repeat-x;
}
#page
{
position: relative;
margin-right:auto;
margin-left:auto;
text-align:center;
width: 800px;
height: 830px;
border: 0px solid red;
}
#nav
{
position: relative;
top: 0px;
height: 78px;
width: 800px;
border: 0px solid blue;
}
#pic_header
{
position: relative;
height:287px;
width: 800px;
border: 0px solid green;
background-image: url('pictures.png');
}
#cycle
{
position: absolute;
top: 25px;
left: 35px;
height: 20px;
border: 0px solid black;
width: 730px;
height: 230px;
text-align:left;
}
#logo
{
position: absolute;
width: 286px;
height: 180px;
top: 30px;
left: -40px;
z-index: 40;
}
#nav_left
{
position: relative;
width: 200px;
height: 400px;
float:left;
border: 0px solid blue;
font-size: 14px;
}
.leftNav_Style
{
height: 28px;
list-style:none;
font-size: 16px;

}
#content
{
position: relative;
width: 520px;
height: 400px;
float:right;
border: 0px solid red;
text-align: left;
}
#nav_middle
{
position:relative;
width:20px;
left: 30px;
height: 216px;
float:left;
border: 0px solid yellow;
background-image: url('black_line.jpg');
}
#nav_content
{
position: relative;
text-align: left;
color: white;
border: 0px solid white;
width: 800px;
top: 50px;
}

a img { border:none; }

#page_buttons
{
position: relative;
left: 0px;
text-align: center;
border: 0px solid white;
width: 810px;
height: 49px;
}
.preload
{
display:none;
}

	.fadeThisHome {
		position:relative;
		display:block;
		height: 49px;
		width: 150px;
		background:url(home.jpg) 0 0 no-repeat;
	}
	
	.fadeThisHome * {
	  display: none;
	}
	
	.fadeThisHome span.hover {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		height: 49px;
		width: 150px;
		background:url(home.jpg) 0 -49px no-repeat;
	}

A:link {text-decoration: none; color: #000000;}
A:visited {text-decoration: none; color: #3f3f3f;}
A:hover {text-decoration: none; color: #0000cc;font-size: 17px;font-weight:bold;}
A:active {text-decoration: none; color: #5f5f5f;}

a img { border:none; }
	.fadeThisHome {
		position:relative;
		display:block;
		height: 49px;
		width: 150px;
		background:url(home.jpg) 0 0 no-repeat;
	}
	
	.fadeThisHome * {
	  display: none;
	}
	
	.fadeThisHome span.hover {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		height: 49px;
		width: 150px;
		background:url(home.jpg) 0 -49px no-repeat;
	}
		.fadeThisServices {
		position:relative;
		display:block;
		height: 49px;
		width: 150px;
		background:url(services.jpg) 0 0 no-repeat;
	}
	
	.fadeThisServices * {
	  display: none;
	}
	
	.fadeThisServices span.hover {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		height: 80px;
		width: 200px;
		background:url(services.jpg) 0 -49px no-repeat;
	}
		.fadeThisProducts {
		position:relative;
		display:block;
		height: 49px;
		width: 150px;
		background:url(products.jpg) 0 0 no-repeat;
	}
	
	.fadeThisProducts * {
	  display: none;
	}
	
	.fadeThisProducts span.hover {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		height: 49px;
		width: 150px;
		background:url(products.jpg) 0 -49px no-repeat;
	}
		.fadeThisAboutUs {
		position:relative;
		display:block;
		height: 49px;
		width: 150px;
		background:url(aboutus.jpg) 0 0 no-repeat;
	}
	
	.fadeThisAboutUs * {
	  display: none;
	}
	
	.fadeThisAboutUs span.hover {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		height: 49px;
		width: 150px;
		background:url(aboutus.jpg) 0 -49px no-repeat;
	}	
		.fadeThisContact {
		position:relative;
		display:block;
		height: 49px;
		width: 150px;
		background:url(contact.jpg) 0 0 no-repeat;
	}
	
	.fadeThisContact * {
	  display: none;
	}
	
	.fadeThisContact span.hover {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		height: 49px;
		width: 150px;
		background:url(contact.jpg) 0 -49px no-repeat;
	}		
.nav_float
{
position:relative;
float:left;
}

.graybar
{
background-color: #e8e8e8;
font-size: 12px;
line-height: 24px;
}
.whitebar
{
font-size: 12px;
line-height: 24px;
}
#footer
{
background-color: #646464;
height: 100px;
width: 100%;
position:relative;
bottom:0px;
left:0px;
color: white;
border-top: 1px solid #3f3f3f; 
}

#mainlinks A:link {text-decoration: none; color: #ffffff;}
#mainlinks A:visited {text-decoration: none; color: #ffffff;}
#mainlinks A:hover {text-decoration: none; color: #ffffff;font-size: 14px;font-weight:normal;text-decoration:underline;}
#mainlinks A:active {text-decoration: none; color: #ffffff;}


#sublinks A:link {text-decoration: none; color: #ffffff;}
#sublinks A:visited {text-decoration: none; color: #ffffff;}
#sublinks A:hover {text-decoration: none; color: #ffffff;font-size: 10px;font-weight:normal;text-decoration:underline;}
#sublinks A:active {text-decoration: none; color: #ffffff;}

#bluebutton A:link {text-decoration: none; color: #ffffff;}
#bluebutton A:visited {text-decoration: none; color: #ffffff;}
#bluebutton A:hover {text-decoration: none; color: #ffffff;font-size: 9px;font-weight:normal;text-decoration:underline;}
#bluebutton A:active {text-decoration: none; color: #ffffff;}

#linkoverride A:link {text-decoration: none; color: #3f3f3f;font-size: 12px;}
#linkoverride A:visited {text-decoration: none; color: #1f1f1f;font-size: 12px;}
#linkoverride A:hover {text-decoration: none; color: #000000;font-size: 12px;font-weight:normal;text-decoration:underline;}
#linkoverride A:active {text-decoration: none; color: #0000cc;font-size: 12px;}

#email A:link {text-decoration: none; color: #3f3f3f;font-size: 12px;}
#email A:visited {text-decoration: none; color: #1f1f1f;font-size: 12px;}
#email A:hover {text-decoration: none; color: #000000;font-size: 12px;font-weight:normal;text-decoration:underline;}
#email A:active {text-decoration: none; color: #0000cc;font-size: 12px;}
