body
{
	background-color: #ffffff;
	color: #666666;
	font-size: 62.5%;
	font-family: Arial, Helvetica, Verdana;
	margin: 0;
}

img, div, a { behavior: url(/htc/iepngfix.htc) }

li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0; }

img
{
	border: 0;
}

h1 a
{
	display: block;
	width: 49px;
	height: 71px;
	background: url(/images/cdl.gif) left top no-repeat;
	text-indent: -5000px;
	overflow: hidden;
}

h2
{
	font-size: 2.6em;
	color: #8a8a8a;
	font-weight: normal;
}

h3
{
	font-size: 1.8em;
	font-weight: bold;
	padding: 0 0 10px 0;
	color: #353535;
}

h4
{
	color: #1563a5;
	font-size: 1.2em;
}

h5
{
	color: #292929;
	font-size: 1.2em;
}

p
{
	font-size: 1.1em;
}

ul.news
{
	list-style-type: none;
	padding: 0;
	margin: 0;
}

	ul.news li
	{
		padding-bottom: 5px;
	}

	ul.news a
	{
		padding: 5px;
		display: block;
		text-decoration: none;
	}

	ul.news a:hover
	{
		background-color: #d9d9d9;
	}

	ul.news p
	{
		color: #8a8a8a;
	}

#wrapper
{
	width: 958px;
	margin: 0 auto;
}

#header
{
	float: left;
	width: 958px;
	background-image: url(/images/bg_header.gif);
	background-repeat: repeat-y;
	padding: 0 9px 10px 9px;
}

	#header ul
	{
		float: left;
		list-style-type: none;
		margin: 20px 0 0 0;
		padding: 0;
	}

	#header ul a
	{
		color: #666666;
		font-size: 1.2em;
		font-weight: bold;
		padding: 2px;
		text-decoration: none;
	}

	#header ul a:hover
	{
		background-color: #d9d9d9;
	}

	#header li
	{
		float: left;
		border-left: dotted 1px #383838;
		padding: 0 10px;
	}

	#header li.first
	{
		float: left;
		border-left: 0;
		padding: 0 10px 0 0;
	}

	#header .header-1-2
	{
		float: left;
		width: 850px;
		padding: 15px 0 0 10px;
	}

	#header .header-2-2
	{
		float: left;
		width: 80px;
		padding: 5px 0 0 0;
	}

#header-footer
{
	float: left;
	width: 958px;
	height: 5px;
	background-image: url(/images/bg_header_footer.gif);
	font-size: 0;
}

