@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;
	scrollbar-face-color:#000000;
	scrollbar-highlight-color:#FFFFFF;
	scrollbar-3dlight-color:#917C75;
	scrollbar-darkshadow-color:#000000;
	scrollbar-shadow-color:#000000;
	scrollbar-arrow-color:#FFFFFF;
	scrollbar-track-color:#917C75;
	}
	
/* 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 3 divs, flash02, Lcoloumn, and Rcolumn. */
#midSection
{
	margin: 0px;
	padding: 0px;
	width: 990px;
	background-image: url(images/tile_midSection.gif);
	background-repeat: no-repeat;
	position: relative;
	}
	
/* holds flash02 inside midSection */
#flash02
{
	float: left;
	display: inline;
	margin: 0px 0px 0px 42px;
	padding: 0px;
	position: relative;
	width: 177px;
	height: 392px;
	}
	
/* holds flash02 inside midSection */
#flash02_Relative
{
	margin: 0px 0px 0px 43px;
	padding: 0px;
	width: 177px;
	float: left;
	}
	
/* holds LcolumnContent and flash03 inside midsection next to flash01 */
#Lcolumn
{
	margin: 0px 0px 0px 0px;
	padding: 0px;
	width: 484px;
	float: left;
	}
	
/* holds the main content..."Your Commercial and Residential Electical Experts..." */
#LcolumnContent
{
	margin: 0px;
	padding: 25px 30px 0px 10px;
	width: 444px;
	height: 189px;
	line-height: 23px;
	}
	
#LcolumnContent a:link
{
	text-decoration: underline;
	color: #FD4616;
  	font: normal 14px Helvetica, Arial, sans-serif;
	font-weight: normal;
	}
	
#LcolumnContent a:visited
{
	text-decoration: none;
	color: #FD4616;
}
	
#LcolumnContent a:hover
{
	text-decoration: none;
	color: #FD4616;
	}
	
#LcolumnContent a:active
{
	text-decoration: none;
	color: #FD4616;
}
	
/* holds flash03 below LcolumnContent inside Lcolumn */
#flash03
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 8px 0px;
	width: 484px;
	}
	
/* holds comServices and resServices inside midsection next to Lcolumn */
#Rcolumn
{
	margin: 0px 0px 0px 5px;
	padding: 0px;
	width: 243px;
	float: left;
	position: relative;
	}
	
/* holds comServices and bullets, can stretch*/
#comServices
{
	margin: 0 0 8px 0;
	padding: 0px;
	width: 243px;
	background-color: #ae0000;
	background-image: url(images/tile_comServices.gif);
	background-repeat: no-repeat;
	}
	
/* holds resServices and bullets, can stretch*/
#resServices
{
	margin: 0px;
	padding: 0px;
	width: 243px;
	background-color: #a69c9a;
	background-image: url(images/tile_resServices.gif);
	background-repeat: no-repeat;
	}
	
.servicesBullets
{
	margin: 0px;
	padding: 0px;
	width: 243px;
	background-color: transparent;
	color: #ffffff;
  	font: normal 11px Helvetica, Arial, sans-serif;
	line-height: 18px;
	}

/* 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;
}

#infoBox01 a.viewAll:link
{
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: white;
	font-weight: normal;
	}
	
#infoBox01 a.viewAll:visited
{
	text-decoration: none;
	color: white;
	font-weight: normal;
}
	
#infoBox01 a.viewAll:hover
{
	text-decoration: none;
	color: red;
	font-weight: normal;
	}
	
#infoBox01 a.viewAll:active
{
	text-decoration: none;
	color: red;
	font-weight: normal;
}

/* 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:#000000;
	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: 20px;
	}

.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;
	width: 275px;
	height: 20px;
	}
	
input.btn
{
	color: #000000;
	background-color: #5c5c5c;
	border: 1px solid #ffffff;
	}
	
form p
{
	clear: left;
	margin: 0px;
	padding-top: 5px;
}

form p label
{
	float: left;
	width: 30%;
	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-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #bdb6b3;
	font-weight: normal;
	}
	
#scroll {
	margin: 20px 0px;
	padding: 0px;
	height: auto;
	width: 20px;
	float: left;
	position: relative;
}