body {
	font-size:        100%;
	background-color:  #f5f5f5;
	background-image:  url("images/mechanicals/background.gif");
	background-repeat: repeat-x;
	text-align:        center;
	margin:            0;
	padding:           0;
	position:          relative }

.main {
	background-image: url("images/mechanicals/repeat.jpg");
	background-repeat: repeat-y;
	text-align:        left;
	margin-right:      auto;
	margin-left:       auto;
	position:          relative;
	width:             710px;
	border-right:      2px solid #cdcdcd;
	border-bottom:     2px solid #a7a7a7;
	border-left:       2px solid #cdcdcd }

.banner {
	background-color: transparent;
	background-image:  url("images/mechanicals/banner.jpg");
	background-repeat: no-repeat;
	text-indent:       -1000px;
	position:          relative;
	height:            125px }

p {
	color:         #383860;
	font-family:    Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
	margin:         0;
	padding-bottom: 1em;
	position:       relative }

ol {
	color:      #383860;
	font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
	position:    relative }

br {
	width: 100%;
	height: 1px;
	clear:  both }

ol li {
	padding-bottom: 1em }

h1 {
	color:         #3a71a0;
	font-size:      1.25em;
	font-family:    Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
	font-weight:    bold;
	margin:         0;
	padding-bottom: 0.25em }

h2 {
	color:         #1860ab;
	font-size:      1em;
	font-family:    Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
	margin:         0;
	padding-bottom: 0.25em }

/*<agl.folder "Tabs">*/
/*</agl.folder>*/
.tabs {
	position: absolute;
	top:       80px;
	left:      165px;
	width:     auto;
	height:    50px }

div.tabs ul {
	margin: 0;
	padding: 0 }

div.tabs li {
	display: block;
	float:    left }

.home {
	background-image:   url("images/tabs/home.gif");
	background-repeat:   no-repeat;
	background-position: center bottom;
	display:             block }

.aboutus {
	background-image:   url("images/tabs/aboutus.gif");
	background-repeat:   no-repeat;
	background-position: center bottom;
	display:             block }

.residential {
	background-image:   url("images/tabs/residential.gif");
	background-repeat:   no-repeat;
	background-position: center bottom;
	display:             block }

.commercial {
	background-image:   url("images/tabs/commercial.gif");
	background-repeat:   no-repeat;
	background-position: center bottom;
	display:             block }

.testimonials {
	background-image:   url("images/tabs/clean_burn.gif");
	background-repeat:   no-repeat;
	background-position: center bottom;
	display:             block }

.contactus {
	background-image:   url("images/tabs/contactus.gif");
	background-repeat:   no-repeat;
	background-position: center bottom;
	display:             block }

div.tabs a {
	text-decoration: none;
	text-indent:      -1000px;
	display:          block;
	margin:           0;
	padding:          0;
	width:            90px;
	height:           45px }

div.tabs a:hover {
	background-position: center }

#active_tab {
	background-position: center top;
	cursor:               default }

.content {
	background-color: transparent;
	margin-top:        25px;
	padding-top:       10px;
	padding-bottom:    15px;
	padding-left:      10px;
	position:          relative;
	left:              10px;
	width:             665px }

/*<agl.folder "Content">*/
/*</agl.folder>*/
/*<agl.folder "Special Image IDs">*/
/*</agl.folder>*/
#vans {
	float: left }

#commercial2 {
	position: relative;
	left:      5px;
	border:    solid 3px #c1c1c1 }

#residential2 {
	position: relative;
	left:      5px;
	border:    solid 3px #c1c1c1 }

#contactus {
	margin-top: 10px;
	margin-left: 15px;
	float:       right;
	border:      solid 3px #c1c1c1 }

#FamilyShot {
	margin-right: 10px;
	margin-left:   10px;
	float:         right;
	border:        solid 2px #9a9a9a }

#InteriorShot {
	margin-right: 10px;
	float:         left;
	border:        solid 2px #9a9a9a }

#OfficePeople {
	margin-right: 10px;
	margin-bottom: 15px;
	margin-left:   10px;
	float:         left;
	border:        solid 2px #9a9a9a }

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

#CommercialInterior {
	margin: 10px 10px 50px;
	float:   right;
	clear:   both;
	border:  solid 2px #9a9a9a }

/*<agl.folder "Services">*/
/*</agl.folder>*/
#services {
	padding-top: 0.25em;
	border-top:   2px solid #cdcdcd }

#services a {
	color:          #4f4f4f;
	font-size:       0.75em;
	font-family:     Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
	text-decoration: none }

#services a:hover {
	color:      #ce212b;
	font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif }

#services h2 {
	color:           #ce212b;
	font-size:        0.85em;
	font-family:      Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
	background-color: transparent;
	text-align:       center;
	margin-bottom:    5px;
	width:            100% }