#content
{
	width: 958px;
	float: left;
}

	#content #homepage-features
	{
		float: left;
		width: 958px;
		height: 290px;
		background-image: url(/images/bg_homepage_features.jpg);
		margin: 10px 0 0 0;
	}

		#content #homepage-features .feature
		{
			width: 179px;
			height: 279px;
			padding: 0;
			margin: 0 0 0 10px;
			position: relative;
			overflow: hidden;
			float: left;
		  	display: inline; /* to fix ie double margin bug */
		}

		#content #homepage-features #Lighting-Maintenance
		{
			background-image: url(/images/features/bg_feature1.gif);
		}

			#content #homepage-features #Lighting-Maintenance .left
			{
				background-image: url(/images/features/feature1_a.png);
				
			}

			#content #homepage-features #Lighting-Maintenance .right
			{
				background-image: url(/images/features/feature1_b.png);
			}

		#content #homepage-features #Retail-Lighting-Maintenance
		{
			background-image: url(/images/features/bg_feature2.gif);
		}

			#content #homepage-features #Retail-Lighting-Maintenance .left
			{
				background-image: url(/images/features/feature2_a.png);
				
			}

			#content #homepage-features #Retail-Lighting-Maintenance .right
			{
				background-image: url(/images/features/feature2_b.png);
			}

		#content #homepage-features #Electrical-Testing--Inspection
		{
			background-image: url(/images/features/bg_feature3.gif);
		}

			#content #homepage-features #Electrical-Testing--Inspection .left
			{
				background-image: url(/images/features/feature3_a.png);
				
			}

			#content #homepage-features #Electrical-Testing--Inspection .right
			{
				background-image: url(/images/features/feature3_b.png);
			}

		#content #homepage-features #Exterior-Lighting-Maintenance
		{
			background-image: url(/images/features/bg_feature4.gif);
		}

			#content #homepage-features #Exterior-Lighting-Maintenance .left
			{
				background-image: url(/images/features/feature4_a.png);
				
			}

			#content #homepage-features #Exterior-Lighting-Maintenance .right
			{
				background-image: url(/images/features/feature4_b.png);
			}

		#content #homepage-features #Emergency-Lighting
		{
			background-image: url(/images/features/bg_feature5.gif);
		}

			#content #homepage-features #Emergency-Lighting .left
			{
				background-image: url(/images/features/feature5_a.png);
				
			}

			#content #homepage-features #Emergency-Lighting .right
			{
				background-image: url(/images/features/feature5_b.png);
			}

		#content #homepage-features .flippy-container
		{
			width: 362px;
			height: 140px;
			padding: 0;
			margin: 0;
			position: absolute;
			left: 0px;
			top: 0px;
		}

		#content #homepage-features .feature .right
		{
			width: 179px;
			height: 280px;
			float: right;
		}

			#content #homepage-features .feature .right a
			{
				width: 179px;
				height: 280px;
				display: block;
			}

		#content #homepage-features .feature .left
		{
			width: 179px;
			height: 280px;
		}

			#content #homepage-features .feature .left a
			{
				width: 179px;
				height: 280px;
				display: block;
			}
	
	#content #content-header
	{
		width: 958px;
		height: 5px;
		float: left;
		background-image: url(/images/bg_content_header.gif);
		background-repeat: no-repeat;
		margin: 10px 0 0 0;
		font-size: 0;
	}

	#content #content-homepage
	{
		width: 958px;
		float: left;
		background-image: url(/images/bg_content_homepage.gif);
		padding: 10px 0;
	}

		#content #content-homepage .homepage-1-3
		{
			width: 349px;
			float: left;
			padding: 0 10px 0 20px;
		}

		#content #content-homepage .homepage-2-3
		{
			width: 165px;
			float: left;
			padding: 0 10px 0 15px;
		}

		#content #content-homepage .homepage-3-3
		{
			width: 359px;
			float: left;
			padding: 0 10px 0 10px;
		}

	#content #services-features
	{
		float: left;
		width: 958px;
		height: 58px;
		background-image: url(/images/bg_services.gif);
	}

		#content #services-features ul
		{
			float: left;
			list-style-type: none;
			margin: 0;
			padding: 0;
		}

		#content #services-features li
		{
			float: left;
			padding: 10px 0 0 10px;
		}

	#content #page-heading
	{
		float: left;
		width: 938px;
		padding: 30px 0 0 20px;
	}

		#content #page-heading .heading-1-2
		{
			float: left;
			width: 400px;
		}

		#content #page-heading .heading-2-2
		{
			float: right;
			width: 100px;
		}

			#content #page-heading .heading-2-2 ul
			{
				list-style-type: none;
				padding: 0;
				margin: 0;
			}

			#content #page-heading .heading-2-2 li
			{
				float: left;
				border-left: dotted 1px #c3c3c3;
				padding: 0 10px;
			}

			#content #page-heading .heading-2-2 li.first
			{
				float: left;
				border-left: 0;
				padding: 0 10px 0 0;
			}

	#content #content-main
	{
		width: 958px;
		float: left;
		padding: 10px 0 30px 0;
	}

	#content .main
	{
		background-image: url(/images/bg_content_main.gif);
		background-repeat: no-repeat;
	}

	#content .client-area
	{
		background-image: url(/images/bg_client_area_main.gif);
		background-repeat: no-repeat;
	}

		#content #content-main .main-1-4
		{
			width: 160px;
			float: left;
			padding: 0 20px 0 20px;
			min-height: 10px;
		}

			#content #content-main .main-1-4 ul, #content #content-main .main-1-3 ul
			{
				float: left;
				list-style-type: none;
				padding: 0;
				margin: 0;
			}

			#content #content-main .main-1-4 ul a, #content #content-main .main-1-3 ul a
			{
				color: #666666;
				font-size: 1.1em;
				padding: 2px;
				text-decoration: none;
			}

			#content #content-main .main-1-4 ul a:hover, #content #content-main .main-1-3 ul a:hover
			{
				background-color: #d9d9d9;
				color: #000;
			}

			#content #content-main .main-1-4 li, #content #content-main .main-1-3 li
			{
				padding-bottom: 10px;
			}

		#content #content-main .main-2-4
		{
			width: 190px;
			float: left;
			padding: 0 0 0 10px;
			min-height: 10px;
		}

			#content #content-main .main-2-4 img
			{
				border: solid 1px #a8a8a8;
				margin-bottom: 10px;
			}

		#content #content-main .main-3-4
		{
			width: 338px;
			float: left;
			padding: 0 20px 0 10px;
			min-height: 10px;
		}

			#content #content-main .main-3-4 #contactus
			{
				width: 261px;
				float: left;
				background-image: url(/images/bg_contactus.gif);
				background-repeat: no-repeat;
				padding: 0 10px;
				margin: 6px 0 0 15px;
			}

		#content #content-main .main-4-4
		{
			width: 170px;
			float: left;
			padding: 0 10px 0 5px;
			min-height: 10px;
		}

		#content #content-main .main-1-3
		{
			width: 160px;
			float: left;
			padding: 0 20px 0 20px;
			min-height: 10px;
		}

		#content #content-main .main-2-3
		{
			width: 538px;
			float: left;
			padding: 0 20px 0 10px;
			min-height: 10px;
		}

		#content #content-main .environment
		{
			background-image: url(/images/bg_environment.gif);
			background-repeat: no-repeat;
			padding-top: 160px;
			margin-top: -5px;
		}

		#content #content-main .main-2-3 ul.CMSSiteMapList
		{
			list-style-type: circle;
			padding-left: 10px;
		}

			#content #content-main .main-2-3 ul.CMSSiteMapList li
			{
				padding: 2px;
			}

		#content #content-main .main-3-3
		{
			width: 170px;
			float: left;
			padding: 0 10px 0 5px;
			min-height: 10px;
		}

		#content #content-main .client-area-1-4
		{
			width: 150px;
			float: left;
			padding: 0 20px 0 0;
		}

		#content #content-main .client-area-2-4
		{
			width: 149px;
			float: left;
			padding: 0 15px 0 20px;
		}

		#content #content-main .client-area-3-4
		{
			width: 150px;
			float: left;
			padding: 0 5px 0 25px;
		}

		#content #content-main .client-area-4-4
		{
			width: 343px;
			float: left;
			padding: 70px 0 20px 0;
		}

	#content #content-footer
	{
		width: 958px;
		height: 4px;
		float: left;
		background-image: url(/images/bg_content_footer.gif);
		font-size: 0;
	}

