@charset "utf-8";
body, ul, li, h1, h2, h3, h4, form, p, ol 
{ margin : 0; padding : 0; }
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	background-color: #1f1f1f;
	color: #000000;
	background-image: url(images/bg_body_gradient2.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
#spacer {
	display: block;
	height: 500px;
	width: 960px;
}


#wrapper {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	background-repeat: repeat;
	background-position: left top;
	background-image: url(images/graphpaper.gif);

}
.button_home {
	background-image: url(images/bg_button_home.gif);
}
.button_about {
	background-image: url(images/bg_button_about.gif);
}
.button_projects {
	background-image: url(images/bg_button_project.gif);
}

#branding {
	float: left;
	width: 960px;
	display: inline;
	height: 125px;
	color: #FFF;
	background-color: #090;
	background-image: url(images/bg_branding.gif);
}
.tagline {
	text-align: right;
	font-size: 18px;
	line-height: 24px;
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 10px;
	margin-right: 10px;
}
.phone {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 40px;
	line-height: 48px;
	color: #F1EC54;
	float: right;
	margin-right: 10px;
}
.threebox_single {
	display: inline;
	float: left;
	height: 105px;
	width: 180px;
	padding: 10px;
	color: #CCC;
}
#wrapper #threebox {
	display: inline;
	float: left;
	height: 125px;
	width: 960px;
	background-repeat: no-repeat;
	background-position: center center;
	margin-bottom: 10px;
	background-image: url(images/bg_threebox.gif);

}
#wrapper #threebox .threebox_single p a  {
	height: 20px;
	width: 125px;
	display: block;
	float: right;
	text-align: center;
	line-height: 20px;
	text-decoration: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-image: url(images/threebox_buttons.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	margin-top: 5px;
	color: #F1EC54;
}
#wrapper #threebox .threebox_single p a:hover {
	background-position: center top;
	color: #000;
}

#wrapper #threebox .threebox_single h2 {
	color: #F1EC54;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height: 20px;
	padding-bottom: 2px;
}

.box_commercial {
	margin-left: 100px;
}
.box_projects {
	margin-left: 130px;
}


#footer {
	width: 960px;
	height: 80px;
	background-image: url(images/bg_footer.gif);
	background-repeat: repeat;
	background-position: center bottom;
	display: block;
	clear: both;
	color: #F1EC54;
}
#footer p {
	margin-top: 10px;
	display: block;
	text-align: center;
	padding-top: 5px;
}

#sitecredits {
	height: 50px;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	background-color: #1F1F1F;
	padding-top: 15px;
}
#sitecredits a {
	text-decoration: none;
	color: #4F4F4F;
}
#sitecredits p {
	color: #646464;
	font-size: 10px;
	text-align: right;
}
#botnav {
	list-style-type: none;
	text-align: center;
	background-repeat: no-repeat;
	background-position: left;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	color: #F1EC54;
	margin-top: 5px;
	text-transform: lowercase;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#botnav li {
	display: inline;
	border-right-width: 1px;
	border-right-style: solid;
}
#botnav a {
	padding-left: 8px;
	padding-right: 8px;
	text-decoration: none;
	color: #F1EC54;
	font-size: 11px;
	display: inline;
	line-height: 15px;
	font-family: "Trebuchet MS";
}
#botnav a:hover {
	color: #000;
	background-color: #F1EC54;
}
#botnav    li.last, #mainnav   a.last {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
#mainnav {
	display: inline;
	width: 940px;
	float: left;
	height: 40px;
	text-align: center;
	list-style-type: none;
	padding-left: 10px;
	background-image: url(images/bg_navigation.jpg);
	padding-right: 10px;
}
#mainnav li {
	text-align: center;
	font-size: 14px;
	width: 156px;
	display: block;
	float: left;
	line-height: 40px;
	height: 40px;
}
#mainnav a {
	display: block;
	height: 40px;
	width: 156px;
	background-repeat: no-repeat;
	background-position: center top;
	text-decoration: none;
	color: #204673;
	line-height: 40px;
	text-transform: none;
	background-image: url(images/bg_mainbuttons.gif);
	font-size: 15px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

#mainnav a:hover {
	background-repeat: no-repeat;
	background-position: center bottom;
}
#wrapper #flashbox {
	display: inline;
	float: left;
	height: 185px;
	width: 960px;
	background-image: url(images/bg_flasharea.jpg);
	margin-bottom: 10px;
}
#wrapper #smallcolumn {
	background-color: #262626;
	display: inline;
	float: left;
	width: 300px;
	color: #FFF;
	margin-bottom: 10px;
	margin-left: 20px;
}
#wrapper #smallcolumn p {
	padding-right: 10px;
	padding-left: 10px;
}
#wrapper #widecolumn {
	float: right;
	width: 600px;
	display: inline;
	padding-right: 15px;
	padding-left: 15px;
}
#wrapper #widecolumn h1 {
	font-size: 20px;
	line-height: 24px;
	font-family: Arial, Helvetica, sans-serif;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	margin-bottom: 10px;
	margin-top: 10px;
	color: #204673;
	clear: both;
}