#residential {
	background-color:   transparent;
	background-repeat:   no-repeat;
	background-position: 0 0;
	display:             block;
	padding-right:       15px;
	padding-left:        10px;
	width:               329px;
	float:               left;
	border-right:        1px solid #cdcdcd }

#commercial {
	background-color:   transparent;
	background-repeat:   no-repeat;
	background-position: 0 0;
	display:             block;
	padding-left:        10px;
	width:               329px;
	float:               left }

/*<agl.folder "Information Box">*/
/*</agl.folder>*/
.informationbox {
	color:              #fff;
	font-family:         Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
	background-color:    #70a4cc;
	background-image:    url("images/mechanicals/infobox_background.jpg");
	background-repeat:   no-repeat;
	background-position: -5px -10px;
	display:             block;
	margin:              5px 3px 3px;
	padding:             10px;
	width:               221px;
	height:              190px;
	float:               left;
	overflow:            auto;
	clip:                rect(auto auto auto auto);
	border:              solid 3px #c1c1c1 }

.informationbox a {
	color:      #fff;
	font-size:   0.75em;
	font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif }

.informationbox h2 {
	font-size: 0.95em;
	margin:     0 }

.informationbox h3 {
	font-size: 0.8em;
	margin:     0 }

.informationbox ul {
	font-size:    0.75em;
	margin-top:    0;
	margin-bottom: 0 }

.informationbox a:hover {
	color:      #000;
	font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif }

/*<agl.folder "Footer">*/
/*</agl.folder>*/
.footer {
	background-image: url("images/mechanicals/footer.gif");
	background-repeat: no-repeat;
	text-align:        center;
	padding-top:       40px;
	height:            75px;
	clear:             both }

.footer p {
	color:      #383860;
	font-size:   0.75em;
	font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif }

form {
	background-color: transparent;
	background-repeat: repeat-y;
	margin-bottom:     25px;
	padding:           25px;
	width:             635px;
	border-style:      solid none solid solid;
	border-width:      1px medium 2px 2px;
	border-color:      #cdcdcd }

label {
	font-size:   0.85em;
	text-align:   right;
	display:      block;
	margin-right: 10px;
	width:        150px;
	float:        left }

#comments {
	text-align: left }

.clear {
	width: 1px;
	height: 1px;
	clear:  both }

/*<agl.folder "Product Preview">*/
/*</agl.folder>*/
.product-preview {
	background-color: #1b4f84;
	display:           block;
	margin:            0 5px 1em 10px;
	padding:           0;
	width:             220px;
	height:            auto;
	float:             right;
	border:            solid 2px #9a9a9a }

div.product-preview h1 {
	color:      #f5f5fa;
	font-size:   18px;
	font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
	font-weight: bold;
	text-align:  center;
	margin:      0;
	padding:     0;
	width:       220px }

div.product-preview p {
	color:      #fff;
	font-size:   16px;
	font-weight: bold;
	margin:      0;
	padding:     0 10px 5px;
	width:       200px }

/*<agl.folder "Clean Preview">*/
/*</agl.folder>*/
.clean-preview {
	display: block;
	margin:   0 5px 1em 10px;
	padding:  0;
	width:    220px;
	height:   auto;
	float:    right;
	border:   solid 1px #9a9a9a }

div.clean-preview h1 {
	color:      #2469b0;
	font-size:   15px;
	font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
	font-weight: bold;
	text-align:  left;
	margin:      15px 0 0 10px;
	padding:     0;
	width:       auto }

div.clean-preview p {
	color:    #5a5a5a;
	font-size: 12px;
	margin:    0;
	padding:   0 10px 5px }

div.clean-preview img {
	margin-top: 5px;
	float:       left }

.pride:first-letter {
	color:      #2469b0;
	font-size:   1.75em;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align:  center;
	display:     block;
	width:       50px;
	height:      50px;
	border:      1px #afafaf }

address {
	color:         #383860;
	font-family:    Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
	font-weight:    bold;
	display:        block;
	margin:         0;
	padding-bottom: 1em;
	position:       relative;
	float:          left }

.column1 {
	width: 60%;
	float:  left }

#coverage-area {
	color:      #5a5a5a;
	font-size:   10px;
	font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
	text-align:  justify;
	margin:      75px auto 10px;
	padding:     10px;
	width:       700px;
	overflow:    hidden;
	clip:        rect(auto auto auto auto) }

#map {
	width: 670px;
	height: 300px;
	border: solid 2px #c1c1c1 }

/*<agl.folder "AWW">*/
/*</agl.folder>*/
#aww {
	margin-top: 20px }

#aww img {
	padding-right: 10px;
	vertical-align: middle }

#aww a {
	color:          #4e4f4d;
	font-size:       13px;
	text-decoration: none }

#aww a:hover {
	color:          #f00;
	font-size:       13px;
	text-decoration: none }