@charset "utf-8";
/* Master CSS For Concrete Drives */

html, body {
  margin: 0; padding: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #FFFFFF;
  line-height: 20px;
  background-image: url(../images/body-bg.png);
  background-repeat: repeat-x;
  background-color: #2C3039;
}

a:link { text-decoration: underline; color: #9FD33C; }
a:visited { color: #5A7B1C; text-decoration: underline; }
a:hover { text-decoration: none; }

.left-side a:link { color: #9ABBCF; text-decoration: none; }
.left-side a:visited { color: #9ABBCF; text-decoration: none; }
.left-side a:hover { text-decoration: underline; }

#footer a:link { color: #9ABBCF; text-decoration: underline; }
#footer a:visited { color: #9ABBCF; text-decoration: underline; }
#footer a:hover { text-decoration: none; }

h1 { margin-top: 7px; margin-left: 10px; padding: 0; margin-bottom: 5px; font-family: Arial, Helvetica, sans-serif; font-size: 16px; line-height: normal; }
h2 { font-size: 12px; font-weight: bold; padding: 6px; margin: 0; }
h3 { font-size: 11px; font-weight: bold; padding-left: 9px; margin: 0; padding-top: 0; padding-bottom: 5px; }

.right { float: right; padding-left: 10px; }
.left { float: left; padding-right: 10px; }

#gallery ul, li {
	margin: 0;
	padding: 0;
}

#gallery li {
	list-style: none;
	float: left;
	display: inline;
	margin-right: 10px;
}

#preview{
	position: absolute;
	background: #000000;
	padding: 5px;
	display: none;
	color: #fff;
}

img { border: none; }

#top-gallery {
  margin-top: 0px;
  width: 462px;
  height: 38px;
  background-image: url(../images/gallery/gallery-top.png);
  margin-left: 200px;
}

.photo-bg {
  width: 455px;
  margin: 0; padding: 0;
  background-color: #121518;
  overflow: hidden;
  margin-left: 200px;
  padding-left: 7px;
}

#container {
  margin: 0 auto;
  width: 980px;
}

#logo-eh {
  margin-left: 10px;
  width: 257px;
  height: 44px;
  clear: both;
}

#nav-bg {
  margin-left: 10px;
  width: 603px;
  float: left;
  display: inline;
}

#middle-container {
  margin-left: 32px;
  width: 673px;
  float: left;
  display: inline;
  margin-top: 23px; 
}

.main {
  margin-top: 20px;
  clear: both;
  width: 677px;
}

.left-main {
  width: 431px;
  float: left;
  display: inline;
  background-color: #24272F;
  border-top: 3px solid #101415;
}

.left-main p {
  margin-top: 16px;
  margin-bottom: 5px;
}

.right-main {
  margin-left: 20px;
  width: 226px;
  float: left;
  display: inline;
}

.top-right-box {
  width: 226px;
  height: 4px;
  background-image: url(../images/top-right-box.png);
  overflow: hidden;
  margin-bottom: 0;
  clear: both;
}

.right-box-bg {
  margin-top: 0;
  clear: both;
  background-color: #101415;
}

.right-box-bg p { margin-bottom: 0; }

.content {
  padding-left: 10px;
  padding-right: 10px;
}

.video-container {
  width: 657px;
  clear: both;
  background-color: #181B1F;
  overflow: hidden;
  padding-bottom: 10px;
}

.video-left {
  float: right;
  display: inline;
  width: 375px;
}

.video-left p { padding-top: 10px; padding-left: 10px; clear: both; padding-right: 10px; }

.video-right {
  width: 270px;
  float: left;
  display: inline;
  overflow: hidden;
  padding-bottom: 10px;
  padding-top: 28px;
  background-image: url(../images/video-bg.png);
  background-repeat: no-repeat;
}

.video {
  margin-left: 26px;
}

.pics { margin-top: 10px; margin-left: -5px; clear: both; }

.bottom-right {
  width: 226px;
  height: 4px;
  background-image: url(../images/bottom-right-box.png);
  clear: both;
}

#footer {
  width: 100%;
  text-align: center;
  font-size: 11px;
  clear: both;
  margin-top: 25px;
}

#footer p {
  margin-top: 0px;
}

.grid table {
	border-collapse: collapse;
	border:1px solid #AFC9E4;
}

.grid td {
	border:1px solid #AFC9E4;
	padding:3px;
}

/* Top Box */

.mid-box {
  width: 100%;
  height: 240px;
  background-color: #101415;
  margin-top: 0;
  font-size: 13px;
}

.mid-box-inner {
  height: 173px;
  border: 2px solid #101415;
  margin-top: 0;
}

.left-side {
  width: 276px;
  float: left;
  display: inline;
  margin: 0; padding: 0;
}

.header { margin-top: 7px; margin-left: 10px; padding: 0; float: left; margin-bottom: 5px; }

