@charset "UTF-8";
/* CSS Document */

/* Global Font Size, Color, Font-Family Settings in Body */
body
{
	margin: 0px;
	padding: 0px;
	background-color: #000000;
  	font: normal 12px Helvetica, Arial, sans-serif;
	line-height: 16px;
	color: #917c75;
	background-image: url(images/tile_body.gif);
	background-repeat: repeat-x;
	}
	
/* Global Link Colors */
a:link
{
	text-decoration: underline;
	font-weight: bold;
	color: #fd4616;
	
	}
	
a:visited
{
	text-decoration: underline;
	font-weight: bold;
	color: #fd4616;
	}
	
a:hover
{
	text-decoration: none;
	font-weight: bold;
	color: #fd4616;
	}
	
a:active
{
	text-decoration: underline;
	font-weight: bold;
	color: #fd4616;
	}
	
/* Site Container that holds everything and is centered*/
#container
{
	margin: 24px auto 0px auto;
	padding: 0px 0px 0px 0px;
	width: 990px;
	background-color: transparent;
	background-image: url(images/tile_container.gif);
	background-repeat: repeat-y;
	position: relative;
}

/* holds Flash logo01 and topButtons */
#header
{
	margin: 0px;
	padding: 0px;
	width: 990px;
	}
	
/* holds Flash logo01 inside header */
#flash01
{
	margin: 0px;
	padding: 0px;
	width: 357px;
	float: left;
	}
	
/* holds topButtons inside header next to flash01 */
#topButtons
{
	margin: 0px;
	padding: 0px;
	width: 633px;
	float: left;
	}
	
/* navigation holds the menu items. */
#navigation
{
	margin: 0px;
	padding: 0px;
	width: 990px;
	height: 67px;
	}
	
/* holds 2 divs, Lcolumn and Rcolumn */
#midSection
{
	margin: 0px;
	padding: 0px;
	width: 990px;
	background-image: url(images/tile_midSectionINT.gif);
	background-repeat: repeat-y;
	position: relative;
	}
	
/* holds 4 divs, graphic, title, subtitle, "name"banner. inside midsection */
#Lcolumn
{
	margin: 0px 0px 0px 0px;
	padding: 0px 7px 0px 43px;
	width: 665px;
	float: left;
	background-color: transparent;
	background-image: url(images/tile_LcolumnINT.gif);
	background-repeat: no-repeat;
	position: relative;
	}
	
/* holds the header graphic with square pictures, differnt on each page */
#graphic
{
	margin: 0px;
	padding: 0px;
	width: 665px;
	height: 162px;
	background-color: transparent;
	}
	
/* main title for each page */
.title
{
	margin: 0px;
	padding: 30px 20px 0px 60px;
	width: 585px;
	background-color: transparent;
	font-weight: normal;
	}

.title a:link
{
	text-decoration: none;
	color: #ffffff;
	font-weight: normal;
	}
	
.title a:visited
{
	text-decoration: none;
	color: #ffffff;
	font-weight: normal;
}
	
.title a:hover
{
	text-decoration: none;
	color: #ffffff;
	}
	
.title a:active
{
	text-decoration: none;
	color: #ffffff;
}

/* sub title for each page */
.subTitle
{
	margin: 0px 0px 5px 0px;
	padding: 5px 20px 0px 60px;
	width: 585px;
	background-color: transparent;
  	font: normal 16px Helvetica, Arial, sans-serif;
	line-height: 16px;
	color: #ffffff;
	background-image: url(images/tile_subTitle.gif);
	background-position: bottom;
	background-repeat: no-repeat;
	height: 25px;
	}
	
/* holds the thumbnails and service description on the Services Page */
.bannerServices
{
	margin: 0px 20px 15px 60px;
	padding: 0px 0px 15px 0px;
	width: 585px;
	background-color: transparent;
  	font: normal 16px Helvetica, Arial, sans-serif;
	line-height: 16px;
	border-bottom: 1px solid #333;
	color: #ffffff;
	}
	
.imageServices
	{
	margin: 0px 0px 0px 0px;
	padding: 0px 20px 0px 0px;
	height: 80px;
	width: 121px;
	float: left;
	}
	
.descriptionServices
	{
	margin: 5px 10px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 424px;
	float: left;
  	font: normal 12px Helvetica, Arial, sans-serif;
	line-height: 14px;
	color: #ffffff;
	}
	
