@charset "UTF-8";
body {
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	font-family: "Futura Medium", Arial, sans-serif;
	font-size: 100%;
	background-image: url(images/body_bg.jpg);
	background-repeat: repeat-x;
	height: 800px;
}
p {
	font-size: 12px;
	font-family: Arial, sans-serif;
	line-height: 20px;
	margin: 5px 0px 0px 0px;
}
h1 {
	padding: 0px;
	font-family: "Futura Medium", Arial, sans-serif;
	font-size: 23px;
	color: #234d70 ;
	margin: 0px;
	widows: 560px;
}

h2 {
	float: left;
	margin-left: 0px;
	margin-bottom: 5px;
	margin-right: 0px;
	margin-top: 0px;
	font-size: 25px;
	width: 560px;
	font-family: "Futura Medium", Arial, sans-serif;
	padding: 0px;
	color: #234d70;
}

/* Tips for Elastic layouts 
1. Since the elastic layouts overall sizing is based on the user's default fonts size, they are more unpredictable. Used correctly, they are also more accessible for those that need larger fonts size since the line length remains proportionate.
2. Sizing of divs in this layout are based on the 100% font size in the body element. If you decrease the text size overall by using a font-size: 80% on the body element or the #container, remember that the entire layout will downsize proportionately. You may want to increase the widths of the various divs to compensate for this.
3. If font sizing is changed in differing amounts on each div instead of on the overall design (ie: #sidebar1 is given a 70% font size and #mainContent is given an 85% font size), this will proportionately change each of the divs overall size. You may want to adjust based on your final font sizing.
*/
h3 {
	color: #19395b;
	margin: 0px;
	padding: 0px;
	font-size: 25px;
	font-family: "Futura Medium", sans-serif;
}
h4 {
	color: #142a48;
	margin-left: 125px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-top: 0px;
	padding: 0px;
	float: left;
	font-size: 25px;
	font-family: Arial, sans-serif;
}
h5 {
	margin: 0px;
	float: left;
	font-size: 15px;
}

a {
	color: #545454;
	text-decoration: none;
}
a:hover {
	
	text-decoration: underline;
}
#container {
	width: 976px;
	text-align: left; /* this overrides the text-align: center on the body element. */
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	font-family: "Futura Medium", Arial, sans-serif;
}
#top_links {
	font-family: "Futura Condensed Medium", "Futura Medium", sans-serif;
	font-size: 12px;
	line-height: 18px;
	clear: right;
	margin-bottom: 5px;
}
#top_links a {
	text-decoration: none;
	color: #FFF;
}
#top_links a:hover {
	text-decoration: underline;
	color: #FFF;
}
#header {
	padding-left: 20px;
	padding-bottom: 30px;
	padding-top: 20px;
	height: 260px;
	width: 936px;
	overflow: hidden;
	background-repeat: no-repeat;
} 
#header a {
}

  #header img {
}
#header_info {
	height: 200px;
	width: 250px;
	clear: left;
	float: right;
	margin-top: 30px;
}
#header_info #time {
	height: 55px;
	margin-bottom: 10px;
	padding-right: 30px;
	padding-left: 55px;
	padding-top: 8px;
	background-image: url(images/bg-time.png);
	background-repeat: no-repeat;
	width: 170px;
}
#header_info #phone {
	height: 110px;
	width: 200px;
	padding-top: 10px;
	padding-bottom: 5px;
	padding-left: 60px;
	background-image: url(images/bg-phone.png);
	background-repeat: no-repeat;
	margin-top: 10px;
}
#phone .number {
	margin-left: 10px;
	clear: left;
	font-size: 16px;
	line-height: 20px;
	font-family: Arial, sans-serif;
	margin-bottom: 5px;
}
#navigation {
	width: 966px;
	height: 38px;
	overflow: hidden;
	margin-left: 8px;
}
#content {
	float: left;
	height: auto;
	margin-left: 7px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-top: 0px;
	background-color: #ededed;
	border-color: #474747;
	border-width: 1px;
	border-style: solid;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 12px;
	width: 928px;
}
#first_image {
	float: left;
	margin-bottom: 10px;
	margin-top: 10px;
	height: 300px;
	border-color: #e6e6e6;
	border-width: 1px;
	border-style: solid;
	width: 540px;
}
.heading {
	padding-bottom: 5px;
	color: #1b3b5c;
	width: 540px;
	font-size: 20px;
}
.heading_right {
	clear: left;
	margin-bottom: 10px;
	border-bottom-color: #1a3b5c;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	padding-bottom: 5px;
	float: left;
	color: #1b3b5c;
	width: 285px;
	font-size: 20px;
}

