/*----------
	Total Plumbing & Excavation - CSS Document 
----------*/

@import url("reset.css");

/*----------	LaYoUT STYLeS	----------*/
body {
  color: #5f5f5f;
  background-color: #191919;
	font: 62.5%/2.0em Verdana, Arial, Helvetica, sans-serif;
}

#top-bg {
  background: #FFFFFF url(../images/core/bg.gif) repeat-x;
}

.container {
  width: 960px;
  margin: 0 auto;
  padding: 10px 0 0 0;
  font-size: 1.2em;
}

#content {
  width: 960px;
  padding: 20px 0;
}

#column-left {
  width: 685px;
  float: left;
}
#column-left-contact{
width:645px;
float:left;
}
#column-right-contact{
width:305px;
float:right;
}
#column-right {
  width: 265px;
  float: right;
}

#text {
  width: 640px;
  margin: 0 auto;
}

#text2 {
  width: 930px;
  margin: 0 auto;
}
#allbullets ul li ul li{list-style-type:circle;}


/*----------	CoMMoN STYLeS	----------*/
a { color: #3c62ad; text-decoration: underline; }
a:hover { text-decoration: none; }
h1, h2, h3 { color: #3c62ae; font-weight: normal; }
h1 { font-size: 2.0em;font-weight:bold; }
h2 { font-size: 1.8em; }
h3 { font-size: 1.6em; }
h4 {font-size: 1.2em; color: #000; text-decoration: underline;}
strong { font-weight: bold; }
hr { border: none; border-bottom: 1px solid #5f5f5f; 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 #5f5f5f; text-align: right; font-size: 0.9em; margin: 10px 0; }

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



/*----------	HeaDeR STYLeS	----------*/
#header {
  width: 960px;
  height: 159px;
  color: #3c62ad;
  position: relative;
  background-color: #fff;
}

#header a { color: #f58432; text-decoration: none; }

#header #logo {
  top: 14px;
  left: 21px;
  position: absolute;
}

#header #address {
  top: 55px;
  left: 584px;
  width: 140px;
  position: absolute;
}

#header #numbers {
  top: 55px;
  left: 750px;
  width: 175px;
  position: absolute;
}


/*----------	BaNNeR STYLeS	----------*/
#banner {
  width: 960px;
  height: 313px;
  position: relative;
  background-color: #F58533;
}

#banner #flash {
  top: 43px;
  left: 10px;
  width: 940px;
  height: 260px;
  display: block;
  overflow: hidden;
  position: absolute;
}


/*----------	NaVIGaTIoN STYLeS	----------*/
#nav {
  top: -6px;
  left: 10px;
  position: absolute;
}
#nav ul { list-style-type: none; margin: 0; }
#nav ul li { display: inline; float: left; }
#nav ul li a { display: block; height: 49px; text-indent: -9999px; }
#nav ul li a:hover { background-position: 0 -49px !important; }
#nav li#home a { background: url(../images/nav/home.gif) no-repeat; width: 103px; }
#nav li#about a { background: url(../images/nav/about.gif) no-repeat; width: 102px; }
#nav li#plant_equipment a { background: url(../images/nav/plant_equipment.gif) no-repeat; width: 240px; }
#nav li#recent_projects a { background: url(../images/nav/recent_projects.gif) no-repeat; width: 204px; }
#nav li#gallery a { background: url(../images/nav/gallery.gif) no-repeat; width: 127px; }
#nav li#contact a { background: url(../images/nav/contact.gif) no-repeat; width: 164px; }

#p-home li#home a,
#p-about li#about a,
#p-plant_equipment li#plant_equipment a,
#p-recent_projects li#recent_projects a,
#p-gallery li#gallery a,
#p-contact li#contact a {
  background-position: 0 -49px !important;
}



/*----------	CTa STYLeS	----------*/
.cta {
  width: 255px;
  height: 155px;
  margin: 20px 0;
  position: relative;
  background-color: #3C62AD;
}
.cta img {
  top: 10px;
  left: 10px;
  position: absolute;
}

.cta .link {
  top: 133px;
  left: 16px;
  color: #fff;
  font-weight: bold;
  position: absolute;
  padding: 0 0 0 15px;
  text-decoration: none;
  text-transform: uppercase;
  background: url(../images/core/icon-list.gif) no-repeat left;
}

.cta .link:hover { text-decoration: underline; }



/*----------	FooTeR STYLeS	----------*/
#footer { font-size: 0.9em; color: #8d8c8c; padding: 0 0 10px 0; }
#footer .container { padding-left: 20px; width: 940px; }
#footer a { text-decoration: none; color: #8d8c8c; }
#footer a:hover { text-decoration: underline; }
#footer #copyright { color: #454545; }
#footer #wflogo { float: right; margin: 10px 0; }



/*----------	GaLLeRY PaGe STYLeS	----------*/
ul#gallery {
  margin: 25px 0 0 0;
  list-style-type: none;
}

ul#gallery li {
  float: left;
  width: 150px;
  margin: 5px 5px 5px 0;
  height: 150px;
  border: 1px solid #3c62ad;
}


/*----new------------*/

#text2 ul.main li {margin: 10px; border: none; border-bottom: 1px solid #5f5f5f; padding-bottom: 25px; width: 100%; clear: both; list-style: none; }
#text2 ul.main li div.item-thumb {width:150px; height:150px; float:left; display:inline; border: 1px solid #3c62ad; margin:25px 25px 25px 0;}
#text2 ul.main li div.right {float: left; display:inline; width: 500px;}

#text2 ul.main li ul li {list-style: square; border: none; padding: 0;}

.thickbox img {border: 1px solid #ccc;}