/* holds the thumbnails and project description on the Projects Page */
.bannerProjects
{
	margin: 0px 20px 15px 60px;
	padding: 0px 0px 15px 0px;
	width: 585px;
	background-color: transparent;
  	font: normal 16px Helvetica, Arial, sans-serif;
	line-height: 16px;
	border-bottom: 1px solid #333;
	color: #ffffff;
	}
	
.projects
	{
	margin: 0px;
	padding: 0px;
	width: 146px;
	float: left;
	}
	
.imageProjects
	{
	margin: 0px 0px 10px 0px;
	padding: 0px 25px 0px 0px;
	height: 80px;
	width: 121px;
	}
	
.descriptionProjects
	{
	margin: 0px 0px 0px 0px;
	padding: 0px 25px 0px 0px;
	width: 121px;
  	font: normal 12px Helvetica, Arial, sans-serif;
	line-height: 15px;
	color: #ffffff;
	text-align: center;
	}
	
/* holds the content */
.bannerContent
{
	margin: 0px 20px 15px 60px;
	padding: 0px 0px 15px 0px;
	width: 585px;
	background-color: transparent;
	}
	
/* holds testimonials */
#Rcolumn
{
	margin: 0px;
	padding: 50px 43px 0px 0px;
	width: 232px;
	float: left;
	background-color: transparent;
	background-image: url(images/tile_RcolumnINT.gif);
	background-repeat: no-repeat;
	display: inline;
	position: relative;
	}
	
#Rcolumn a:link
{
	text-decoration: underline;
	font-family: 8px Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ffffff;
	font-weight: bold;
	}
	
#Rcolumn a:visited
{
	text-decoration: none;
	color: #ffffff;
}
	
#Rcolumn a:hover
{
	text-decoration: none;
	color: #ffffff;
	}
	
