/* CSS Document */

* {margin:0; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#ffffff;}


body { text-align:center; margin-left:auto; margin-right:auto; width:750px;	background-color:#FFFFFF;}

p, ul, li, strong, form, blockquote, em, h3 {background-color:#669999; font-size:1em;}

/*global link properties*/
a {font-size:1em; color:#FFFFFF; text-decoration:none;}
a:hover {color:#FFCC66;}

#navright {padding-top:10px;text-align:right}
#navright a {font-size:0.8em; color:#FFFFFF; padding-right:25px; text-decoration:underline;}
#navright a:hover {color:#FFCC66; text-decoration:none;}

.red {color:#FF9933; font-weight:bold;}
.white {color:#FFFFFF;}
.green {color:#336666; font-weight:bold;}
.gold {color:#FFCC66; font-weight:bold;}
.black {color:#000000;}

/*top of each page*/
h3 {margin-top:0; margin-left:10px; padding-top:30px;}

/* for the entire content area */
#mainwrap {width:750px;	margin-left:auto; margin-right:auto; text-align:left; margin-top:0; background-color:#669999;}
/*above main content*/
#pageCAT h3 {font-weight:bold; font-size:1.2em; text-align:center; padding-bottom:20px;}

/* for columns 1, 2, 3 of the Home */
#contentarea {width:750px;}


/* testimonial - home page*/
#testimonial {width:270px; margin-left:15px; margin-top:20px; padding-right:15px; float:left;}
.subhead {font-weight: bold; color: #FFCC66; font-size: 1em; text-align:center; padding-bottom:0.5em;}
#testimonial p {font-size:.9em; padding-bottom:5px; padding-top:5px;}
.testname {font-size:.9em; text-align:right; color:#FFFFFF; font-weight:bold; padding-bottom:25px;}
#testimonial a {font-size:.9em; text-decoration:underline; color:#FFCC66;}
#testimonial a:hover {color:#FFCC66; text-decoration:none;}
#testimonial img {border:0px; padding:20px 0px 10px 25px;}
#about {width:270px;}
#about h4 {margin-left:6px; color:#ffcc66; font-weight:bold; font-size:.9em;}
#about ul {width:270px;}
#about li {list-style-position:outside;	font-size:0.9em; margin-left:15px; padding-top:6px; list-style-image: url(i/dot.gif);}

/* main text on home page */
#maintext {width:250px; margin-top:20px; padding-left:20px; padding-right:10px; padding-bottom:10px; float:left;}
#maintextbox {width:250px; height:450px;  background-color:#b4ddde;}
#maintextnav {width:250px; height:20px; background-color:#7CC2C5; text-align:center; padding-top:6px;}
#maintextnav a {font-size:1.1em; font-weight:bold; padding:0px 5px 0px 5px; text-decoration:underline; }
#maintextnav a:hover {color:#FFCC00; text-decoration:none;}
#maintextmission {width:210px; padding:20px 15px 0px 15px;}
#maintextmission p, strong {padding-bottom:15px; font-size:1em; color:#006666; background-color:#b4ddde;}
#maintextFAQ  { width:210px; height:230px; padding:10px 15px 10px 15px;}
#maintextFAQ h4 {font-size:1em; color:#006666; background-color:#b4ddde; text-align:center; padding-bottom:3px;}
#maintextFAQ p {padding-top:3px; padding-bottom:3px; color:#006666; background-color:#b4ddde;}
#maintextFAQ em {color:#009999; background-color:#b4ddde; font-weight:bold; font-size:0.9em;}
#maintextFAQ a {font-size:.9em; text-decoration:underline; color:#009999; font-weight:bold; padding-left:135px;}
#maintextFAQ a:hover {color:#FFCC66;}
.qa {padding-top:3px; padding-bottom:3px; color:#FFFFFF; font-weight:bold; font-size:.9em; background-color:#b4ddde;}

/* image on home page */
#serviceImage {width:125px; margin-top:0px; padding-bottom:10px; padding-left:15px; padding-right:15px; float:left;}
#serviceImage img {border:0px;}




 a.nav {text-align:left; vertical-align:middle;	color:#333333; font-variant:small-caps;	font-size:1.3em;	font-weight:bold; text-decoration:none;	margin-left:1em; line-height:1.8em;}
a.nav:hover {color: #FFFFFF; }


/*footer*/
#footer {width:750px; height:26px; background-color:#187d7b;}
#footer a { margin-left:30px; float:left; font-size:.9em; color:#FFFFFF; text-decoration:none; padding-top:.5em;}
#footer a:hover {color:#FFCC66;}
#footer img {margin-left:50px; float:left;}
.footerlocation {margin-left:300px; float:left; font-size:.9em; color:#FFFFFF; padding-top:.5em;}

/*services.htm*/
p.serviceleft {margin-left:20px; width:150px; float:left; color:#FFCC66; font-weight:bold; font-size:1.1em;}
p.serviceright {margin-left:30px; padding-bottom:2em; width:400px; float:left;}

/*rates.htm*/
#ratelayout {margin-left:125px; margin-right:125px; width:450px;}
#ratelayout li {list-style-image: url(i/dot.gif); list-style-position: outside;	padding-bottom:1.8em;}

/*contact.cfm*/
#formcontainer {width:500px; margin-left:150px;}
#formcontainer em {margin-left:15px;}
#formcontainer form label {width:120px; float:left; padding-bottom:1em;}

/* clients */
#clients { }
#clientsleft {float:left; padding:0px 10px 20px 10px; width:200px;}
#clientsleft p {margin-top:10px; margin-bottom:10px;}
#clientsright {float:left; padding:0 10px 20px 40px; width:400px;}
#clientsright p {margin-top:10px; margin-bottom:10px;}
#clientsright p a {text-decoration:none; color:#FFCC66; text-decoration:underline;}
#clientsright p a:hover {color:#FFFFFF;}



/*faq*/
#faqcontainer {width:600px; margin-left:50px;}
#faqcontainer p { padding-top:3px; padding-bottom:3px;}
#faqcontainer ol { margin-left:50px; margin-top:15px;}
#faqcontainer li { list-style-position:outside; padding-left:5px; list-style-type:upper-roman; padding-bottom:20px;}
.tablelayout {width:550px; margin-left:15px; background-color:#CCCCCC;}
.engineheader { width:300px; color:#FFFFFF; font-weight:bold; font-size:1.5em; text-indent:3px; background-color:#336666;}
.enginepercent {width:250px; color:#FFFFFF; background-color:#333333; text-align:center;}
.enginefree {width:550px; color:#000000; background-color:#B5B591; padding:0.5em; font-size:.9em;}
.enginefree span, .enginefree strong {background-color:#B5B591;}
.enginefree span {color:#336666; font-weight:bold;}
.enginedots {background-color:#B5B591; margin-left:10px; color:#FFFFFF;}
.enginedash {margin-left:10px; color:#FFFFFF; padding-bottom:10px;}

.clearthefloats {clear:both}

.clearfix:after {
	content: ".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
.clearfix {display:inline-block
}

/* backslash hack hides from IE mac */
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* end backslash hack */
