@charset "utf-8";
/* CSS for Innovative Concrete Creations */

html, body {
  margin: 0; padding: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #FFFFFF;
  line-height: 17px;
  	background-color: #491F10;
		background-image: url(../images/page-bg.jpg);
			background-repeat: no-repeat;
			background-position: top center;
	margin-top: 0px;

}

a:link, a:visited { color: #CC6600; }

h1 { color: #CC6600; line-height: normal; font-size: 12px; }

#top {
  margin: 0 auto;
  width: 900px;
}

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

#container {
  margin: 0 auto;
  width: 900px;
  border: 2px solid #CC6600;
  border-bottom: 0;
}

#top-pic {
  width: 900px;
  height: 104px;
  background-image: url(../images/top-pic.jpg);
}

#content-bg {
  width: 900px;
  height: 326px;
  background-image: url(../images/content-bg.jpg);
}

#bottom-pic {
  width: 900px;
  height: 370px;
}

#content {
  margin: 3px 0 0 5px;
  width: 220px;
}

.content-border {
  margin-top: 7px;
  margin-bottom: 7px;
  width: 242px;
  border-right: 2px solid #CC6600;
}

#pic {
  width: 624px;
  height: 254px;
}

.pic-content {
  margin: 9px 0 0 18px;
  width: 624px;
}

#footer {
  width: 458px;
  margin: 10px 0 0 0;
  text-align: right;
}

/* 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 -22px;
  display:block;
	height: 22px;
}

#nav li a {
  display:block;
	height: 22px;
}

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

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

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

#nav li #about {
  background-image: url(../images/buttons/about.jpg);
	width: 61px;
}

#nav li #process {
    background-image: url(../images/buttons/process.jpg);
	width: 156px;
}

#nav li #guarantee {
    background-image: url(../images/buttons/guarantee.jpg);
	width: 73px;
}

#nav li #portfolio {
    background-image: url(../images/buttons/portfolio.jpg);
	width: 56px;
}

#nav li #contact {
    background-image: url(../images/buttons/contact.jpg);
	width: 71px;
}


/* End NAV Classes */