.subcontent {
	padding-left: 10px;
	padding-bottom: 8px;
	padding-right: 10px;
	padding-top: 10px;
	float: left;
	margin-bottom: 10px;
	border-color: #bababa;
	border-width: 1px;
	border-style: solid;
	width: 540px;
	margin-top: 0px;
	background-color: white;
}
.subcontent p {
	float: left;
	padding-left: 0px;
	padding-bottom: 10px;
	padding-right: 0px;
	padding-top: 0px;
	margin: 0px;
}
#footer {
	height: 72px;
	padding-right: 30px;
	padding-bottom: 0;
	padding-left: 30px;
	width: 912px;
	background-repeat: no-repeat;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	float: left;
} 
#footer p {
	font-family: "Futura Condensed Medium", "Futura Medium", sans-serif;
	font-size: 11px;
	text-align: center;
	color: #FFF;
	line-height: 13px;
}
#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	color: #545454;
}
#link {
	margin-left: 100px;
}
.code {
	float: left;
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}
.subcontent .code_title {
	width: 350px;
	border-bottom-color: #152c49;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	margin-bottom: 5px;
	font-size: 15px;
}
.subcontent li {
	line-height: 18px;
	margin-bottom: 10px;
	font-size: 12px;
}
#right {
	padding: 5px;
	float: left;
	width: 347px;
}
#left {
	width: 570px;
	float: left;
}
.subcontent_right {
	float: left;
	background-color: white;
	margin-bottom: 10px;
	margin-top: 0px;
	border-color: #bababa;
	border-width: 1px;
	border-style: solid;
	width: 340px;
	height: 462px;
	padding: 10px;
}
.subcontent_right_news {
	height: 325px;
	margin-bottom: 10px;
	margin-top: 0px;
	border-color: #bababa;
	border-width: 1px;
	border-style: solid;
	width: 340px;
	padding: 10px;
	overflow: auto;
	background-color: white;
	
}
.project {
	margin-bottom: 10px;
	clear: left;
	height: 100px;
	width: 340px;
}
.project_image {
	margin-right: 5px;
	float: left;
	height: 85px;
	width: 145px;
	border: 1px solid #333333 ;
}
.project p {
}
.project_title {
	font-size: 15px;
}
.project_text {
	padding: 5px;
	height: 90px;
	width: 176px;
	float: left;
}
.project_text p {
	margin-bottom: 15px;
	font-size: 12px;
	line-height: 17px;
}
.project_view {
	border-color: #f8f8f8;
	border-width: 1px;
	border-style: solid;
	color: #27528a;
	margin-top: 10px;
	float: right;
	font-size: 11px;
}
.subcontent_right_news p {
	float: left;
	border-bottom-color: #152c49;
	padding-bottom: 10px;
	margin-bottom: 0px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	width: 320px;
}
.news_heading {
	clear: left;
	float: left;
	margin-left: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-top: 5px;
	padding: 0px;
	font-weight: bold;
	font-size: 13px;
}
.news_date {
	margin-left: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-top: 5px;
	clear: left;
	float: left;
	font-size: 11px;
	padding: 0px;
}
.news_view {
	margin-left: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-top: 10px;
	padding: 0px;
	float: right;
	color: #27528a;
	font-size: 11px;
}
form {
	float: left;
	clear: left;
}
.radioname {
	clear: left;
	float: left;
	margin-bottom: 10px;
}

  .inputname {
	width: 335px;
	margin-right: 10px;
	margin-bottom: 5px;
	float: left;
}

  .inputbutton {
	float: left;
}

  label {
	font-size: 12px;
	clear: left;
	float: left;
}

  input {
	float: right;
}

  select {
	margin-left: 10px;
}

  textarea {
}

  .radio {
	margin-right: 10px;
	margin-bottom: 10px;
	float: left;
}

  .bullet {
	font-size: 11px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
	padding: 0px;
	margin-left: 30px;
	list-style-type: square;
}
#commercial {
	float: left;
	height: 37px;
	width: 160px;
	background-image: url(images/navigation.gif);
}
a #commercial {
	border-right-color: black;
	border-right-width: 1px;
	border-right-style: solid;
	float: left;
	height: 37px;
	width: 160px;
	background-image: url(images/navigation.gif);
}
a:hover #commercial {
	border-right-color: black;
	border-right-width: 1px;
	border-right-style: solid;
	background-position: 0 37px;
	height: 37px;
	width: 160px;
	background-image: url(images/navigation.gif);
}
#residential {
	float: left;
	height: 37px;
	width: 160px;
	background-image: url(images/navigation.gif);
}
a #residential {
	background-position: -160px 0px;
	border-left-color: white;
	border-left-width: 1px;
	border-left-style: solid;
	border-right-color: black;
	border-right-width: 1px;
	border-right-style: solid;
	float: left;
	height: 37px;
	width: 160px;
	background-image: url(images/navigation.gif);
}
a:hover #residential {
	height: 37px;
	border-left-color: white;
	border-left-width: 1px;
	border-left-style: solid;
	border-right-color: black;
	border-right-width: 1px;
	border-right-style: solid;
	background-position: -160px -37px;
	width: 160px;
	background-image: url(images/navigation.gif);
}
#hazards {
	float: left;
	height: 37px;
	width: 160px;
	background-image: url(images/navigation.gif);
}
a #hazards {
	background-position: -317px 0px;
	border-left-color: white;
	border-left-width: 1px;
	border-left-style: solid;
	border-right-color: black;
	border-right-width: 1px;
	border-right-style: solid;
	float: left;
	height: 37px;
	width: 160px;
	background-image: url(images/navigation.gif);
}
a:hover #hazards {
	height: 37px;
	border-left-color: white;
	border-left-width: 1px;
	border-left-style: solid;
	border-right-color: black;
	border-right-width: 1px;
	border-right-style: solid;
	background-position: -317px -37px;
	width: 160px;
	background-image: url(images/navigation.gif);
}
#firepumps {
	float: left;
	height: 37px;
	width: 160px;
	background-image: url(images/navigation.gif);
}
a #firepumps {
	background-position: -473px 0px;
	border-left-color: white;
	border-left-width: 1px;
	border-left-style: solid;
	border-right-color: black;
	border-right-width: 1px;
	border-right-style: solid;
	float: left;
	height: 37px;
	width: 160px;
	background-image: url(images/navigation.gif);
}
a:hover #firepumps {
	height: 37px;
	border-left-color: white;
	border-left-width: 1px;
	border-left-style: solid;
	border-right-color: black;
	border-right-width: 1px;
	border-right-style: solid;
	background-position: -473px -37px;
	width: 160px;
	background-image: url(images/navigation.gif);
}
#test {
	float: left;
	height: 37px;
	width: 160px;
	background-image: url(images/navigation.gif);
}
a #test {
	background-position: -635px 0px;
	border-left-color: white;
	border-left-width: 1px;
	border-left-style: solid;
	border-right-color: black;
	border-right-width: 1px;
	border-right-style: solid;
	float: left;
	height: 37px;
	width: 160px;
	background-image: url(images/navigation.gif);
}
a:hover #test {
	height: 37px;
	border-left-color: white;
	border-left-width: 1px;
	border-left-style: solid;
	border-right-color: black;
	border-right-width: 1px;
	border-right-style: solid;
	background-position: -635px -37px;
	width: 160px;
	background-image: url(images/navigation.gif);
}
#services {
	float: left;
	height: 37px;
	width: 150px;
	background-image: url(images/navigation.gif);
}
a #services {
	background-position: 155px 0px;
	border-left-color: white;
	border-left-width: 1px;
	border-left-style: solid;
	border-right-color: black;
	border-right-width: 1px;
	border-right-style: solid;
	float: left;
	height: 37px;
	width: 150px;
	background-image: url(images/navigation.gif);
}
a:hover #services {
	height: 37px;
	border-left-color: white;
	border-left-width: 1px;
	border-left-style: solid;
	border-right-color: black;
	border-right-width: 1px;
	border-right-style: solid;
	background-position: 155px -37px;
	width: 150px;
	background-image: url(images/navigation.gif);
}
#project_menu {
	float: left;
	margin: 0px;
	padding: 10px;
	width: 300px;
	border-color: #bababa;
	border-width: 1px;
	border-style: solid;
	background-color: #fafafa;
}
#project_images {
	padding-left: 10px;
	margin-left: 5px;
	height: auto;
	width: 580px;
	float: left;
}
#project_images img {
	border-color: #595959;
	border-width: 1px;
	border-style: solid;
	float: left;
}
.project_images_div {
	width: 598px;
	float: left;
}

