/*----------
	CPR Electrical Services - CSS Document 
----------*/

@import url("reset.css");

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

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

#content {
  width: 950px;
  background: url(/images/core/content_bg.jpg) no-repeat #FAFAFA;
}

#column-left {
  float: left;
  width: 245px;
  padding: 0 0 0 15px;
}

#column-right {
  float: right;
  width: 660px;
  padding: 0 15px 0 0;
}

#text {
  width: 650px;
}



/*----------	CoMMoN STYLeS	----------*/
a { color: #3C3C3C; text-decoration: underline; }
a:hover { text-decoration: none; }
h1, h2, h3 {
  color: #707070;
  font-weight: normal;
  padding: 20px 0 0 0;
}
h1 { font-size: 1.7em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.4em; }
strong { font-weight: bold; }
hr { border: none; border-bottom: 1px solid #DEDEDE; margin: 10px 0; }
p { margin: 15px 0; }
ul { margin: 10px; }
ul li {
  padding: 0 0 0 10px;
  background: url(/images/core/icon-list.gif) no-repeat 0 8px;
}

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

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



/*----------	NaVIGaTIoN STYLeS	----------*/
#nav { height: 26px; }
#nav ul { list-style-type: none; margin: 0; }
#nav ul li {
  display: inline;
  background: none;
  float: left;
  padding: 0;
}
#nav ul li a {
  display: block;
  text-indent: -9999px;
  height: 26px;
  width: 156px;
}
#nav ul li a:hover { background-position: 0 -26px !important; }
#nav li#home a { background: url(/images/nav/home.jpg) no-repeat; margin: 0 2px 0 0; }
#nav li#about a { background: url(/images/nav/about.jpg) no-repeat; margin: 0 3px 0 0; }
#nav li#services a { background: url(/images/nav/services.jpg) no-repeat; margin: 0 3px 0 0; }
#nav li#projects a { background: url(/images/nav/projects.jpg) no-repeat; margin: 0 3px 0 0; }
#nav li#news a { background: url(/images/nav/news.jpg) no-repeat; margin: 0 3px 0 0; }
#nav li#contact a { background: url(/images/nav/contact.jpg) no-repeat; margin: 0; }

#p-home li#home a,
#p-about li#about a,
#p-services li#services a,
#p-projects li#projects a,
#p-news li#news a,
#p-contact li#contact a {
  background-position: 0 -26px !important;
}


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


/*----------	BaNNeR STYLeS	----------*/
#banner {
  width: 950px;
  height: 258px;
  display: block;
  top: 0px;
  left: 0;
  position: absolute;
  background: url(/images/core/banner-bg.jpg) no-repeat;
}

#p-about #banner { background: url(/images/core/banner2.jpg) no-repeat;}
#p-services #banner { background: url(/images/core/banner3.jpg) no-repeat;}
#p-projects #banner { background: url(/images/core/banner4.jpg) no-repeat;}
#p-news #banner { background: url(/images/core/banner5.jpg) no-repeat;}
#p-contact #banner { background: url(/images/core/banner6.jpg) no-repeat;}

#header #banner_cta {
  width: 235px;
  height: 236px;
  background: url(/images/core/banner-cta_bg.gif) no-repeat;
  top: 22px;
  left: 20px;
  z-index: 100;
  position: absolute;
}

#header #banner_cta #logo {
  top: 23px;
  left: 16px;
  position: absolute;
}

#header #banner_cta #note {
  width: 184px;
  height: 204px;
  display: block;
  top: 83px;
  left: 27px;
  position: absolute;
  background: url(/images/core/note.gif) no-repeat;
}

#header #banner_cta #note a {
  width: 113px;
  height: 71px;
  display: block;
  top: 62px;
  left: 36px;
  position: absolute;
}


/*----------	DeTaILS STYLeS	----------*/
#details {
  width: 244px;
  height: 188px;
  display: block;
  color: #3C3C3C;
  font-size: 0.9em;
  line-height: normal;
  margin: 41px 0 0 0;
  padding: 5px 0 0 0;
  background: url(/images/core/details-bg.gif) no-repeat;
}

#details p { margin: 15px 22px; }





/*----------	PRoJeCTS PaGe STYLeS	----------*/
ul#projects { margin: 0; }
ul#projects h3 { font-size: 1.4em; color: #230015; padding: 0 0 10px 0; }
ul#projects li {
  padding: 0;
  clear: both;
  display: block;
  background: none;
  padding: 10px 0 5px 0;
  border-bottom: 1px solid #DEDEDE;
}

ul#projects li li {border:none; padding:2px 0 2px 15px; background:url(/images/core/icon-list.gif) no-repeat 0 10px; clear:none;}

ul#projects li#last {
  border: none;
}

ul#projects #image {
  width: 150px;
  float: right;
  height: 150px;
  overflow: hidden;
  margin: 5px 10px;
}



/*----------	NeWS LISTING PaGe STYLeS	----------*/
ul#news { margin: 0; }
ul#news h3 { font-size: 1.4em; color: #230015; padding: 0 0 10px 0; }
ul#news li {
  padding: 0;
  clear: both;
  display: block;
  background: none;
  padding: 10px 0 5px 0;
  border-bottom: 1px solid #DEDEDE;
}

ul#news li#last {
  border: none;
}

ul#news a.title {
  color: #230015;
}

ul#news a.link {
  float: right;
  display: block;
}




/*----------	NeWS DeTaIL PaGe STYLeS	----------*/
#news_detail #picture {
  float: right;
  margin: 20px 10px 10px;
}

#news_detail #PDF a {
  padding: 0 0 5px 20px;
  background: url(/images/icon-pdf.gif) no-repeat;
}

/*----------	FooTeR STYLeS	----------*/
#footer {
  width: 930px;
  height: 38px;
  color: #FFFFFF;
  font-size: 0.9em;
  padding: 0 10px;
  background: url(/images/core/footer-bg.gif) no-repeat;
}
#footer p { margin: 0; }
#footer a { text-decoration: none; color: #FFFFFF; }
#footer a:hover { text-decoration: underline; }
#footer #wflogo { float: right; margin: 5px 10px 0 0; }