/*----------
	Mobile Dewatering - CSS Document 
----------*/

@import url("reset.css");

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

#container_bg {
  background-color: #485A70;
  width:100%;
  margin-top: 30px;
}

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

#content {
  width:960px;
  padding: 30px 20px;
  background-color: #2E4055;
  clear:both;
  height:auto;
  float:left;
}
.container:after, #content:after { height: 0; visibility: hidden; content: "."; display: block; clear: both; }


/*----------	HeaDeR STYLeS	----------*/
#header {
  width: 1000px;
  height: 105px;
  position: relative;
  background: #F0F0E6 url(../images/core/header_bg.gif) repeat-x 0 0;
}
#header img#logo {
  position: absolute;
  left: 47px;
}

#header img#slogan {
  position: absolute;
  top: 77px;
  left:640px;
}

/*----------	NaVIGaTIoN STYLeS	----------*/
#nav {
  width: 171px;
  height: 200px;
  float:left;
  display:inline;
  margin:0;
  padding:30px 0 0 14px;
  background: #293B51 url(../images/nav/nav_bg.gif) no-repeat 0 0;
}
#nav ul { list-style-type: none; margin: 0; padding:0; }
#nav ul li { display:inline; float:left; clear:both; margin-bottom:6px;}
#nav ul li a { display: block; width: 171px;  height: 37px; }
#nav ul li a:hover { background-position: -171px 0 !important; }
#nav ul li#home a { background: url(../images/nav/home.gif) no-repeat 0 0; }
#nav ul li#services a { background: url(../images/nav/services.gif) no-repeat 0 0;}
#nav ul li#past_projects a { background: url(../images/nav/past_projects.gif) no-repeat 0 0;  }
#nav ul li#contact a { background: url(../images/nav/contact.gif) no-repeat 0 0; }

body#homepage li#home a, body#servicespage li#services a, body#projectspage li#past_projects a, body#contactpage li#contact a {  background-position: -171px 0px!important;}


/*----------	CoMMoN STYLeS	----------*/
a { color: #FDF81A; text-decoration: none; }
a:hover { text-decoration: underline; }
img { border: none; }
h1 { color: #ffffff; padding: 0 0 20px 0; font-size: 1.7em; font-weight: normal; text-align: center; }
h2 { color: #ffffff; font-size: 1.4em; font-weight: bold; margin: 20px 15px; }
h3 { font-size: 1.3em; font-weight: bold; margin: 10px 0;}
h4{ color:#fff; margin: 0 15px 0px 15px; }
strong { font-weight: bold; }
hr { border: none; border-bottom: 1px solid #485A70; margin: 10px; clear: both; display: block; }
p { margin: 0 15px 15px 15px; }
ul { margin: 10px 34px 20px 34px; list-style-type: square; }
ul p { margin-left: 0; }

.clear { display: block; clear: both; }
.hidden { display: none; }
.top { border-top: 1px solid #CA8D91; text-align: right; font-size: 0.9em; margin: 10px 15px 0; }
.tag-links{ text-align:center;}
a.backtotop { float:right;}

img#mudmap { margin: 10px; float: right; }
img.inner_photos { float: right; margin: 10px 15px; }


/*----------	FLaSH STYLeS	----------*/
#banner_holder {
	margin:0;
  height: 230px;
  width:970px;
  background-color: #1F2F3F;
  border-bottom: 5px solid #838C3D;
  display:inline;
  padding:15px;
  float:left;
  clear:both;
  overflow:hidden;
  }

#flash_details {
margin:0;
  border: 15px solid #2E4055;
  background-color: #1A2533;
  width: 755px;
  height: 200px;
  overflow: hidden;
  display:inline;
  float:right;
  clear:right;
}


#banner { float: left; width: 555px; height:200px; display:inline; margin-right:20px; overflow:hidden; clear:both;}
body#servicespage #banner { background:url(../images/core/banner-services.jpg) no-repeat 0 0;}
body#projectspage #banner{ background:url(../images/core/banner-project.jpg) no-repeat 0 0;}
body#contactpage #banner { background:url(../images/core/banner-contact.jpg) no-repeat 0 0; }
body#airpage #banner { background:url(../images/core/banner-air.jpg) no-repeat 0 0; }
body#waterpage #banner { background:url(../images/core/banner-water.jpg) no-repeat 0 0; }
body#landpage #banner { background:url(../images/core/banner-land.jpg) no-repeat 0 0; }


/*----------	DeTaILS STYLeS	----------*/
#address-details {
	float:left;
  color: #FFFFFF;
  display:block;
  width:150px;
  height:120px;
  padding:0;
  margin-top:15px!important;
}

#address-details p {margin:0!important;}
#details_title { margin-bottom:10px;}
#details-email { padding-top:10px; vertical-align:middle;}


/*----------	CTa STYLeS	----------*/
#cta { background-color: #202E40; text-align: center; padding: 8px 5px 5px 8px; font-size: 0.9em; display:block; clear:both; height:130px; }
#cta ul { margin: 0; display:block; float:left;}
#cta ul li{
  float: left;
  color: #FDF81A;
  width: 118px;
  display:block;
  height:130px;
  list-style-type: none;
}



/*----------	CTa STYLeS	----------*/
ul#services-cta {  display:block; clear:both; margin:0 auto; height:auto; }
ul#services-cta li {   padding:15px; list-style-type: none; width:260px; background-color: #202E40; margin: 0; display:block; float:left; height:auto; margin:0 10px;}
ul#services-cta h2 { margin: 15px 0 10px 0;}

/*----------	FooTeR STYLeS	----------*/
#footer { font-size: 0.9em; color: #5F738B; background-color: #202E40; padding-top:15px; width:100%; clear:both; display:block;}
#footer a { color: #5F738B; }
#footer #links { margin-left: 120px;}
#footer img#wflogo { float: right; margin: 0 15px; }