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

@import url("reset.css");

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

#container {
  width: 960px;
  margin: 0 auto;
  background: url(../images/core/container-bg.gif) repeat-y top;
}

#shadow {
  width: 950px;
  padding: 0 5px;
  background: url(../images/core/shadow-bg.gif) no-repeat top;
}

#content {
  font-size: 1.4em;
  margin: 20px 0;
}

#column-left {
  width: 715px;
  float: left;
  padding: 0 0 0 20px;
  border-right: 1px solid #DADADA;
}

#column-right {
  width: 175px;
  float: right;
  padding: 30px 24px 0 0;
}

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

/*----------	HeaDeR STYLeS	----------*/
#header {
  width: 950px;
  height: 435px;
  display: block;
  position: relative;
  background: url(../images/core/header-bg.jpg) no-repeat;
}
#header img#logo { position: absolute; top: 51px; left: 58px; }

/*----------	NaVIGaTIoN STYLeS	----------*/
#nav { position: absolute; top: 22px; left: 339px; height: 29px; }
#nav ul { list-style-type: none; margin: 0; }
#nav ul li { display: inline; float: left; }
#nav ul li a { display: block; height: 29px; text-indent: -9999px; }
#nav ul li a:hover { background-position: 0 -29px !important; }
#nav li#home a { background: url(../images/nav/home.gif) no-repeat; width: 73px; }
#nav li#maintenance a { background: url(../images/nav/maintenance.gif) no-repeat; width: 180px; }
#nav li#trades a { background: url(../images/nav/trades.gif) no-repeat; width: 158px; }
#nav li#quotes a { background: url(../images/nav/quotes.gif) no-repeat; width: 82px; }
#nav li#contact a { background: url(../images/nav/contact.gif) no-repeat; width: 98px; }

#p-home li#home a,
#p-maintenance li#maintenance a,
#p-trades li#trades a,
#p-quotes li#quotes a,
#p-contact li#contact a {
  background-position: 0 -29px !important;
}

/*----------	CoMMoN STYLeS	----------*/
a { color: #E57200; text-decoration: none; }
a:hover { text-decoration: underline; }
h1, h2, h3 { font-weight: normal; margin: 10px 0; }
h1 { background: url(../images/core/icon-h1.gif) no-repeat left top; padding: 18px 0 10px 45px; font-size: 1.6em; }
h2 { font-size: 1.4em; }
h3 { font-size: 1.2em; }
strong { font-weight: bold; }
hr { border: none; border-bottom: 1px solid #DADADA; margin: 10px; }
p { margin: 15px 0; }
ul { margin: 5px 30px; list-style-type: square; }

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

#mudmap { margin: 10px; float: right; }
#inline-quote { display: block; text-align: center; font-style: italic; font-weight: bold; margin: 10px 0; }

/*----------	CTa STYLeS	----------*/
#cta-quote { margin: 0 0 10px 0; }
#cta-employment {
  background: url(../images/core/cta-employment.gif) no-repeat;
  width: 175px;
  height: 90px;
  display: block;
  margin: 0 0 10px 0;
  position: relative;
}
#cta-employment a {
  position: absolute;
  top: 53px;
  left: 40px;
  width: 110px;
  font-size: 0.8em;
  color: #FFFFFF;
  text-decoration: none;
  line-height: 12px;
}

#details p { margin: 15px 10px; font-size: 0.9em; }
#details #phone { background: url(../images/core/icon-phone.gif) no-repeat left; padding-left: 20px; }
#details #fax { background: url(../images/core/icon-fax.gif) no-repeat left; padding-left: 20px; }
#details #email { background: url(../images/core/icon-email.gif) no-repeat left; padding-left: 20px; }




/*----------	FooTeR STYLeS	----------*/
#footer {
  color: #FFFFFF;
  font-size: 1.1em;
  height: 35px;
  padding: 10px 20px 0 45px;
  background: url(../images/core/footer-bg.gif) repeat-x;
}
#footer #copyright { color: #000000;}
#footer a { text-decoration: none; color: #FFFFFF; }
#footer a:hover { text-decoration: underline; }	
#footer img#wflogo { float: right; margin: 0 10px; }