/*----------
	Dalco Earthmoving - CSS Document 
----------*/

@import url("reset.css");

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

.container {
  width: 970px;
  margin: 0 auto;
}

#content {
  font-size: 1.1em;
  background: #DFDFDF url(../images/core/content-bg.gif) repeat-x;
  padding: 10px 0;
}

#p-home #text, #p-contact #text {
  width: 575px;
}

#text {
  width: 851px;
  padding: 10px 0;
}

#column-left {
  float: left;
  width: 585px;
  padding: 10px 0 0 0;
  border-right: 1px solid #EBEBEB;
  background: url(../images/core/text-bg.gif) no-repeat right top;
}

#column-right {
  float: right;
  width: 370px;
  padding: 10px 0 0 0;
}

/*----------	HeaDeR STYLeS	----------*/
#header {
  height: 214px;
  background: #FFFFFF url(../images/core/header-bg.gif) repeat-x;
}

#header .container {
  height: 214px;
  position: relative;  
}

#header img#logo {
  position: absolute;
  top: 41px;
  left: 0;
}

#header img#cta {
  position: absolute;
  top: 32px;
  left: 596px;
}

.welcome { color: #4C7299; font-size: 1.7em; text-transform: uppercase; }
.h1 {font-size: .8em; padding-top: 12px; color: #000; }


/*----------	CoMMoN STYLeS	----------*/
a { color: #BB5410; text-decoration: underline; }
a:hover { text-decoration: none; }
h1 { color: #4C7299; font-size: 1.7em; text-transform: uppercase; }
h2 { font-size: 1.4em; color: #252525; }
h3 { font-size: 1.4em; color: #252525; margin:10px 0; }
h4 {margin:10px 0 0 0; }
strong { font-weight: bold; }
hr { border: none; border-bottom: 1px solid #EBEBEB; margin: 10px; }
p { margin: 15px 0; }
ul { margin: 10px 30px; list-style-type: square; }

.clear { display: block; clear: both; }
.hidden { display: none; }
.top { border-top: 1px solid #EBEBEB; text-align: right; font-size: 0.9em; margin: 10px 15px 0; }
.divider { height: 10px; clear: both; display: block; background-color: #FFFFFF; }

ul.gallery {margin:15px auto; list-style:none; line-height:1em; border-bottom:1px #cccccc solid; padding:0 0 15px 0;}
ul.gallery li{list-style:none; float:left; display:block; padding:0 10px 14px 0; overflow:hidden; height:130px; width:160px;}
ul.gallery a img{border:3px #666666 solid;}
ul.gallery a:hover img{border-color:#ffffff;}

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



/*----------	NaVIGaTIoN STYLeS	----------*/
#nav { position: absolute; top: 5px; left: 344px; }
#nav ul { list-style-type: none; margin: 0; }
#nav ul li { display: inline; float: left; }
#nav ul li a { display: block; height: 23px; text-indent: -9999px; }
#nav ul li a:hover { background-position: 0 -23px !important; }
#nav li#home a { background: url(../images/nav/home.gif) no-repeat; width: 64px; }
#nav li#profile a { background: url(../images/nav/profile.gif) no-repeat; width: 73px; }
#nav li#services a { background: url(../images/nav/services.gif) no-repeat; width: 87px; }
#nav li#earthmoving a { background: url(../images/nav/earthmoving.gif) no-repeat; width: 184px; }
#nav li#contact a { background: url(../images/nav/contact.gif) no-repeat; width: 98px; }

#p-home li#home a,
#p-profile li#profile a,
#p-services li#services a,
#p-earthmoving li#earthmoving a,
#p-contact li#contact a {
  background-position: 0 -23px !important;
}


/*----------	BaNNeR STYLeS	----------*/
#banner {
  display: block;
  width: 970px;
  height: 127px;
  padding: 0px 0 2px 0;
  background: url(../images/core/banner-bg.gif) no-repeat bottom left;
}

#banner ul { margin: 0; list-style-type: none; }
#banner ul li { float: left; border: 5px solid #EBEBEB; width: 100px; height: 100px; display: block; overflow: hidden; }
#banner .margin { margin: 0 9px; }


/*----------	CTa STYLeS	----------*/
#address {
  background: url(../images/core/address-bg.gif) no-repeat;
  display: block;
  width: 247px;
  height: 165px;
  color: #6E6E6E;
  line-height: normal;
  padding-top: 30px;
}
#address p { margin: 15px 20px; }
#address .dark { color: #393939; margin: 0 5px 0 0; }
#address .dark2 { color: #393939; margin: 0 22px 0 0; }
#address a { text-decoration: none; color: #4C7299; }

/*----------	FooTeR STYLeS	----------*/
#footer { font-size: 1.0em; background: url(../images/core/footer-bg.gif) repeat-x; height: 40px; color: #6E6E6E; padding-top: 10px; }
#footer a { text-decoration: none; color: #6E6E6E; }
#footer a:hover { text-decoration: underline; }
#footer #copyright { color: #393939; margin: 0 0 0 20px; }
#footer img#wflogo { float: right; margin: 0 100px 0 0; }