* {
margin:0;
padding:0;
outline:none;
font-family:Arial, Helvetica, sans-serif;
}

body {
background:#eeeeee url(http://www.petersonmechanical.com/img/metalTile.jpg) repeat;
}

#top {
height:170px;
background:#ececec url(http://www.petersonmechanical.com/img/metalTile.jpg) repeat;
padding:31px 0 0 0;
}

#wrapper {
width:825px;
margin:0 auto;
background:#ececec;
border-left:#868686 1px solid;
border-right:#868686 1px solid;
}

#masthead {
width:827px;
height:170px;
display:block;
background:transparent url(img/masthead-bg3.png) no-repeat;
margin:0 auto;
border-bottom:2px solid #868686;
}

#content {
width:760px;
background:#FFFFFF url(http://www.petersonmechanical.com/img/subNav-bg.gif) top no-repeat;
margin:0 auto;
border-left:#bdbdbd 1px solid;
border-right:#bdbdbd 1px solid;
}

#footer-container{
margin:0 auto 10px;
z-index:10;
height:140px;
width:827px;
display:block;
}


/******************/
/**** MASTHEAD ****/
/******************/

#logo {
width:221px;
float:left;
margin:40px 0 0 51px;
}

#logo h1 {
width:221px;
}

#logo h1 a {
width:221px;
height:96px;
display:block;
background:transparent url(img/logo.png) no-repeat;
text-indent:-9999px;
text-decoration:none;
}

#contact-box {
margin:25px 0 0 70px;
padding:20px 0 0 0;
width:400px;
height:85px;
text-align:center;
float:left;
}

#contact-box-top {

}

#contact-box ul {
list-style-type:none;
margin:15px 0 0 10px;
}

#contact-box ul li {
list-style:none;
margin:0 14px;
float:left;
}

#contact-box ul li a.com-btn:link, #contact-box ul li a.com-btn:active, #contact-box ul li a.com-btn:visited {
width:160px;
height:42px;
display:block;
overflow:hidden;
text-indent:-9999px;
background:transparent url(img/commercial-btn.png) 0 0 no-repeat;
}

#contact-box ul li a.com-btn:hover {
background:transparent url(img/commercial-btn.png) 0 -42px no-repeat;
}

.com-btn-selected {
width:160px;
height:42px;
display:block;
overflow:hidden;
text-indent:-9999px;
background:transparent url(img/commercial-btn.png) 0 -42px no-repeat;
}

.res-btn-selected {
width:160px;
height:42px;
display:block;
overflow:hidden;
text-indent:-9999px;
background:transparent url(img/residential-btn.png) 0 -42px no-repeat;
}

#contact-box ul li a.res-btn:link, #contact-box ul li a.res-btn:active, #contact-box ul li a.res-btn:visited {
width:160px;
height:42px;
display:block;
overflow:hidden;
text-indent:-9999px;
background:transparent url(img/residential-btn.png) 0 0 no-repeat;
}

#contact-box ul li a.res-btn:hover {
background:transparent url(img/residential-btn.png) 0 -42px no-repeat;
}

#contact-box ul li.com-li {
margin-left:19px;
}

#navbar {
margin:8px 0 0 34px;
width:761px;
height:22px;
display:block;
background:transparent url(img/nav-bg2.jpg) repeat-x;
}

#navbar ul {
list-style-type:none;
text-align:center;
}

#navbar ul li {
margin:0 30px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
list-style:none;
display:inline;
font-weight:bold;
}

#navbar ul li a:link, #navbar ul li a:active, #navbar ul li a:visited {
color:#FFF;
text-decoration:none;
}

#navbar ul li a:hover {
color:#dcdcde;
}



/*****************/
/**** CONTENT ****/
/*****************/

#subNav {
margin:0 auto;
width:761px;
display:block;
}

#subNav ul {
padding:10px 0 0 0;
list-style-type:none;
text-align:center;
}

#subNav ul li {
margin:0 20px;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:14px;
list-style:none;
display:inline;
color:#FFFFFF;
text-decoration:underline;
}

#proNav ul li {
margin:0 20px;
}

#subNav ul li a:link, #subNav ul li a:active, #subNav ul li a:visited {
color:#FFFFFF;
text-decoration:underline;
}

#subNav ul li a:hover {
color:#dcdcde;
text-decoration:underline;
}

