/*
Colors:
Blue: #013662
Yellow: #f9cf73
Grey: #5e5e5e

Fonts:
Main Nav (unselected): Verdana, reg, 14px, Blue #013662
Main Nav (selected): Verdana, reg, 14px, Grey #676767
Main Nav (rollover): Verdana, reg, 14px, Grey #676767

Left Nav (unselected): Verdana, reg, 12px, white #ffffff
Left Nav (selected): Verdana, bold, 12px, yellow #f9cf73
Left Nav (rollover): Verdana, bold, 12px, white #ffffff

Bottom Nav (unselected): Verdana, reg, 11px, grey #787878
Bottom Nav (selected): Verdana, reg, 11px, blue #013662
Bottom Nav (rollover): Verdana, reg, 11px, grey #4b4b4b

H1: Arial, bold, 19px, Blue #013662
H2: Arial, reg, 16px, Blue #013662
H3: Arial, bold, 12px, blue #013662

Main body text title: Arial, bold, 19px, blue #013662
Main body text sub title: Arial, bold, 12px, blue #013662
Main body text: Arial, reg, 12px, grey #5e5e5e
Main Body text Read More: Arial, reg, 11px, blue #013662

Teaser Boxes:
Title: Verdana, reg, 18px, yellow #f9cf73
Content: Arial, reg, 12px, white #ffffff
Read More: Arial, reg, 11px, Yellow #f9fc73
*/


* {
margin:0;
padding:0;} /* Sets all margins and padding to zero across all browsers since IE handles differently.  Then they can be set for each element. */

/*--------- site-wide font styles ----------*/
a img {
border:none;}

h1, .title {
font-family:Arial, sans-serif;
font-size:19px;
font-weight:bold;
color:#013662;
padding-bottom:10px;} /* title */

h2 {
font-family:Arial, sans-serif;
font-size:16px;
font-weight:normal;
color:#013662;} /* sub title */

h3 {
font-family:Arial, sans-serif;
font-size:12px;
font-weight:bold;
color:#5e5e5e;} /* body text font + bold */

p, #main, #main_home, #sidebar {
font-family:Arial, sans-serif;
font-size:12px;
padding-bottom:10px;
line-height:130%;
color:#5e5e5e;} /* body text font */

p.subtitle {
font-family:Arial, sans-serif;
font-size:12px;
font-weight:bold;
color:#013662;
padding-bottom:0;}

p.welcome {
color:#5e5e5e;
line-height:100%;
padding:0;}

div.address p {
padding-bottom:0;}

div.address a {
color:#00467a;
text-decoration:none;}

div.address a:hover {
text-decoration:underline;}

a {
font-family:Arial, sans-serif;
font-size:12px;
font-weight:normal;
color:#013662;
text-decoration:none;}

#main p a:hover {
text-decoration:underline;}

.bold {
font-weight:bold;}

.italic {
font-style:italic;}

#main img.left {
float:left;
padding:0 10px 10px 0;}

#main img.right {
float:right;
padding:0 0 10px 10px;}

/* top level navigation */
#nav a {
font-family:Verdana, sans-serif; 
font-size:14px; 
color:#013662;
font-weight:normal;
text-decoration:none;}

#nav a {
float:left;
height:30px;
display:block;
padding:14px 21px 0 21px;}

#nav a#home {
padding-left:24px;
padding-right:23px;}

#nav a:hover, #nav a.navsel {
border-top:3px solid #f9cf73;
padding-top:11px;
color:#676767;}

#nav ul li.pipe {
height:15px;
padding-top:10px;
color:#cccccc;}


/*home page teaser boxes*/
#teaser_block .title, #home_text_box .title {
font-family:Verdana, sans-serif;
font-size:18px;
font-weight:normal;
color:#f9cf73;
height:31px;
text-decoration:none;}

#teaser_block p, #home_text_box p {
font-family:Arial, sans-serif;
font-size:12px;
font-weight:normal;
color:#ffffff;}