#wrapper #smallcolumn h1 {
	background-image: url(images/smallcolumn_topper.gif);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	line-height: 24px;
	padding-right: 10px;
	padding-left: 10px;
	color: #CCC;
}
.threeboxpicture {
	border: 1px solid #ED1B2E;
	margin-top: 10px;
}
#home .home a, #aboutus .aboutus a,  #contact .contact a, #residential .residential a, #projects .projects a , #commercial .commercial a {
	background-repeat: no-repeat;
	background-position: center bottom;
}
#aboutus #wrapper #widecolumn ul {
	margin-left: 25px;
	font-weight: bold;
	margin-right: 50px;
}
.mission {
	background-image: url(images/graphic_mission.gif);
}
.safety {
	background-image: url(images/graphic_safety.gif);
}
#wrapper #smallcolumn h2  {
	margin-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #F1EC54;
	border-top-width: 1px;
	border-top-style: solid;
	margin-right: 10px;
	padding-top: 10px;
	margin-top: 10px;
	font-size: 15px;
	line-height: 18px;
}

#aboutus #wrapper #widecolumn ul li {
	padding: 4px;
}
.yellowpoint {
	color: #F1EC54;
	font-weight: bold;
}
#aboutus #wrapper #widecolumn #missionstatement {
	width: 578px;
	border: 1px dotted #262626;
	padding: 10px;
	clear: both;
}
#aboutus #wrapper #widecolumn h2 {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFF;
}
.floatleftpic {
	float: left;
	margin-right: 10px;
}
#wrapper #stage {
	display: inline;
	float: left;
	width: 960px;
	padding-top: 10px;
	background-repeat: repeat;
}
.paragraphs_rightbg {
	display: inline;
	float: left;
	width: 400px;
	padding-right: 200px;
	background-repeat: no-repeat;
	background-position: right top;
	margin-bottom: 20px;
}
.since1999 {
	background-image: url(images/graphic_since1999.gif);
}
.oldLogo {
	background-image: url(images/oldlogo.png);
	padding-bottom: 25px;
}
.paragraphs_leftbg {
	display: inline;
	float: left;
	width: 400px;
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom: 20px;
	padding-left: 200px;
}
#aboutus #wrapper #stage #smallcolumn p img {
	padding-top: 10px;
	padding-bottom: 10px;
}
#contact #wrapper #widecolumn #contact {
	background-image: url(images/bg_contactform.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.contactnumbers {
	font-size: 22px;
	line-height: 26px;
}
#commercial #wrapper #smallcolumn ul {
	margin-left: 40px;
	margin-right: 25px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.prevention {
	background-image: url(images/graphic_prevent.gif);
}
#wrapper #stage #smallcolumn ul li {
	padding-bottom: 5px;
	font-weight: bold;
}
.airquality {
	background-image: url(images/graphic_airquality.gif);
}
.customdesign {
	background-image: url(images/graphic_custom.gif);
}
.special99 {
	background-image: url(images/graphic_99special.gif);
}
.smallcolumnpic {
	float: left;
	margin-right: 10px;
	padding: 2px;
	border: 1px solid #F1EB53;
}

.resprevention {
	background-image: url(images/graphic_resprevention.gif);
}
.freeestimates {
	background-image: url(images/freeestimates.gif);
}
.installers {
	background-image: url(images/graphic_installers.gif);
}
.repair {
	background-image: url(images/graphic_repair.gif);
}
.widecolumnpic {
	float: left;
	margin-right: 10px;
	padding: 2px;
	border: 1px solid #000;
}
#wrapper #admin {
	display: inline;
	float: left;
	width: 900px;
	padding-top: 10px;
	padding-right: 30px;
	padding-bottom: 10px;
	padding-left: 30px;
}
#wrapper #work {
	display: inline;
	float: left;
	width: 960px;
	padding-bottom: 25px;
}
#projects #wrapper #work #workpics {
	display: inline;
	float: left;
	height: 200px;
	width: 900px;
	margin-left: 30px;
	padding-bottom: 10px;
}
#bbbLogo {
	float: left;
	height: 150px;
	width: 150px;
	padding-top: 40px;
}