/*RESET*/
	html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td
	{margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}
	body{line-height: 1;}
	ol,ul{list-style: none;}
	blockquote,q{quotes: none;}
	table{border-collapse: collapse;border-spacing: 0;}
/*END - RESET*/

/*Specials*/
	::selection {
		background: transparent;
		color:#0092B2;
	}
	::-moz-selection{
		background: #0092C2;
		color: #fff;
	}
	
	.clear {
		clear: both;
	}
	.clearLeft {
		clear: left;
	}
	.clearRight{
		clear: right;
	}

/*The Parents*/
	body{
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		min-width: 1000px;
		font-size: 14px;
		font-family: Arial, sans-serif;
		color: #333;
		background: #eee;
	}

/*Headings and Ps*/
	/*Headings*/
		h1, h2, h3, h4, h5, h6 {
			font-family: 'Puritan 2.0', 'Gill Sans', 'Gill Sans MT', 'Ikarius ADF', Candara, Jara, sans-serif;
			line-height: 1.5em;
			margin: 0.8em 0 0.3em 0;
		}
		h1 {
			margin: 0.8em 0 0.4em 0;
			font-size: 2.9em;
		}
		h2 {
			margin: 0.8em 0 0.4em 0;
			font-size: 2.4em;
		}
		h3 {
			margin: 0.8em 0 0.5em 0;
			font-size: 1.8em;
		}
		h4 {
			font-size: 1.8em;
		}
		h5 {
			font-size: 1.6em;
		}
		h6 {
			font-size: 1.4em;
		}
		
		h1 em, h2 em, h3 em {
			font-weight: lighter;
			font-variant: small-caps;
			font-style: italic;
		}	
		h4 em, h5 em, h6 em {
			font-style: oblique;
			font-weight: lighter;
			border-bottom: 1px solid #7F5959;
		}
		
		h1 a, h2 a, h3 a {
			font-weight: lighter;
			font-style: italic;
		}
		h4 a, h5 a, h6 a {
			font-weight: lighter;
			font-style: italic;
			text-decoration: none;
			color: #333;
			border-bottom: 1px solid #A8C545;
		}
		
		.subHeading {
			margin: -1.4em 0 1.5em 3em;
			font-size: 1.4em;
			font-weight: lighter;
			font-variant: small-caps;
			font-style: italic;
		}
		.subHeading em {
			border-bottom: 0;
		}
	
	/* Ps */
		p {
			color: #4a4a4a;
			line-height: 1.7em;
			text-indent: 1em;
			margin-top: 1em;
		}
		p big{
			font-family: 'Puritan 2.0', 'Gill Sans', 'Gill Sans MT', 'Ikarius ADF', Candara, Jara, sans-serif;
			font-size: 1.2em;
		}
		p + p{
			text-indent: 1.4em;
		}
		
		h1 + p:first-letter,
		h2 + p:first-letter,
		.subHeading + p:first-letter {
			font-family: 'Puritan 2.0', 'Gill Sans', 'Gill Sans MT', 'Ikarius ADF', Candara, Jara, sans-serif;
			font-size: 2.2em;
			font-variant: small-caps;
			font-weight: lighter;
		}
		
		h1 + p:first-line,
		h2 + p:first-line,
		h3 + p:first-line,
		.subHeading + p:first-line {
			*line-height: 1em; /*A hack to get <=IE7 to render properly, b'coz it suxz innit.*/
		}