#empNav {
margin:20px auto 0;
width:400px;
display:block;
}

#empNav ul {
list-style-type:none;
text-align:center;
}

#empNav ul li {
margin:0 20px;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:14px;
list-style:none;
display:inline;
}

#empNav ul li a:link, #empNav ul li a:active, #empNav ul li a:visited {
color:#000000;
text-decoration:none;
}

#empNav ul li a:hover {
color:#003e7e;
}

#content-top {
margin:0 auto 25px;
width:350px;
padding:70px 0 0 0;
}

#content-top img {
margin:5px 0 0 0;
}

#inner-top {
width:763px;
margin:0 auto 25px;
}

#content-main {
text-align:center;
padding:60px 0 30px 0;
width:100%;
margin:0 auto;
}

#content-main p {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
line-height:20px;
padding:0 50px;
}


#content-main h1 {
font-family:Arial, Helvetica, sans-serif;
font-size:26px;
line-height:18px;
color:#003e7e;
}

#content-main h3 {
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
line-height:22px;
color:#003e7e;
}

#content-main h4 {
color:#003e7e;	
}

#content-main ul {
padding:0 0 0 205px;
text-align:left;
}

#content-main li{
margin:5px auto;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
line-height:18px;
font-weight:bold;
}

#content-main a:link, #content-main a:active, #content-main a:visited {
text-decoration:none;
color:#000000;
}

#content-main a:hover {
color:#003e7e;
}





/****************/
/**** FOOTER ****/
/****************/

#footer{
width:827px;
height:140px;
display:block;
background:transparent url(img/footer-bg2.png) no-repeat;
margin:0 auto;
}

#footer-left {
margin:42px 0 0 50px;
width:225px;
float:left;
}

#footer-left p {
font-family:"Trebuchet MS", Garamond, Georgia;
}

#footer-right {
margin:73px 60px 0 0;
width:225px;
float:right;
}

#footer-right p {
font-family:"Trebuchet MS", Garamond, Georgia;
}

#footer-right a:link, #footer-right a:active, #footer-right a:visited {
text-decoration:none;
color:#FFF;
}

#footer-right a:hover {
color:#e0c27c;
}


/****************/
/****************/
/***** PAGES*****/
/****************/
/****************/



/*************/
/*** ABOUT ***/
/*************/

#safety {
width:80%;
margin:20px auto 0;
text-align:left;
}

#safety h1,h2,h3{
text-align:center;
}

#safety li{
font-weight:normal;
margin:15px 0;
}

#safety h3{
margin:20px 0;
}

#about {
width:90%;
margin:0 auto;
}

#about p {
text-align:left;
}

#awardGallery {
width:650px;
margin:20px 0 20px 125px;
}

#awardGallery a {
width:150px;
height:214px;
border:#bebebe 1px solid;
padding:2px;
display:block;
float:left;
margin:0 20px 0 0;
}

#awardGallery img{
width:150px;
background:#FFFFFF;
display:block;
}

#smancaLeft img, #smancaRight img {
background:#FFFFFF;
border:#bebebe 1px solid;
padding:2px;	
}

#news {
width:85%;
margin:0 auto;
}

#news h1 {
margin:15px auto;
}

#news h2 {
margin:15px auto;
}

#news h3 {
margin:15px auto;
}

#news h4 {
margin:15px auto;
}

#news h5 {
margin:15px auto;
}

#news p {
margin:15px auto;
text-align:left;
}

#newsGallery {
width:650px;
margin:10px auto;
}

#newsGallery img{
width:150px;
height:auto;
display:inline;
background:#8e8e8e;
border:#bebebe 2px solid;
padding:2px;
}

#events {
width:85%;
margin:0 auto;
}

#events h1,#events h2,#events h3,#events h4 {
margin:15px auto;
}

#events img {
width:600px;
background:#FFF;
border:#bebebe 1px solid;
padding:2px;
}


#employees {
padding:0 0 30px 0;	
}

#employees img {
background:#FFF;
border:#bebebe 1px solid;
padding:2px;	
}

#empGallery {
width:650px;
margin:20px auto;
}

.empThumb {
width:146px;
height:113px;
display:block;
overflow:hidden;
border:#bebebe 1px solid;
padding:2px;
float:left;
margin:1px 5px 5px 1px;
}