#teaser_block a {
font-family:Arial, sans-serif;
font-size:11px;
font-weight:normal;
color:#f9fc73;}

#teaser_block a:hover {
color:#ffffff;}



/*inside page sidebar and subnav*/
#sidebar .title {
font-family:Verdana, sans-serif;
font-size:18px;
font-weight:normal;
color:#f9cf73;
height:30px;
padding:7px 0 0 13px;}

#sidebar ul.subnav {
list-style:none;
padding-left:7px;
padding-bottom:20px;}

#sidebar ul.subnav a {
font-family:Verdana, sans-serif; 
font-size:12px; 
color:#ffffff;
font-weight:normal;
text-decoration:none;}

#sidebar ul.subnav a:hover {
font-weight:bold;
color:#ffffff;}

#sidebar ul.subnav a.navsel {
font-weight:bold;
color:#f9cf73;}

#sidebar ul.sub_sub_nav a {
font-weight:normal;}

#sidebar ul.sub_sub_nav a.navsel {
font-weight:bold;
color:#ffffff;}


/* --------------- delete these if we don't end up using them -----------------*/

/*newsletter block in sidebar
#newsletter .title, #sidebar_content .title {
font-family:Verdana, sans-serif;
font-size:14px;
font-weight:bold;
text-transform:uppercase;
color:#787878;}

#newsletter p, #sidebar_content p {
font-family:Verdana, sans-serif;
font-size:11px;
padding-bottom:10px;
line-height:130%;
color:#787878;}

p.news_item {
margin-bottom:10px;}
*/

/* news page 
.pagefade {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#787878;}

.itemtitle {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#787878;
font-weight:bold;}

.itemdate {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#004378;}

.itemteaser {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#787878;}
*/


/*footer*/
#footer p {
text-align:center;
font-family:Verdana, sans-serif; 
font-size:11px; 
color:#787878;
padding-bottom:4px;
line-height:100%;}

#footer a {
font-family:Verdana, sans-serif; 
font-size:11px;
color:#787878;
text-decoration:none;}

#footer a:hover {
color:#4b4b4b;}

#footer a.navsel {
color:#013662;}


/*------------- layout styles -------------*/
html, body {
height: 100%;}

html {
min-height: 100%;
margin-bottom: 1px;} /* Always makes vertical scrollbar (kills annoying page shift in Firefox) */

body {
background-color:#999999;}

#wrapper {
width:900px;
margin:20px auto 0 auto;
background-color:#ffffff;}

#header {
width:900px;
height:92px;
float:left;}

#logo {
width:323px;
float:left;}

#logo img {
padding:20px 0 0 20px;}

#header_contact {
width:555px;
float:right;
text-align:right;
margin:5px 20px 0 0;}

#header_contact .social {
width:555px;
float:right;
margin-bottom:10px;}

#header_contact .address {
width:555px;
float:right;}

#rotator {
width:880px;
height:209px;
float:left;
margin-bottom:20px;
padding-left:20px;}

#rotator_home {
width:880px;
height:289px;
margin-bottom:20px;
padding-left:20px;
float:left;}

#service_image {
width:859px;
height:289px;
background:url(images/service_repair.jpg) center top no-repeat;}

#residential_image {
width:859px;
height:289px;
background:url(images/residential.jpg) center top no-repeat;}

#commercial_image {
width:859px;
height:289px;
background:url(images/commercial.jpg) center top no-repeat;}

#fabrication_image {
width:859px;
height:289px;
background:url(images/fabrication.jpg) center top no-repeat;}

#home_text_box {
width:190px;
float:left;
margin:45px 0 0 30px;}

.clear {
clear:both;} /* any div needed only to clear */


/*------------ top horizontal navigation ---------------*/
#nav {
width:900px;
height:46px;
float:left;} /* div holding nav ul */

#nav ul {
width:861px;
float:left;
list-style:none;
margin-left:20px;
border-top:2px solid #cccccc;}

#nav ul li {
float:left;}


/*------------ main body area ---------------*/
#main_home {
width:595px;
float:left;
text-align:left;
padding:0 25px 0 20px;}