.menu1{
font-weight: bold;
border-bottom-color: #bababa;
border-bottom-width: 1px;
border-bottom-style: dotted;
padding-left: 0px;
width: 288px;
list-style-type: none;
font-size: 15px;
font-family: Arial, sans-serif;
padding-top: 5px;
padding-bottom: 5px;
display:block;
text-decoration: none;
color: #333;
height: 20px;
float: left;
clear: left;
}

.submenu{
margin-left: 8px;
padding-left: 10px;
width: 288px;
font-size: 12px;
font-family: Arial, sans-serif;
padding-bottom: 2px;
display:block;
text-decoration: none;
color: #3d3d3d;
height: 20px;
float: left;
padding-top: 5px;
}

.hide{
display: none;
}

.show{
display: block;
}

#project_menu p{
	font-size: 12px;
	margin-left: 0px;
	margin-bottom: 8px;
	margin-right: 0px;
	margin-top: 3px;
	padding: 0px;
	float: left;
}

.title {
	height: auto;
	width: 583px;
	float:left;
	clear:left;
	margin: 0 0 5px 0;
	padding: 0 0 10px 10px;
}

.project_cat {
	padding-top: 5px;
	border-top-width: 1px;
	border-top-color: #1a3c69;
	border-top-style: dotted;
	padding-bottom: 5px;
	border-bottom-color: #1b3c69;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	font-weight: bold;
	font-family: Arial;
	color: #244f7d;
	margin-bottom: 10px;
	text-align: left;
	font-size: 20px;
}