#empGallery img{
width:150px;
background:#FFF;
border:0;
}

#jobs {
width:90%;
margin:0 auto;	
}

.date {
font-size:12px;
text-align:left;
}

#awards h1{
margin-bottom:30px;
}

#smancaLeft {
width:50%;
float:left;
}

#smancaRight {
width:49%;
float:left;
}

#smancaLeft img, #smancaRight img {
height:400px;
}

#awardGallery img {
border:0;	
}

.black{
color:#000;	
}

/*******************/
/*** RESIDENTIAL ***/
/*******************/

#residential h1 {
margin-bottom:20px;
}

#resLeft {
width:50%;
float:left;	
}

#residential ul {
padding:0 0 0 150px;
}

#resRight{
width:40%;
float:left;	
}

#resRight img{
width:250px;
}

#ac h2 {
margin:30px auto;
color:#003e7e;
font-family:Arial, Helvetica, sans-serif;
}

#ac ul {
padding:0 0 0 335px;
text-align:left;
}

#ac li, #heat li {
font-weight:normal;	
}

#ac img {
width:250px;
float:left;
margin:0 0 0 30px;
}

#acBottom p, #heatBottom p {
text-align:left;
width:80%;
margin:0 auto;
}

#acBottom h3, #heatBottom h3 {
margin-bottom:10px;	
}

#acBottom a{
text-decoration:none;
color:#003e7e;	
}

#acBottom img{
margin:30px auto;
width:250px;	
}

#heat h2 {
margin:30px auto;
color:#003e7e;
font-family:Arial, Helvetica, sans-serif;
}

#heat ul {
padding:0 0 0 335px;
text-align:left;
}

#heat img {
width:200px;
float:left;
margin:0 0 0 30px;
}

#heatBottom a{
text-decoration:none;
color:#003e7e;	
}

#heatBottom img{
margin:30px auto;
width:250px;	
}

#brand-logos {
margin:20px auto;
width:500px;
}

#resService p{
text-align:left;
width:80%;
margin:0 auto;
}

#resService ul{
padding:0 0 0 240px;
}

#resService img{
width:250px;
float:left;	
}

#serviceLogos {
width:70%;
margin:20px auto;
}

#warranties {
width:80%;
margin:0 auto;
}

#warranties img{
border:0;
}

.bold {
font-weight:bold;	
}

/******************/
/*** COMMERCIAL ***/
/******************/

#commercial h1 {
margin-bottom:20px;
}

#comLeft {
width:50%;
float:left;	
}

#commercial ul {
padding:0 0 0 150px;
}

#comRight{
width:40%;
float:left;	
}

#comRight img{
width:250px;
}

#plumbing {
width:80%;
text-align:left;
margin:0 auto;
}

#plumbing ul{
padding:0;
}

#plumbing li, #engineering li {
font-weight:normal;
margin:15px auto;
}

#engineering ul{
padding:0 0 0 140px;
}

#engineering img {
width:400px;
background:#FFF;
border:#bebebe 1px solid;
padding:2px;
}

#service ul {
padding:0 0 0 180px;
}

#service img {
background:#FFF;
border:#bebebe 1px solid;
padding:2px;
}


/****************/
/*** PROJECTS ***/
/****************/

#projectBox {
width:100%;
margin:20px auto 0;
text-align:center;
}

#projectDesc {
width:652px;
margin:0 auto;
text-align:left;
clear:both;
}

#projectDesc table {
width:650px;
border:0;
cellpadding:0;
}

#projectDesc th {
width:180px;
text-align:right;
padding:5px 0 0 0;
color:#003e7e;
}

#projectDesc td {
padding:5px 0 0 15px;
height:40px;
}

#projectGallery {
width:650px;
margin:20px auto;
}

.empThumb {
width:150px;
height:113px;
}

#projectGallery img{
width:150px;
height:113px;
display:inline;
overflow:hidden;
background:#FFF;
border:#bebebe 1px solid;
padding:2px;
}

#projectListLeft {
width:40%;
float:left;
margin-left:150px;
}

#projectList ul {
padding:30px 0 0 0;
list-style-type:none;
}

#projectList li {
margin-bottom:20px;
}

#projectList img {
margin-right:5px;
border:none;
}

