/* CSS Document */


body {
	background-image:url(../images/siteBG.jpg);
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
	margin:0px;
	padding:0px;
}

h1, h2, h3, h4, h5, h6 {
	font-weight:700;
	margin-bottom:10px;
	color:#800000;
}

h1 {
	font-size:26px;
}

h2 {
	font-size:22px;
}

h3 {
	font-size:18px;
}

h4 {
	font-size:16px;
}

a.links:link, a.links:visited {
	background-image:url(../images/linkBG.png);
	background-repeat:repeat-x;
	width:120px;
	margin:0px auto;
	color:#FFF;
	text-align:center;
	text-decoration:none;
	height:29px;
	line-height:29px;
	display:block;
	-moz-box-shadow: 0px 2px 2px 0px #3C3C3C;
  	-webkit-box-shadow: 0px 2px 2px 0px #3C3C3C;
 	 box-shadow: 0px 2px 2px 0px #3C3C3C;
}

a.links:hover {
	background-image:url(../images/linkHoverBG.png);
	background-repeat:repeat-x;
	color:#fff;
}

#wrapper {
	width:100%;
}

#header-wrap {
	width:100%;
	height:220px;
	background-image:url(../images/headerBG.png);
	background-repeat:repeat-x;
	-moz-box-shadow: 0px 2px 2px 0px #3C3C3C;
  	-webkit-box-shadow: 0px 2px 2px 0px #3C3C3C;
 	 box-shadow: 0px 2px 2px 0px #3C3C3C;
}

#header-content {
	width:960px;
	min-height:160px;
	margin:0px auto;
}

#top-bar {
	width:100%;
	height:28px;
	line-height:26px;
	text-align:right;
	color:#FFF;
}

#middle-header {
	width:960px;
	height:163px;
	margin:0px auto;
}

#logo-name {
	width:500px;
	height:125px;
	float:left;
	margin-top:20px;
}

#logo {
	float:left;
	width:120px;
	height:125px;
}

#name {
	float:left;
	width:350px;
	height:100px;
	margin-top:20px;
	padding-left:10px;
	color:#800000;
	text-align:center;
}

#name h1 {
	font-size:44px;
	margin-bottom:5px;
}

#name h2 {
	font-size:16px;
}

#header-contact {
	width:300px;
	float:right;
	margin-top:50px;
	text-align:right;
	line-height:25px;
	font-size:18px;
	color:#800000;
	font-weight:bold;
}

#navigation {
	width:960px;
	height:29px;
	clear:both;
	margin: 0px auto;
}

#navigation li {
	float:left;
	line-height:29px;
}

#navigation li a:link {
	display:block;
	line-height:29px;
	padding: 0px 20px;
	text-decoration:none;
	color:#fff;
}

#navigation li a:visited {
	line-height:29px;
	padding: 0px 20px;
	text-decoration:none;
	color:#fff;
}

#navigation li a:hover {
	background:url(../images/hoverBG.png) repeat-x;
	color:#800000;
	line-height:29px;
	height:29px;
}
	
	
#content {
	width:960px;
	padding:30px 0px;
	margin:0px auto;
}

#footer {
	width:100%;
	height:180px;
	background:url(../images/footerBG.png);
	clear:both;
	float:none;
}

#footer-content {
	width:960px;
	margin:0px auto;
	padding-top:30px;
	color:#FFF;
}

#footer-content h3 {
	color:#fff;
}

#bottom-nav {
	float:left;
	width:300px;
	padding-left:60px;
	line-height:1.5em;
}

#bottom-nav li a:link, #bottom-nav a:visited {
	color:#FFF;
	text-decoration:none;
}

#bottom-nav li a:hover {
	text-decoration:underline;
}

#bottom-contact {
	width:220px;
	float:left;
	
}

#hours {
	width:200px;
	float:right;
	padding-right:50px;
}


/*************** HOME PAGE LAYOUT ***************/
#slide-wrap {
	width:960px;
	height:350px;
	margin-bottom:30px;
	background-image:url(../images/serviceAreaSlide.png);
	position:relative;
}

#left-content {
	width:600px;
	float:left;
	margin-bottom:20px;
}

#left-content p {
	line-height:1.5em;
	margin-bottom:10px;
}

#right-content {
	width:300px;
	margin-bottom:30px;
	float:right;
}

#hours-emergency {
	width:300px;
	height:195px;
	text-align:center;
	background-image:url(../images/emergencyBG.png);
	text-shadow: 0px 1px #881e1e;
}

#hours-emergency h2 {
	color:#FFF;
	margin-bottom:15px;
}

#hours-emergency p {
	color:#FFF;
}

#paragraph-Margin {
	margin-bottom:10px;
}

#recent-projects {
	width:300px;
	float:right;
	margin-top:15px;
	text-align:center;
}

#project-links {
	margin-bottom:10px;
}

#project-links li {
	line-height:1.5em;
	padding:5px;
}

#project-links li a:link, #project-links li a:visited {
	color:#000;
	text-decoration:none;
}