#main {
width:610px;
float:left;
margin:0 0 20px 30px;}

#main ul {
margin:10px 0 10px 15px;}

#main ul li {
padding-bottom:5px;}


/*------------ sidebar ---------------*/
#sidebar_home {
width:250px;
float:right;}

#sidebar {
width:211px;
float:left;
padding-left:20px;}

#subnav {
width:211px;
text-align:left;
padding:4px 0 20px 0;
background:url(images/links_box_top.gif) top center no-repeat;}

#sidebar ul.subnav  {
list-style:none;
padding-left:13px;
background:url(images/links_box_bottom.gif) bottom center no-repeat #013663;}

#sidebar ul.sub_sub_nav {
list-style:none;
padding-left:7px;}

#galleries {
width:211px;
margin:20px 0;
text-align:center;}

#wells {
width:211px;
margin:130px 0 20px 0;
text-align:left;}


/*------------ teasers on home page----------------- */
#teaser_block {
width:900px;
float:left;
clear:both;
margin:20px 0;}

#teaser1, #teaser2, #teaser3, #teaser4 {
float:left;
width:183px;
height:199px;
padding:12px 15px 0 13px;}

#teaser1 {
margin:0 5px 0 20px;
background:url(images/service_teaser.jpg) top center no-repeat;}

#teaser2 {
margin-right:5px;
background:url(images/residential_teaser.jpg) top center no-repeat;}

#teaser3 {
margin-right:5px;
background:url(images/commercial_teaser.jpg) top center no-repeat;}

#teaser4 {
background:url(images/fabrication_teaser.jpg) top center no-repeat;}


/*------------ footer ---------------*/
#footer {
width:900px;
height:50px;
margin:0 auto;
padding:10px 0;
clear:both;
text-align:center;
background:url(images/bottom_nav_shadow.jpg) top center no-repeat #ffffff;} /* container div for footer info */


/* for sticky footer option only */
#wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -100px;}/* the bottom margin is the negative value of the footer's height + #big_fresh */

.push {
height:80px;} /* .push must be the same height as .footer + #big_fresh */

/* end sticky footer */

/*------------ big fresh signature/logo (if not included in #footer) ---------------*/
#big_fresh {
width:900px;
margin:20px auto 0 auto;
text-align:center;}

#big_fresh a {
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
font-weight:bold;
letter-spacing:1px;
color:#333333;
text-decoration:none;}

#big_fresh span {
color:#fe8a16;}

#big_fresh a:hover span {
text-decoration:underline;}

#big_fresh span.bullet {
color:#999999;}

.form_serial { 
display: none; }

/*  existing styles for Priority Protection Pricing Table  */
.style16 {
	font-weight: bold;
	text-decoration: none;
	font-family: Arial, sans-serif;
	text-align: center;
	vertical-align: bottom;
	padding: 3px;}
	
.style17 {
	color: #333399;
	font-weight: bold;
	text-decoration: none;
	font-family: Arial, sans-serif;
	text-align: center;
	vertical-align: bottom;
	padding: 3px;
}
.style18 {
	color: red;
	font-weight: bold;
	text-decoration: none;
	font-family: Arial, sans-serif;
	text-align: center;
	vertical-align: bottom;
	padding: 3px;
}
.style19 {
	text-decoration: none;
	font-family: Arial;
	text-align: left;
	vertical-align: bottom;
	padding-left: 3px;
}
.style20 {
	font-weight: bold;
	text-decoration: none;
	font-family: Arial, sans-serif;
	text-align: center;
	vertical-align: bottom;
	padding: 3px;
}
.style21 {
	color: #333399;
	font-weight: bold;
	text-decoration: none;
	font-family: Arial, sans-serif;
	text-align: center;
	vertical-align: bottom;
	padding: 3px;
}
.style22 {
	color: red;
	font-weight: bold;
	text-decoration: none;
	font-family: Arial, sans-serif;
	text-align: center;
	vertical-align: bottom;
	padding: 3px;
}