@charset "utf-8";
/* CSS Document */

p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #000000;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 50px;
	font-weight: bolder;
	text-transform: capitalize;
	color: #000000;
}
.shadow {
	height: 1em;
	filter: Shadow(Color=#666666, 	
			Direction=135, 
			Strength=5);
}
body {
	background-color: #000000;
}
#About
{
  display: block;
  width: 190px;
  height: 26px;
  background: url("button_about_css.gif") no-repeat 0 0;

}

#About:hover
{ 
  background-position: 0 -26px;
}

#About span
{
  display: none;
}
#Roofing
{
  display: block;
  width: 190px;
  height: 26px;
  background: url("button_roofing_css.gif") no-repeat 0 0;

}

#Roofing:hover
{ 
  background-position: 0 -26px;
}

#Roofing span
{
  display: none;
}
#Siding
{
  display: block;
  width: 190px;
  height: 26px;
  background: url("button_siding_css.gif") no-repeat 0 0;

}

#Siding:hover
{ 
  background-position: 0 -26px;
}

#Siding span
{
  display: none;
}
#Contact
{
  display: block;
  width: 190px;
  height: 26px;
  background: url("button_contact_css.gif") no-repeat 0 0;

}

#Contact:hover
{ 
  background-position: 0 -26px;
}

#Contact span
{
  display: none;
}

.bodyText
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
}

.style1 {
	font-size: x-large;
	font-weight: bold;
}
.style2 {font-size: 24px}
.style3 {font-size: 18px}

.kgmedia 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#3399FF;
}