#project-links li a:hover {
	padding:5px;
	color:#800000;
	background: -webkit-linear-gradient(#ffffff, #F5F5F5);
	background: -o-linear-gradient(#ffffff, #F5F5F5); 
	background: -moz-linear-gradient(#ffffff, #F5F5F5);
	background: linear-gradient(#ffffff, #F5F5F5);
}

#services-wrap {
	width:960px;
	min-height:200px;
	clear:both;
	margin:0px auto;
	text-align:center;
	
}

#services-wrap img {
	margin-bottom:12px;
	border:#800000 solid 1px;
}

#services-wrap p {
	line-height:1.5em;
	margin-bottom:10px;
}

#plumbing-column {
	width:268px;
	float:left;
	margin-bottom:40px;
	margin-right:30px;
	padding:15px;
	border: 1px solid #a9a9a9;
	background: -webkit-linear-gradient(#ffffff, #F5F5F5);
	background: -o-linear-gradient(#ffffff, #F5F5F5); 
	background: -moz-linear-gradient(#ffffff, #F5F5F5);
	background: linear-gradient(#ffffff, #F5F5F5);
}

#hvac-column {
	width:268px;
	float:left;
	margin-bottom:40px;
	margin-right:30px;
	padding:15px;
	border: 1px solid #a9a9a9;
	background: -webkit-linear-gradient(#ffffff, #F5F5F5);
	background: -o-linear-gradient(#ffffff, #F5F5F5); 
	background: -moz-linear-gradient(#ffffff, #F5F5F5);
	background: linear-gradient(#ffffff, #F5F5F5);
}

#contact-column {
	width:268px;
	float:left;
	margin-bottom:40px;
	padding:15px;
	border: 1px solid #a9a9a9;
	background: -webkit-linear-gradient(#ffffff, #F5F5F5);
	background: -o-linear-gradient(#ffffff, #F5F5F5); 
	background: -moz-linear-gradient(#ffffff, #F5F5F5);
	background: linear-gradient(#ffffff, #F5F5F5);
}

#associations {
	width:960px;
	height:100px;
	clear:both;
	margin:0px auto;
}

#associations li {
	float:left;
	margin-left:40px;
}
/*************** END HOME PAGE LAYOUT ***************/


/*************** START SERVICES INFO PAGR LAYOUT ***************/
#image-left {
	float:left;
	width:600px;
	height:200px;
}

.margin-top {
	width:100%;
	margin-top:20px;
	clear:left;
	float:left;
}

.service-list {
	width:400px;
	float:left;
	margin-left:20px;
	margin-bottom:20px;
	padding-left:20px;
	list-style-type:circle;
	line-height:1.5em;
}
/*************** END SERVICES INFO PAGR LAYOUT ***************/

/************** START RECENT PROJECTS PAGE LAYOUT ***************/
.image {
	border:1px solid #800000;;
	margin: 0px 0px 10px 0px;
}

.h2Margin {
	margin-top:20px;
	color:#666;
	clear:left;
	float:left;
}

.services-links:link, .services-links:visited {
	background-image:url(../images/linkBG.png);
	background-repeat:repeat-x;
	width:120px;
	clear:both;
	float:left;
	color:#FFF;
	text-align:center;
	text-decoration:none;
	height:29px;
	line-height:29px;
	display:block;
	-moz-box-shadow: 0px 2px 2px 0px #3C3C3C;
  	-webkit-box-shadow: 0px 2px 2px 0px #3C3C3C;
 	 box-shadow: 0px 2px 2px 0px #3C3C3C;
}

.services-links:hover {
	background-image:url(../images/linkHoverBG.png);
	background-repeat:repeat-x;
	color:#fff;
}
/************** END RECENT PROJECTS PAGE LAYOUT ***************/

/************** START PROJECT DETAILS PAGE LAYOUT ***************/
#projectPhoto {
	width:600px;
	height:200px;
	margin-bottom:20px;
}

#projectPhoto img {
	border:1px solid #800000;
}

/************** END PROJECT DETAILS PAGE LAYOUT ***************/

/************** CONTACT PAGE LAYOUT ***************/

.maroon {
	color:#800000;
}

form {
	float:left;
	width:100%
}

.fullWidth {
	width:590px;
	padding:5px;
	clear:left;
	float:left;
	margin-bottom:10px;
}

#service {
	padding:5px;
	margin:5px 0px;
}

.comment {
	height:100px;
	width:590px;
	padding:5px;
}

button {
	float:left;
	margin-top:15px;
	width:200px;
	height:29px;
	background-image:url(../images/linkBG.png);
	background-repeat:repeat-x;
	border:none;
	color:#FFF;
	-moz-box-shadow: 0px 2px 2px 0px #3C3C3C;
  	-webkit-box-shadow: 0px 2px 2px 0px #3C3C3C;
 	 box-shadow: 0px 2px 2px 0px #3C3C3C;
}

button:hover {
	background-image:url(../images/linkHoverBG.png);
	background-repeat:repeat-x;
}