@charset "utf-8";

/* CSS for JP Concrete Coatings - Home Page Only */

/* General Page Information */

body {
	margin: 0 0 0 0; padding: 0 0 0 0;
	font-family: Calibri, Arial, Helvetica;
	font-size: 14px;
	line-height: 20px;
	color: #CCCCCC;
	background-color: #E6E6E6;
			background:url(../images/page-bg.jpg);
			background-repeat: no-repeat;
			background-position: top center;
	margin-top: 0px;
}

a, a:link 			{ color: #999999; }
a:visited 			{ color: #999999; }	
a:focus, a:hover 	{ color: #999999; }
a:active			{ color: #999999; }

h1 { margin: 0 0 0 0; }

/* End General Page Information */


/* Page Layout */

#container { margin: 0 auto; width: 900px; border: 1px solid #666666; border-top: 0;  border-bottom: 0; clear: both; }

#top {
  float: left;
  width: 900px;
  height: 142px;
  background-image: url(../images/top-logo-eh.jpg);
}

#nav-bg {
  float: left;
  width: 900px;
  height: 39px;
  background-image: url(../images/nav-bg.jpg);
}

#main {
  float: left;
  width: 900px;
  height: 261px;
  background-image: url(../images/content-area.jpg);
}

#content {
  float: left;
  width: 560px;
}

#bottom { width: 900px; height: 358px; float: left; border-bottom: 1px solid #000000; }

#footer {
  float: left;
  width: 900px;
  text-align:center;
  font-size:12px;
  color: #666666;
}

/* End Page Layout */


/* NAV Classes */

#nav a:link, #nav a:visited {
text-decoration:none;
list-style:none;
background-position: 0 0;
}

#nav li a:hover {
  list-style:none;
  background-position: 0 -39px;
  display:block;
	width:48px;
	height:39px;
}

#nav li a {
  display:block;
	width:48px;
	height:39px;
}

#nav {
  margin:0 0 0 604px; padding:0;
  list-style:none;
  text-indent:-5000px;
}

#nav li {
  margin: 0 0 0 0;
  background: none;
  margin-right: 0;
  text-align: center;
  float: left;
  list-style: none;
  padding-left: 0;
}

#nav li #home {
  background-image: url(../images/buttons/home.jpg);
}

#nav li #services {
  background-image: url(../images/buttons/services.jpg);
    display: block;
	width: 76px;
	height: 39px;
}

#nav li #galleries {
    background-image: url(../images/buttons/galleries.jpg);
    display: block;
	width: 76px;
	height: 39px;
}

#nav li #contact-us {
    background-image: url(../images/buttons/contact-us.jpg);
    display: block;
	width: 96px;
	height: 39px;
}


/* End NAV Classes */