#footer
{
	width: 958px;
	float: left;
	background-image: url(/images/bg_footer.gif);
	background-repeat: no-repeat;
	margin: 10px 0 0 0;
}
	
	#footer img
	{
		padding: 10px 0 0 10px;
	}

	#footer ul
	{
		list-style-type: none;
		margin: 0;
		padding: 0;
	}

	#footer li
	{
		float: left;
		border-left: dotted 1px #bdbdbd;
		padding: 0 10px;
	}

	#footer .footer-1-3
	{
		width: 215px;
		float: left;
	}

	#footer .footer-2-3
	{
		width: 573px;
		float: left;
		margin: 15px 0 0 0;
	}

		#footer .footer-2-3 a
		{
			color: #666666;
			font-size: 1.0em;
			padding: 2px;
			text-decoration: none;
		}

		#footer .footer-2-3 a:hover
		{
			background-color: #d9d9d9;
			color: #000;
		}

	#footer .footer-3-3
	{
		width: 170px;
		float: left;
	}

/* Form related */
#form { float: left; }
.standardform { width: 155px; }
.largeform { width: 263px; }
.validation { padding-top: 5px; color: red; font-size: 1.1em; font-weight: bold; }

#form .required-field
{
	float: left;
	font-weight: bold;
	color: Red;
	padding-left: 1px;
}