.fire_pump {
	height: auto;
	margin-bottom: 20px;
	margin-top: 5px;
	padding: 10px;
	float: left;
}

.fire_pump p {
	margin-top: 10px;
	text-indent: 15px;
}

.fire_pump_imageholder {
	margin-right: 10px;
	float: right;
	margin-top: 20px;
	border-color: #717171;
	border-width: 1px;
	border-style: solid;
	padding: 5px;
}

.fire_pump img {
	border-color: #5d5d5d;
	border-width: 1px;
	border-style: solid;
}

.anchor {
	height: 10px;
	width: 10px;
	float: left;
	margin-bottom: 10px;
}

.project-thumbs {
	margin: 0px;
	width: 582px;
	border-color: #ababab;
	padding-left: 13px;
	padding-top: 12px;
	background-color: white;
	border-style: solid;
	border-width: 1px;
	float: left;
	display: inline;
}

.project-thumbs thumb {
	float: left;
	margin-bottom: 10px;
	display: inline;
}

.project-thumbs img {
	margin-bottom: 12px;
	margin-right: 14px;
}

.top a {
	font-size: 11px;
	float: right;
}

#info {
	background-image: url(images/time.png);
	float: right;
	margin-top: 220px;
	height: 50px;
	width: 500px;
}

#new_time p {
	margin-left: 6px;
	font-weight: bold;
	font-size: 13px;
}

#new_time {
	float: left;
}

.new_phone {
	float: left;
	margin-left: 5px;
}

.new_phone p {
	margin-right: 10px;
	font-weight: bold;
}

#dial {
	float: left;
	margin-left: 5px;
}

#info img {
	margin-left: 10px;
	margin-right: 6px;
	margin-top: 10px;
}

#fire_pump_txt {
	margin-right: 20px;
	float: left;
	width: 430px;
}

#nfpa_table td {
	padding-bottom: 5px;
	padding-top: 5px;
	border-bottom-color: #a8a8a8;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	font-size: 13px;
}

#nfpa {
	margin-right: 0px;
	margin-left: 0px;
	border-style: none;
	border-width: 0px;
	clear: left;
	float: left;
	margin-bottom: 5px;
	margin-top: 5px;
	padding: 0px;
}