/*Content Styling*/
	blockquote{
		width: 80%;
		padding: 0.1em 0 0.5em 10px;
		margin: 2em 0 3em 10%;
		font-family: Georgia, 'New York', 'Century Schoolbook L', 'DejaVu Serif Condensed', serif;
		font-style: italic;
		background: url('quotes.gif') top left no-repeat;
	}
	blockquote p:last-child {
		padding: 0 22px 0.5em 0;
		background: url('quotes-end.gif') bottom right no-repeat;
	}
	blockquote cite {
		display: block;
		width: 95%;
		height: 4em;
		padding: 20px 50px 00px 0;
		text-align: right;
		font-size: 0.79em;
		background: url('quotes-end.gif') bottom right no-repeat;
	}
	
	q {
		font-size: 1.1em;
		margin: 0 1em;
		font-family: Georgia, 'New York', 'Century Schoolbook L', 'DejaVu Serif Condensed', serif;
		font-style: italic;
	}
		
	abbr, acronym{
		border-bottom: 1px dotted #666;
		cursor: help;
	}
	
	code, samp, kbd {
		font-family: Consolas, 'Andale Mono', 'Lucidia Console', monospaced;
		color: #4a4a4a;
	}
	
	#content a {
		text-decoration: none;
		color: #023F72;
	}
	#content a:hover {
		color: #fff;
		background: #114672;
	}
	
	#content ul, ol {
		margin: 1.2em 3em 2em 3em;
		color: #4a4a4a;
	}
		#content ul {
			list-style: disc;
		}
		#content li+ ul {
			list-style: square;
		}
		#content li + ul li + ul {
			list-style: circle;
		}
		#content ol {
			list-style: decimal;
		}
		#content li + ol {
			list-style: lower-latin;
		}
		#content li + ol li + ol {
			list-style: lower-roman;
		}
		#content li {
			padding: 0.3em 0;
			line-height: 1.3em;
		}

	img {
		max-width: 100%;
	}
	img.left {
		float: left;
		margin: 1em 1em 1em 0;
	}
	img.right {
		float: right;
		margin: 1em 0 1em 1em;
	}
	img.textAlgin {
		vertical-align: bottom;
	}	
	img.autoAdjust {
		width: 35%;
		max-width: 400px;
		min-width: 150px;
	}
	img.accent {
		margin: -10px -30px 0 0;
	}
	img.accent.autoAdjust {
		width: 30%;
		max-width: 400px;
		min-width: 150px;
	}
	
	.contactData {
		margin: 0 0 0 2em;
	}
	
	.contactData.address {
		margin: -1.1em 0 0 2em;
	}
	
	.contactData li {
		margin: 0 0 0 -3em;
		list-style: none;
	}
	
	.center {
		text-align: center;
	}
	
/*Drop Shadows */
	.dropShadow-left {
		position: absolute;
		top: 0;
		left: -10px;
		width: 10px;
		height: 100%;
		background: transparent url('dropShadow-left.png') top left repeat-y;
	}
	.dropShadow-right {
		position: absolute;
		top: 0;
		right: -10px;
		width: 10px;
		height: 100%;
		background: transparent url('dropShadow-right.png') top right repeat-y;
	}
	.dropShadow-bottom {
		position: absolute;
		left: 0;
		bottom: -10px;
		height: 10px;
		width: 100%;
		background: transparent url('dropShadow-bottom.png') top left repeat-x;
		_display: none;
	}

