@charset "utf-8";

/* CSS for JP Concrete Coatings - All Pages Excluding Home */

/* 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: #FFFFFF;
	background-color: #E6E6E6;
			background:url(../images/page-bg.jpg);
			background-repeat: no-repeat;
			background-position: top center;
	margin-top: 0px;
}

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

#footer a:link { color: #333333; text-decoration: none; }
#footer a:hover { text-decoration: underline; }

h1 { margin: 0 0 0 0; }

#largeImg {
	margin: 0 0 0 0; padding: 0 0 0 0;
	width: 300px;
	height: 408px;
}

.thumbs img {
	margin: 0 0 0 0; padding: 0 0 0 0;
	padding-right:0;
}

.thumbs img:hover { text-decoration: none; font-weight: normal; } /* Fixes IE problem of moving spacer up or down when clicking */

#pic-select-content {
  margin: 2px 0 0 4px;
  width: 140px;
  font-size: 13px;
  color: #FFFFFF;
}

.spacer {
  width: 135px;
  height: 1px;
  border-top: 1px solid #999999;
  margin:5px 0 -10px 0;
}


/* End General Page Information */

/* Page Layout */

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

#top {
  float: left;
  width: 900px;
  height: 55px;
  background-image: url(../images/services/top.jpg);
  clear: both;
}

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

#main {
  float: left;
  width: 900px;
  height: 438px;
}

#content-main {
  float: left;
  width: 442px;
  height: 438px;
  background-image: url(../images/services/left-content.jpg);
}

#content {
  margin:0 0 0 23px;
  width: 338px;
  height: 438px;
}

#right-content {
  float: left;
  width: 458px;
  height: 438px;
  background-image: url(../images/services/right-content.jpg);
}

#bottom { 
width: 900px; height: 217px; float: left; border-bottom: 1px solid #000000; background-image:url(../images/services/bottom.jpg); 
}

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

/* End Page Layout */

/* Services Page Boxes */

.services { width: 157px; border-left: 5px solid #CCCCCC; }

.services-content { padding-left: 4px; }

#pic-select { float: left; width: 148px; height: 408px; background-image: url(../images/services/pic-selector.jpg); }

#pic { width:300px; height: 408px; margin: 0 0 0 148px; }

/* End Services Page Boxes */

/* Contact Forms */

#contact-form {
  float: left;
  width: 446px;
  height: 408px;
  background-image: url(../images/contact/contact-form-bg.jpg);
}

#form-content {
  margin: 5px 0 0 7px;
  width: 421px;
  font-size: 13px;
}

input, textarea, select {
  background-color:#FFFFFF;
  border:1px solid #333333;
  font-family:Calibri, Arial, Helvetica;
  font-size:13px;
  color:#000000;
}

/* End Contact Forms */

/* Portfolio Layout */

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

#pic-content { margin: 0 0 0 23px; }

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

#nav li a {
  display:block;
	width: 79px;
	height: 90px;
}

#nav {
  margin:0 0 0 0; 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/all-buttons/home.jpg);
}

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

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

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

/* End NAV Classes */