/*----------
	Focus For A Change - CSS Document 
----------*/

@import url("reset.css");

/*----------	LaYoUT STYLeS	----------*/
body {
  color: #605D5B;
	font: 62.5%/2.2em Arial, Verdana, Helvetica, sans-serif;
	background: #141313 url(../images/core/bg.gif) repeat-x;
}

#container-bg {
  background: url(../images/core/container-bg.jpg) no-repeat 50% 0;
}

#container {
  width: 950px;
  margin: 0 auto;
  font-size: 1.1em;
}

#content {
  width: 937px;
  margin: 0 0 0 12px;
  padding: 25px 0 0 0;
  background: #fff url(../images/core/content-bg.gif) no-repeat top left;
}

#content-bottom {
  width: 937px;
  height: 14px;
  display: block;
  margin: 0 0 0 12px;
  background: url(../images/core/content-bottom.gif) no-repeat;
}

#column-left {
  float: left;
  width: 680px;
}

#column-right {
  float: right;
  width: 228px;
}

#text {
  width: 660px;
  margin: 0 0 0 20px;
}



/*----------	CoMMoN STYLeS	----------*/
a { color: #DC650B; text-decoration: underline; }
a:hover { text-decoration: none; }
h1 {
  height: 32px;
  width: 423px;
  margin: 0 0 0 -26px;
  padding: 17px 0 5px 34px;
  color: #ffffff;
  font-size: 2.2em;
  font-weight: normal;
  text-transform: uppercase;
  background: url(../images/core/h1-bg.gif) no-repeat;;
}
h2 { font-size: 1.6em; }
h3 { font-size: 1.4em; }
strong { font-weight: bold; }
hr { border: none; border-bottom: 1px solid #626160; margin: 10px; }
p { margin: 20px 0; }
ul { margin: 10px 30px; list-style-type: square; }

.clear { display: block; clear: both; }
.hidden { display: none; }
.top { border-top: 1px solid #626160; text-align: right; font-size: 0.9em; margin: 10px 15px 0; }
.inner_photos { float: right; margin: 10px; }

#mudmap { margin: 10px; float: right; }

ul#gallery { list-style-type: none; margin: 0; }
ul#gallery li { border-bottom: 1px solid #BFBFBF; padding: 10px 0; display:block; width:640px; }
ul#gallery li img { float: left; margin: 0 10px 10px 10px; }

ul#review-gallery li{
	display: inline;
	float: left;
	border: 1px solid #F47B20;
	padding: 0px;
	height: 150px;
	margin: 10px;
}

/*----------	HeaDeR STYLeS	----------*/
#header {
  width: 950px;
  height: 116px;
  position: relative;
}

#header #logo { position: absolute; top: 14px; left: 20px; }
#header #phone { position: absolute; top: 33px; left: 568px; }


/*----------	NaVIGaTIoN STYLeS	----------*/
#nav { height: 37px; margin: 10px 0 0 0; }
#nav ul { list-style-type: none; margin: 0; }
#nav ul li { display: inline; margin-left: 20px; float: left; }
#nav ul li a { text-transform:uppercase; color: #fff; text-decoration: none; font-size: 1.2em; }
#nav ul li a:hover { color: #5D5C5E; }


#p-home li#home a,
#p-repair li#repair a,
#p-waterproofing li#waterproofing a,
#p-past-projects li#past-projects a,
#p-other li#other a,
#p-contact li#contact a,
#p-project-review li#project-review a  {
  color: #5D5C5E;
}



/*----------	BaNNeR STYLeS	----------*/
#banner {
  width: 950px;
  height: 234px;
  position: relative;
}

#banner #slogan {
  position: absolute;
  top: 64px;
  left: 34px;
}

#banner #flash {
  position: absolute;
  top: 10px;
  left: 423px;
  height: 249px;
  width: 520px;
  display: block;
  background: url(../images/core/flash-bg.gif) no-repeat;;
}

#banner #slideshow {
  position: absolute;
  top: 16px;
  left: 16px;
  display: block;
  height: 222px;
  width: 494px;
  overflow: hidden;
}

#p-repair #banner #slideshow { background: url(../images/core/img2.jpg) no-repeat; }
#p-waterproofing #banner #slideshow { background: url(../images/core/img3.jpg) no-repeat; }
#p-past-projects #banner #slideshow { background: url(../images/core/img4.jpg) no-repeat; }
#p-other #banner #slideshow { background: url(../images/core/img5.jpg) no-repeat; }
#p-contact #banner #slideshow { background: url(../images/core/img1.jpg) no-repeat; }
#p-project-review #banner #slideshow { background: url(../images/core/img6.jpg) no-repeat; }


/*----------	DeTaILS STYLeS	----------*/
#details {
  color: #F9F8F8;
  width: 203px;
  height: 173px;
  display: block;
  margin: 71px 0 0 0;
  padding: 30px 0 0 25px;
  line-height: 15px;
  background: url(../images/core/details-bg.gif) no-repeat;
}

#details a { color: #F9F8F8; text-decoration: none; }
#details a:hover { text-decoration: underline; }
#details p { margin: 15px 0; }
#details h2 { color: #F9F8F8; font-weight: normal; text-transform: uppercase; }
#details strong { color: #F47B20; }



/*----------	FooTeR STYLeS	----------*/
#footer { color: #F9F8F8; margin: 10px 10px 0 25px; }
#footer a { text-decoration: none; color: #F9F8F8; margin: 0 10px 0 0; }
#footer a:hover { text-decoration: underline; }
#footer img#wflogo { float: right; margin: 0 10px; }

/*-- Updates --*/

h1#industrial {background:url(../images/industrial_h1_2.jpg) no-repeat;width: 675px;}