/*Page Makeup*/
	#banner {
		position: relative;
		height: 170px;
		margin: 0;
		background: #0768b7 url('banner-bg.png');
	}
		#jigsaw{
			position: absolute;
			top: 0;
			left: 0;
			height: 170px;
			width: 170px;
			background: transparent url('jigsaw.png') top left  no-repeat;
		}
		#logo {
			position: absolute;
			top: 90px;
			left: 110px;
			height: 66px;
			width: 400px;
			background: url('logo-trans.png') 0 0 no-repeat;
			_background: url('logo.png') bottom right no-repeat;
			text-indent: -9999px;
			font-family: Helvetica, Arial, sans-serif;
			font-size: 50px;
			color: #fff;
		}
		#logo:hover {
			background-position: 0 -67px;
			_background-position: 0 5px;
		}
	
	#bar {
		position: relative;
		height: 2.14em;
		margin: 0;
		line-height: 30px;
		z-index: 1;
		font-size: 14px;
		background:  #000;
	}
		#bar ul {
			position: relative;
			margin: 0 0 0 20px;
			z-index: 997;
		}
		#bar li {
			position: relative;
			display: inline;
			margin: 0;
			line-height: 30px;
			z-index: 998;
		}
		#bar a {
			position: relative;
			height: 30px;
			padding: 7px 8px;
			z-index: 999;
			color: #fff;
			font-weight: bold;
			text-decoration: none;
		}
		#bar a:hover {
			_text-decoration: underline;
		}
		
		#bar ul div {
			display: none;
			width: 300px;
			text-align: center;
			background: #000;
		}
		
	#spark {
		position: absolute;
		left: -31px;
		top: 0;
		height: 30px;
		width: 30px;
		z-index: 1;
		background: url('spark-trans.png') center no-repeat;
	}
	
	#light {
		position: fixed;
		top: 0;
		right: 0;
		height: 331px;
		width: 160px;
		_height: 0;
		_width: 0;
		z-index: 2;
		background: url('light-trans.png') no-repeat;
		_background: transparent;
		background-position: 0 0;
	}
		#light:hover {
			background-position: 0 -331px;
		}
		
	#content {
		position: relative;
		min-height: 500px;
		width: 75%;
		max-width: 1100px;
		margin: auto;
		padding: 10px 30px 60px 25px;
		background: #fff;
	}
	
	#boxLinks {
		position: relative;
		height: 200px;
		width: 700px;
		margin: 40px auto 50px auto;
	}
		#boxLinks .box {
			position: relative;
			float: left;
			height: 155px;
			width: 155px;
			margin: 0 10px 0 0;
			text-align: center;
			border: 5px solid #7FD5FF;
			cursor: pointer;
		}
		#boxLinks .box h3 {
			padding: 0;
			margin: 0;
			line-height: 30px;
			color: #fff;
			font-weight: lighter;
			background: rgba(0,0,0,0.2);
			*background: transparent; /*Hacks to get <=IE7 to render properly, b'coz it suxz innit.*/
			filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000000,endColorstr=#33000000);
			*zoom: 1;

		}
		#boxLinks .box#domestic {
			background: #054883 url('domestic.jpg') bottom no-repeat;
		}
		#boxLinks .box#commercial {
			background: #054883 url('bussinessBox.png') bottom no-repeat;
		}
		#boxLinks .box#industrial {
			background: #054883 url('industry.jpg') bottom no-repeat;
		}
		#boxLinks .box#contracting {
			background: #054883 url('contractingBox.png') bottom no-repeat;
			margin: 0;
		}
		
		#boxLinks .learnMore {
			display: none;
			position: absolute;
			bottom: 10px;
			right: 15px;
			height: 15px;
			width: 70px;
			line-height: 15px;
			text-align: center; 
			border: 2px solid #65A9CC;
			text-decoration: none;
			color: #fff;
			font-size: 11px;
			font-family: Tahoma, Verdana, sans-serif;
			font-weight: lighter;
			font-variant: small-caps; 
			background: #3F6A7F;
			cursor: pointer;
		}
			#boxLinks .learnMore:hover {
				border: 2px solid #3F6A7F;
				background: #65A9CC;
			}

	#foot {
		position: relative;
		height: 10.71em;
		padding: 20px 20px 10px 20px;
		background: #0a0a0a;
		font-size: 14px;
		font-weight: bold;
	}
		#foot img{
			position: absolute;
			top: 40px;
			left: 20px;
		}
		#foot img#uvdb{
			position: absolute;
			top: 62px;
			left: 150px;
		}
		
		#foot ul {
			position: absolute;
			top: 2.5em;
			right: 21.07em;
			padding: 0 15px;
			text-align: right;
			border-right: 3px solid #aaa;
		}
		#foot li {
			margin: 10px 0;
		}
		#foot li a {
			color: #bbb;
			font-weight: bold;
			text-decoration: none;
		}
			#foot li a:hover {
				color: #fff;
			}
		
		#foot p {
			position: absolute;
			top: 1.8em;
			right: 1.43em;
			width: 17.86em;
			text-align: left;
			text-indent: 0;
			color: #ccc;
		}
		#foot span {
			position: absolute;
			bottom: 10px;
			left: 30px;
			font-size: 12px;
			font-weight: normal;
			color: #aaa;
		}
		#foot span:hover {
			color: #fff;
			cursor: default;
		}
		#foot span a {
			padding: 0 30px 0 0;
			color: #aaa;
			text-decoration: none;
		}
			#foot span a:hover {
				color: #fff;
				text-decoration: overline;
			}