.spacer {
  width: 258px;
  height: 1px;
  clear: both;
  background-image: url(../images/dotted-line.png);
  margin-top: 4px;
  margin-bottom: 12px;
  margin-left: 8px;
  float: left;
}

.left-side ul {
  list-style: none;
  margin-left: 10px;
  padding: 0;
  clear: both;
  margin-top: 0;
}

.left-side ul li {
  background: url(../images/li-triangle.png) left no-repeat;
  padding-left: 20px;
  margin: 0;
  margin-bottom: 10px;
}

.right-side {
  float: left;
  width: 393px;
  height: 191px;
  margin-top: 4px;
}

/* End Top Box */
/* Menu Classes */

#menu {
  position:absolute;
  display:inline;
  z-index:99;
  width:216px;
  background-color: #000000;
  margin-left:0px;
  margin-top:4px;
  padding:3px;
  display:none;
  list-style-type:none;
}

#menu li {
  background:none;
  padding:0 4px 0 0;
  margin:3px;
}

.menu-cell {
  width: 221px;
  padding-left: 2px;
  float: left;
}

/* Zip Code Styling */

input, textarea, select {
  background-color: #FFFFFF;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #666666;
}

.zip-box {
  margin-top: 11px;
  float: left;
  display: inline;
  margin-left: 0;
  width: 359px;
  height: 58px;
  background-image: url(../images/zip-code-box.png);
}

#zip-code-page {
  margin-top: 11px;
  padding-bottom: 10px;
  float: left;
  display: inline;
  margin-left: 0;
  width: 200px;
  overflow: hidden;
  background-color: #121518;
}

/* End Zip Code */

#left-nav {
  float: left;
  display: inline;
  width: 252px;
  margin-left: 15px;
  margin-top: 23px;
}

.top-left-nav {
  width: 252px;
  height: 36px;
  background-image: url(../images/left-nav-top.png);
}

.left-nav-bottom {
  width: 252px;
  margin: 0;
  padding: 0;
  height: 2px;
  background-image: url(../images/left-nav-bottom.png);
  margin-bottom: 20px;
}

/* Left Nav Link Classes */

#buttons a:link {
  text-decoration: none;
  list-style: none;
  background-color: #23272E;
  border: 2px solid #121518;
  border-bottom: 0;
  padding: 4px;
  color: #9FD33C;
}

#buttons a:visited {
  text-decoration: none;
  list-style: none;
  background-color: #23272E;
  border: 2px solid #121518;
  border-bottom: 0;
  padding: 4px;
  color: #5A7B1C;
}

#buttons li a:hover {
  list-style:none;
  display:block;
	width: 240px;
  background-color: #404753;
}

#buttons li a {
  display:block;
	width: 240px;
}

#buttons {
  width: 240px;
  margin: 0 0 0 0px; padding: 0;
  list-style: none;
}

#buttons li {
  margin: 0 0 0 0;
  background: none;
  margin-right: 0;
  text-align: left;
  list-style: none;
}

#buttons p {
  margin-top: 0;
  margin-bottom: 0;
  color: #CCCCCC;
  font-size: 11px;
}

/* Borders Slideshow */

.color-wheel-container 
{
    margin-top: 18px;
    width: 613px;
    background-color: #0F1013;
    padding: 15px;
    overflow: hidden;
}

.color-left 
{
    width: 400px;
    float: left;
    display: inline;
}

.color-left img { border: 0; }

.color-right 
{
    float: right;
    display: inline;
    width: 196px;
}

.color-right p { font-size: 11px; line-height: 18px; padding-top: 16px; color: #F8F4E8; }

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

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

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

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

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

#nav li #contractor {
  background-image: url(../images/buttons/fac.png);
	width: 183px;
}

#nav li #photo {
    background-image: url(../images/buttons/photo-gallery.png);
	width: 148px;
}

#nav li #resources {
    background-image: url(../images/buttons/resources.png);
	width: 109px;
}

#nav li #design-ideas {
    background-image: url(../images/buttons/design-ideas.png);
	width: 125px;
}

#nav li #surface {
  width: 162px;
  background-image: url(../images/buttons/surface-designs.png);
}

#button a:link {
  text-decoration: none;
  list-style: none;
  background-color: #9FD33C;
  padding: 8px;
  color: #000000;
  font-weight: bold;
}

#button a:visited {
  text-decoration: none;
  list-style: none;
  background-color: #9FD33C;
  padding: 8px;
  color: #000000;
  font-weight: bold;
}

#button li a:hover {
  list-style:none;
  display:block;
	width: 180px;
  background-color: #5A7B1C;
}

#button li a {
  display:block;
	width: 180px;
	margin-top: 10px;
}

#button {
  width: 180px;
  margin: 0 0 0 0px; padding: 0;
  list-style: none;
}

#button li {
  margin: 0 0 0 0;
  background: none;
  margin-right: 0;
  text-align: left;
  list-style: none;
}

#button p {
  margin-top: 0;
  margin-bottom: 0;
  color: #CCCCCC;
  font-size: 11px;
}