#projectList a:link, #projectList a:active, #projectList a:visited {
text-decoration:none;
color:#003e7e;
}

#projectList a:hover {
color:#000000;
}


/********************/
/*** AFFILIATIONS ***/
/********************/

#affiliations {
margin:0 auto;
}

#affiliations td {
font-size:12px;
}

#affiliations tr {
height:85px;
}

#affiliations a:link, #affiliations a:active, #affiliations a:visited {
font-size:14px;
color:#003e7e;
font-weight:bold;
}



/***************/
/*** CONTACT ***/
/***************/

#contactTopLeft, #contactTopRight {
width:50%;
float:left;
text-align:center;
margin:20px 0 20px 0;
}

#contactTopLeft h1, #contactTopRight h1 {
margin-bottom:10px;
}

#contact h1 {
font-family:Arial, Helvetica, sans-serif;
font-size:26px;
line-height:18px;
color:#003e7e;
}

#contactLeft {
width:49%;
float:left;
margin:30px 0 0 20px;

}

#contactRight {
width:340px;
float:left;
margin:30px 0 0 20px;

}

#contactLeft h1 {
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
line-height:28px;
color:#000000;
padding:0;
margin-bottom:25px;
}

#contactLeft h2, #contactRight h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:26px;
line-height:28px;
color:#003366;
padding:0;
margin-bottom:5px;
}

#contactLeft h3, #contactRight h3 {
font-family:Arial, Helvetica, sans-serif;
font-size:22px;
line-height:28px;
color:#003366;
padding:0;
}

#contactLeft h4, #contactRight h4 {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
line-height:28px;
color:#003366;
padding:0;
margin-bottom:10px;
}




/* Forms */


form {
	padding: 20px;
	width: 300px;
	text-align:left;
	margin:20px auto 0;
	border:1px solid #eee;
}
fieldset {
	border:0;
	width: 300px;
}
fieldset legend {
	color: #000;
	font-size: 16px;
	font-weight: bold;
	margin-left:80px;
}
fieldset fieldset {
	margin-top: 0px;
	margin-bottom: 20px;
	padding: 16px 0;
	width: 300px;
}
fieldset fieldset legend {
	font-size: 120%;
	font-weight: normal;
	margin-left: 50px;
}
fieldset fieldset div {
	clear: left;
	margin: 0 20px;
}
form div {
	margin-bottom: 1em;
	vertical-align: text-top;
}
form div.input {
	color: #444;
	width:300px;
}
form div.required {
	color: #333;
	font-weight: bold;
	width:300px;
}
form div.submit {
	border: 0;
	clear: both;
	margin-top: 10px;
}
label {
	font-size: 14px;
	text-align:left;
}
input, textarea {
	clear: both;
	display: block;
	font-size: 14px;
	font-family: "frutiger linotype", "lucida grande", "verdana", sans-serif;
	padding: 2px;
	width: 300px;
}
select {
	clear: both;
	font-size: 120%;
	vertical-align: text-bottom;
}
select[multiple=multiple] {
	width: 300px;
}
option {
	font-size: 120%;
	padding: 0 3px;
}
input[type=checkbox] {
	clear: left;
	float: left;
	margin: 0px 6px 7px 2px;
	width: auto;
}
input[type=submit] {
	display: inline;
	font-size: 14px;
	padding: 2px 5px;
	width: auto;
	vertical-align: bottom;
}

/* Notices and Errors */
div.message {
	clear: both;
	color: #900;
	font-size: 12px;
	font-weight: bold;
	margin: 1em 0;
	width:300px;
}
div.error-message {
	clear: both;
	color: #900;
	font-weight: bold;
	width:300px;
	font-size:14px;
}
p.error {
	background-color: #e32;
	color: #fff;
	font-family: Courier, monospace;
	font-size: 12px;
	line-height: 140%;
	padding: 0.8em;
	margin: 1em 0;
	width:300px;
}
p.error em {
	color: #000;
	font-weight: normal;
	line-height: 140%;
}
.notice {
	background-color: #ffcc00;
	color: #000;
	display: block;
	font-family: Courier, monospace;
	font-size: 120%;
	line-height: 140%;
	padding: 0.8em;
	margin: 1em 0;
}
.success {
	background-color: green;
	color: #FFF;
}



.clearit {
height:0%;
clear:both;
}