#nfpa_table {
	float: left;
	padding: 0px;
	clear: left;
	margin-bottom: 30px;
}

#pdf {
	float: left;
	padding: 0px;
	border-style: none;
	border-width: 0px;
	clear: left;
	margin-right: 3px;
}

.fire_pump li {
	list-style-type: none;
	padding-bottom: 5px;
	padding-top: 5px;
	line-height: 18px;
	font-size: 13px;
}

.fire_pump .first {
	font-size: 14px;
	font-weight: bold;
}

#facts {
	background-color: #d7d7d7;
	border-style: solid;
	border-color: #717171;
	border-width: 1px;
	float: right;
	width: 400px;
	padding: 15px;
	margin-left: 10px;
	height: auto;
}

  .residential {
	float: left;
	height: 1250px;
	margin-bottom: 20px;
	margin-top: 5px;
	padding: 10px;
}

  #facts li {
	margin-left: 10px;
	list-style-type: disc;
	line-height: 18px;
	font-size: 12px;
	margin-top: 10px;
}

  .fact_head {
	padding-top: 10px;
	float: left;
	padding-bottom: 10px;
	border-bottom-color: #595959;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	margin-bottom: 0px;
	font-family: "Century Gothic", sans-serif;
	font-size: 25px;
}

  .residential img {
	margin-bottom: 10px;
	margin-right: 10px;
	margin-top: 10px;
	border-color: #5b5b5b;
	border-width: 1px;
	border-style: solid;
}

  .residential .howwork {
	clear: left;
	float: left;
	font-weight: bold;
	width: 400px;
}

  #pics {
	height: 810px;
	width: 440px;
}

  .myth {
	font-size: 13px;
	font-weight: bold;
}

  .point {
	font-style: italic;
}

  .residential p {
}

  #subpage_contact {
	clear: left;
	float: left;
	background-color: white;
	padding: 15px;
	border-color: #d2d2d2;
	border-style: solid;
	border-width: 1px;
	margin-top: 20px;
	width: 400px;
}

  #test_text {
	margin-bottom: 10px;
	float: left;
}

  .test_list {
}

  #provided_services {
	text-align: center;
	margin-bottom: 10px;
	margin-top: 10px;
	background-color: white;
	padding: 10px;
	border-color: #b51403;
	border-width: 1px;
	border-style: solid;
}

  .factoid {
	float: left;
}

  #facts p {
	float: left;
}

  .bold_indent {
	float: left;
	margin-left: 20px;
}

  .commercial {
	float: left;
	height: auto;
	margin-bottom: 20px;
	margin-top: 5px;
	padding: 10px;
}

  .commercial p {
	margin-bottom: 10px;
}

  .right_side {
	border-color: #666666;
	border-width: 1px;
	border-style: solid;
	margin-left: 15px;
	float: right;
	list-style-position: inside;
}

  .commercial img {
}

  #proj {
	clear: left;
	float: left;
	padding: 10px;
	background-color: #FFF;
	margin-bottom: 10px;
	width: 915px;
	height: 190px;
	border-color: #b7b7b7;
	border-width: 1px;
	border-style: solid;
}

  .project2 {
	margin-top: 10px;
	margin-right: 36px;
	float: left;
	height: 85px;
	width: 145px;
	border-color: #8d8d8d;
	border-width: 1px;
	border-style: solid;
}

  .project_image2 {
}

  .project_text2 {
	font-size: 11px;
}

  .project_title2 {
	font-weight: bold;
	font-size: 15px;
}

  .project_view2 {
	border-color: #f8f8f8;
	border-width: 1px;
	border-style: solid;
	color: #27528a;
	margin-top: 10px;
	font-size: 11px;
}

#slide-images{
	position:relative;
	display:block;
	margin:10px 0 10px 0;
	padding:0px;
	width:540px;
	height:300px;
	overflow:hidden;
	border: solid, 1px, black;
}

#slide-images li{
	position:absolute;
	display:block;
	list-style-type:none;
	margin:0px;
	padding:0px;
	background-color:#FFFFFF;
}

#slide-images li img{
	display:block;
	background-color:#FFFFFF;
}

iframe{
	padding: 0px;
	margin: 0px;
	clear: left;
	float: left;
}

.caption {
	font-size: 11px;
	width: 400px;
	padding: 0px;
	margin: 0px;
}