﻿
*{ margin: 0; padding: 0; }*
body 
{ 
	margin: 25px 0 0; 
	background: #fff url(images/bg.gif) repeat-x; 
	font: .74em "Trebuchet MS", Arial, Sans-Serif; 	
	color: #444; 
}

h1 
{ 
	font-size: 3em; 
	font-weight: normal; 
	float: left; 
}
	
h1 a 

{ 
	text-decoration: none; 
}
	
h2 

{ 
	font-size: 14px; 
	color: #ffffff; 
	font-weight: normal; 
}
	
#em 
{ 
	color: #ffce07; 
	text-decoration:none;
}	
	
h3 

{ 
	font-size: 1.5em; 
	border-bottom: 1px solid #bdc754; 
	margin: 0 0 .8em; 
}

h4 

{ 
	font-size: 24px; 
	color: #ffffff; 
	font-weight: normal; 
	margin: 0;
}
	
	
p  
{ 
	margin: 0 0 2em 0; 
	line-height: 1.8em; 
}

	
a 

{	color: #781d7c; 
	text-decoration:none; 
}
	
a:hover 
{ 
	color: #fece08; 
	text-decoration: none; 
}

.commercial a 

{	color: #ffffff; 
	text-decoration:none; 
}
	
.commercial a:hover 
{ 
	color: #fece08; 
	text-decoration: none; 
}

.residential a 

{	color: #781d7c; 
	text-decoration:none; 
}
	
.residential a:hover 
{ 
	color: #ffffff; 
	text-decoration: none; 
}

img 
{	
	border: 0px; 
}
	
.Purple
{ 
	color: #46166b; 
}
	
.wrap 
{ 
	width: 900px; 
	margin: 0 auto;
	margin-bottom: 15px;
}
 
#header 
{ 
	width: 900px; 
	height: 100px; 
	margin: 0 auto; 
	margin-bottom: 0px;
}
	
#menu  
{ 
	qposition:absolute;
	top:45px;
	padding: 6px 0 0 180px;
	qlist-style: none;
	
}
		
#menu li 
{	
	display: inline; 
}
		
#menu a 
{ 
	display: block; 
	float: left; 
	margin-left: 15px; 
	padding: 7px 7px 7px 0px; 
	text-decoration: none; 
	font-size: 13px; 
	color: #000000; 
	width:90px;
}
	#menu .one a 	
	{
		border-bottom:solid 3px #000000;
	}
	#menu .two a 	
	{
		border-bottom:solid 3px #781d7c;
	}
	#menu .three a 	
	{
		border-bottom:solid 3px #ffce07;
	}
	#menu .four a 	
	{
		border-bottom:solid 3px #bcc455;
	}
	#menu .five a 	
	{
		border-bottom:solid 3px #781d7c;
	}
	#menu .six a 	
	{
		border-bottom:solid 3px #bebcbc;
	}
	
#menu a:hover 
{ 
	border-bottom: 3px solid #ccc; 
	display: block; 
	float: left; 
	margin-left: 15px; 
	padding: 7px 7px 7px 0px; 
	text-decoration: none; 
	font-size: 13px; 
	color: #000000; 
	width:90px;
}
		
#menu .active a 
{ 
	border-bottom: 2px solid #185b6b; 
	color: #8436c0;
}
 
#teaser 
{ 
	clear: both; 
	height: 245px; 
	background: #fff url(images/strike-new.jpg) repeat-x; 
	padding-bottom: 5px;
}
	
.box 
{	float: right; 
 	padding: 10px 0 0; 
 	width: 500px; 
 	height: 42px;
 	color: #C7E3EE; 
}

.boxb 
{	float: left; 
 	padding: 2px 0px 0px ;  
 	width: 500px; 
 	height: 100px;
 	color: #C7E3EE; 
}
	
#image 
{ 
	float: right; 
	width: 320px; 
	position: relative; 
	top: -20px; 
	background: url(images/logotype.gif) no-repeat top right; 
	height: 212px;
}
	
#bar 
{ 
	margin: 0 0 30px; 
	padding: 8px 0 0 0; 
	background: url(images/bar.gif) repeat-x; 
}
	
.step 
{ 
	cursor: pointer; 
	color: #FAFDDD; 
	padding: 4px 0 0 11px; 
	margin: 0 35px 0 0; 
	font-size: 1.4em; 
	float: left; 
	text-align: center; 
	background: url(images/step.gif) no-repeat; 
	height: 30px; 
}
	
.step a 
{ 
	color: #fff; 
	margin: 0 10px 0 0; 
}
	
.col 
{	
	float: left; 
	width: 425px; 
	margin: 0 30px 16px 0; 
}

.co2 
{	
	float: left; 
	width: 800px; 
	margin: 0 30px 16px 0; 
}
	
.col50 
{ 
	float: left; 
	width: 350px; 
	margin: 0; 
}
.last 
{ 
	float: right; 
	margin: 0; 
}

.contactlast
{
	position:relative;
	left:140px;
} 	

	
.commercial
{ 
	background-color: #781d7c;  
	color: #ffffff;
	margin-right: 15px;
	width: 180px;
	height: 50px;
	padding: 7px;
	float: left;
}
.residential a, .commercial a, .offices a, .industrial a
{ 
	margin-top:17px;
	display:block;
	text-align: center;
	vertical-align: middle;
	font-size:16px !important;
}
.residential
{ 
	background: #fecf07;  
	color: #781d7c;
	width: 180px;
	height: 50px;
	padding: 7px; 
	float: left;
}

.offices
{ 
	background: #bcc455;  
	color: #781d7c;
	margin-right: 15px;
	width: 180px;
	height: 50px;
	padding: 7px; 
	float: left;
}

.industrial
{ 
	background: #bebcbd; 
	color: #781d7c;
	width: 180px;
	height: 50px;
	padding: 7px; 
	float: left;
}


	
.col P , .col50 P
{ 
	text-align:justify; 
}

.co2 
{ 
	float: left; 
	width: 900px; 
	margin: 0px 30px 16px 0; 
}

.co3 
{ 
	float: left; 
	width: 900px; 
	margin: 0 30px 16px 0; 
}

.co4 
{ 
	float: left; 
	width: 900px; 
	margin: 0 30px 16px 0; 
}
	
	
.co2 P 
{ 
	text-align:justify; 
}
	
	
#footer 
{ 
	clear: both; 
	width: 880px; 
	margin: 0 auto;
	padding: 10px; 
	border-top:solid 3px #ffce07; 

}	
		
#footer a 
{ 
	color: #781d7c; 
	text-decoration: none; 
}

#footer a:hover 
{ 
	color: #fece08; 
	text-decoration: none; 
}

#footer P 
{ 
	margin-bottom:5px;
}
.DataTable
{
	width:425px;
	margin-bottom:30px;
}
	.DataTable TD
	{
		width:150px;
		text-align:left;
		white-space:nowrap;
	}
	
#contentsubpage { clear: left; 
        background: #fff;
        float: left; 
        width: 850px; 
        padding: 0 34px 0 20px;
        margin: 15px 0 15px; 
        }

.quote
{
	border: #46166b 1px solid;
	padding:10px;
	margin-bottom:15px;
}
	.quote DIV
	{
		text-align: right;
		font-weight: bold;
		font-style: italic;
	}
	

	.contenttext

	{
		float:left; 
		width:600px;
	}
	
	
.flashContainer
{
	float:left;
	padding-right:10PX;
	float: right; 
	width: 900px; 
	position: relative;  
}
	.flashContent
	{
	
	}
.red
{
	color:Red;
}
	