#form fieldset
	{
		float: left;
		width: 100%;
		border: 0;
	}

	#form dl { width: 100%; float: left;  margin-top: 10px; }
	#form dd { width: 0; float: left; margin: 0;  }
	#form dt { width: 100%; float: left; padding-bottom: 10px; }

#form label { display: none }

#form .input_l  { /*default styling*/ }

#form .input_r  { /*default styling*/ }

#form .input input
{
	/*default styling*/
	float:left;
	color: #666666;
	font-weight: bold;
	font-size: 1.1em;
	padding: 2px;
}

#form .input input.small { width: 145px; }

#form .input input.large { width: 250px; }

#form .services-dropdown { padding: 2px 0 0 0; float: left; width: 149px; height: 19px; background: transparent url(/images/form/services_dropdown.gif) no-repeat 0 100%; color: #fff; z-index: 1; }
#form .services-dropdown select { width: 149px; margin-top: -2px; opacity: 0; z-index: 10; font: 1.1em Arial, Helvetica, Verdana; font-weight: bold; color: #666666; }

#form .services-dropdown-large { padding: 2px 0 0 0; float: left; width: 257px; height: 19px; background: transparent url(/images/form/services_dropdown_large.gif) no-repeat 0 100%; color: #fff; z-index: 1; }
#form .services-dropdown-large select { width: 257px; margin-top: -2px; opacity: 0; z-index: 10; font: 1.1em Arial, Helvetica, Verdana; font-weight: bold; color: #666666; }

#form .textarea
{
	width: 250px;
	height: 70px;
	padding: 2px;
	font-family: Arial, Helvetica, Verdana;
	font-weight: bold;
	font-size: 1.1em;
	color: #666666;
}

/* Alignment & Spacing */
.align-right { text-align: right; }
.float-right { float: right; }
.padding-top-10 { padding-top: 10px; }
.padding-bottom-10 { padding-bottom: 10px; }

/* Text Styling */
.bold { font-weight: bold; }

/* Common Styling */
.horizontal-line
{
	float: left;
	width: 95%;
	height: 1px;
	font-size: 0;
	background: url(/images/horizontal_line.gif) left top no-repeat;
	margin: 10px 0;
	min-height: 1px;
}

/* Editable & standard content */
.standard-content
{
	font-size: 1.1em;
	color: #666666;
}

.standard-content a
{
	color: #666666;
	padding: 2px;
	text-decoration: underline;
}

.standard-content a:hover
{
	background-color: #d9d9d9;
	color: #000;
	text-decoration: none;
}

.standard-content li
{
	padding-bottom: 5px;
}

/* Tables */

table.documents
{
	width: 100%;
}

table.documents th
{
	font-size: 1.2em;
	background-color: #d9d9d9;
	text-align: center;
	padding: 3px;
}

table.documents td
{
	padding: 3px;
}

/* Faqs */
.faq-heading
{
	cursor: hand;
	padding-top: 3px;
}

.faq-content ul
{
	padding: 10px 15px;
	margin: 0 0 0 10px;
	list-style-type: disc;
	font-size: 1.1em;
}

.faq-content a
{
	color: #666666;
	padding: 2px;
	text-decoration: underline;
}

.faq-content a:hover
{
	background-color: #d9d9d9;
	color: #000;
	text-decoration: none;
}

/* Sitemap */
.CMSSiteMapList li
{
	list-style-type: none;
}

.CMSSiteMapList li a
{
	font-size: 1.4em;
	color: #474747;
	text-decoration: none;
}

.CMSSiteMapList li ul
{
	margin: 0 0 0 5px;
}

.CMSSiteMapList li ul li a
{
	font-size: 1.1em;
	color: #8a8a8a;
	text-decoration: none;
}

/*
 * An obnoxious label to identify dev sites. Not used in production.
 */

.SiteLabel
{
	position:absolute;
	top:5px;
	right:5px;
	background-color: Yellow;
	color: Black;
	padding: 0.25em;
	font-weight: bold;
	width: 150px;
	font-size: 120%;
}

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */


.sIFR-hasFlash h2 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 26px;
}