#Rcolumn a:active
{
	text-decoration: none;
	color: #ffffff;
}

	
/* testimonials */
.testimonials
{
	margin: 0px;
	padding: 0px 20px 30px 20px;
	width: 192px;
	background-image: url(images/tile_testimonials.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	position: relative;
  	font: normal 12px Helvetica, Arial, sans-serif;
	line-height: 16px;
	color: #ffffff;
	}
	

/* Banner that can be re-used that fits the total width of the Container */
.banner
{
	margin: 0px;
	padding: 0px;
	width: 990px;
	}
	
/* container that holds the testimonials on the homepage. */
#infoBox01
{
	display: inline;
	margin: 0px 10px 0px 43px;
	padding: 35px 20px 5px 15px;
	width: 222px;
	float: left;
  	font: bold 14px Helvetica, Arial, sans-serif;
	line-height: 13px;
	color: #ffffff;
	background-image: url(images/tile_infoBox01.gif);
	background-repeat: no-repeat;
	height: 82px;
	}
	
#infoBox01 a:link
{
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ffffff;
	font-weight: bold;
	}
	
#infoBox01 a:visited
{
	text-decoration: none;
	color: #FD4616;
}
	
#infoBox01 a:hover
{
	text-decoration: none;
	color: #FD4616;
	}
	
#infoBox01 a:active
{
	text-decoration: none;
	color: #FD4616;
}

/* container that holds the ecoFriendly Ad on the homepage. */
#infoBox02
{
	margin: 0px 10px 0px 0px;
	padding: 0px;
	width: 256px;
	float: left;
	background-image: url(images/tile_infoBox02.gif);
	background-repeat: no-repeat;
	height: 122px;
	}
	
/* container that holds the contact numbers on the homepage. */
#infoBox03
{
	margin: 0px 10px 0px 0px;
	padding: 0px;
	width: 373px;
	float: left;
	background-image: url(images/tile_infoBox03.gif);
	background-repeat: no-repeat;
	height: 122px;
	}


/* Style of pop-ups. */
#popUp
{
	width: 350px;
	margin: 15px;
	padding: 15px;
	background-color: #000000;
	}
	

	

/* Global settings for an ul. */
ul {
	margin: 0px;
	padding: 0px;
	list-style-type: circle;
	color: #ffffff;
	font-weight: normal;
	}

ul li{ margin-left: 40px;}

ul a:link
{
	text-decoration: none;
	color: #ffffff;
	font-weight: normal;
	}
	
ul a:visited
{
	text-decoration: none;
	color: #ffffff;
	font-weight: normal;
}
	
ul a:hover
{
	text-decoration: underline;
	color: #ffffff;
	font-weight: normal;
	}
	
ul a:active
{
	text-decoration: none;
	color: #ffffff;
	font-weight: normal;
}

/* Global settings for Horizontal Rules */
hr
{
	border: none;
	background-color:#ffffff;
	color: #ffffff;
	height: 1px;
	margin: 3px 0px 20px 0px;
	}

/* A style of bullets using a custom image. */	
.BulletedListUL
{ 
	margin-left: 15px;
	list-style-image: url(images/redArrow.gif);
	font: normal 11px Helvetica, Arial, sans-serif;
	color: # fd4616;
	font-weight: bold;
	line-height: 30px;
	}
	
.BulletedListUL li{ margin-left: 40px;}
	
.BulletedListUL a:link
{
	text-decoration: none;
	color: #fd4616;
	}
	
.BulletedListUL a:visited
{
	text-decoration: none;
	color: #fd4616;
}
	
.BulletedListUL a:hover
{
	text-decoration: underline;
	color: #fd4616;
	}
	
.BulletedListUL a:active
{
	text-decoration: none;
	color: #fd4616;
}

/* -------------------------------- */
/* 	CSS FORMS					*/
input.txt
{
	color: #ffffff;
	background-color: #181818;
	border: 1px solid #5c5c5c;
	height: 20px;
	}
	
input.btn
{
	color: #ffffff;
	background-color: #fd4616;
	border: 1px solid #ffffff;
	font-weight: bold;
	}
	
input.textarea
{
	color: #000000;
	background-color: #5c5c5c;
	border: 1px solid #ffffff;
	}
	
form p
{
	clear: left;
	margin: 0px;
	padding-top: 5px;
}

form p label
{
	float: left;
	width: 20%;
	font: bold 0.9em Arial, Helvetica, sans-serif;
	}
	
	
/* A class that clears both, and has nothing in it. If you stick it directly under floating divs, but inside of the container div, it will recognize the floats, plus the container will recognize the fixer, allowing the container div to expand vertically correctly. */
.fixer
{
	clear: both;
	margin: 0px;
	padding: 0px;
	}
	

/* Footer Div properties */
#footer
{
	margin: 30px auto 0px auto;
	padding: 30px 0px 0px 0px;
	width: 990px;
	text-align: center;
	color: #ffffff;
	font-size: 11px;
	background-color: #000000;
	background-image: url(images/tile_footer.gif);
	background-repeat: no-repeat;
	}
	
	
#footer a:link
{
	text-decoration: none;
	color: #C9BEBA;
	}
	
#footer a:visited
{
	text-decoration: none;
	color: #C9BEBA;
}
	
#footer a:hover
{
	text-decoration: underline;
	color: #C9BEBA;
	}
	
#footer a:active
{
	text-decoration: none;
	color: #C9BEBA;
}


.text01 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 25px;
	color: #ff0000;
	font-weight: normal;
	line-height: 28px;
	}
.text02 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #ff0000;
	font-weight: normal;
	}
.text03 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #ff0000;
	font-weight: normal;
	}
.text04 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #ff0000;
	font-weight: normal;
	}
.text05 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #ff0000;
	font-weight: normal;
	}

.text06 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #ffffff;
	font-weight: normal;
	}
.text07 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #ffffff;
	font-weight: normal;
	}
.text08 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	font-weight: normal;
	}
.text09 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	font-weight: normal;
	}

.text10 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #ffffff;
	font-weight: bold;
	line-height: 25px;
	}
.text11 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #ffffff;
	font-weight: bold;
	}
.text12 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	font-weight: bold;
	}
.text13 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	font-weight: bold;
	}
.text14 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	font-weight: normal;
	}

.text15 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #bdb6b3;
	font-weight: normal;
	}
	
.text16 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ffffff;
	font-weight: bold;
	}
	
	
.text17 {
  	font: normal 12px Helvetica, Arial, sans-serif;
	line-height: 16px;
	color: #917c75;
}

.text18 {
  	font: normal 12px Helvetica, Arial, sans-serif;
	line-height: 16px;
	color: #fd4616;
}

.text19 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #fd4616;
	font-weight: normal;
	}

	
.testimonialName {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #222222;
	font-weight: normal;
	}
	
.testimonialLocation {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-weight: normal;
	}