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

body { background-image: url(../images/GradientBackground.png);
	background-size:cover;}

#wrapper {
	top:40px;
	position:relative;
	width:900px;
	height:1300px;
	box-shadow: 5px 5px 2px #888888;
	background-color:#FFFFFF;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-right: 0px;
}

#topPan{
	width:750px;
	height:399px;
	position:relative;
	padding:0;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#topPan h1{
	width:243px;
	height:192px;
	position:absolute;
	top:166px;
	left:-18px;
	display:block;
	background:url(../images/header.jpg) 0 0 no-repeat #FEFFFE;
	font:2em Arial, Helvetica, sans-serif;
	color:#fff;
	padding:35px 86px 0 450px;
	font-size:1.6em;
	font-weight:normal;
	font-style:italic;
	background-image: url(../images/skyline.jpg);
	line-height:120%
}
#topPan h1 span{font-size:2em;}

#topPan img{
	width:276px;
	height:113px;
	display:block;
	position:absolute;
		top:42px;
	left:20px
}

#topPan ul{width:410px; height:27px; position:absolute; top:77px; right:-70px;}
#topPan ul li{float:left; width:82px; height:27px; display:block;}
#topPan ul li a{display:block; width:82px; height:27px; background:#FBA01B; color:#fff; font:13px/27px Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold; text-align:center;}
#topPan ul li a:hover{background:url(../images/bullet1.gif) 50% 0 no-repeat #FBA01B; color:#fff; text-decoration:none;}
#topPan ul li.company{background:url(../images/bullet1.gif) 50% 0 no-repeat #FBA01B; color:#fff; text-decoration:none; font:13px/27px Arial, Helvetica, sans-serif; font-weight:bold; text-align:center;}
/*--/Top Panel--*/
/*--Middle Panel--*/
/*--Bottom Panel--*/
#bottomPan{
	width:860px;
	position:relative;
	left: 0px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: -55px;
	float: left;
	padding-left: 0px;
	height: 900px;
}
#bottommiddlePan{
	width:708px;
	float:left;
	margin:41px 0 0 20;
	background-repeat: repeat-y;
	background-position: 0 0;
}
/*--Bottom Left Panel--*/
#bottomleftPan{
	width:414px;
	float:right;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

table, td, th
{
background-color:#FFCC33;
color:white;
}
#bottomleftPan p{padding:0px 42px 0 20;} 
#bottomleftPan p span.boldtext{font-weight:bold;}

#bottomleftPan p.more{width:118px; height:24px; margin:20px 0 0 166px; padding:0;}
#bottomleftPan p.more a{width:100px; height:24px; display:block; background:url(../images/icon5.jpg) 0 0 no-repeat #fff; color:#966202; font:1em "Trebuchet MS", Arial, Helvetica, sans-serif; padding:0 0 0 30px; text-decoration:none;}
#bottomleftPan p.more a:hover{text-decoration:underline;}


#bottomleftPan h2{
	width:220px;
	height:57px;
0 0% no-repeat #fff; 			color:#D67200;
	font:26px/35px Arial, Helvetica, sans-serif;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;
}
#bottomleftPan h3{width:260px; height:26px; font-size:12px; display:block;}
#bottomleftPan h4{width:288px; height:104px;  0 0 no-repeat #fff; color:#000; text-indent:-20000px; margin:25px 0 0;}

.industrial {
	margin-top:-30px;
	padding-bottom: 10px;
}
.residential {
	margin-top:-30px;
	padding-bottom: 10px;
}
.commercial  {
	margin-top:-30px;
	padding-bottom: 10px;
}

.place {
	margin-left:140px;
	margin-top:35px
}

/*--Bottom Panel2--*/
#bottomPan2{width:708px; position:relative; margin:0 auto; left: -4px; top: 60px;}
#bottommiddlePan2{width:708px; float:left; margin:41px 0 0 20; background:url(../images/middleborder.gif) 0 0 repeat-y;}
/*--Bottom Left Panel--*/

/*--Bottom Right Panel--*/
#bottomrightPan{
	width:104px;
	height:700px;
	float:left;
	padding-right: 0px;
	padding-top: 20px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#bottomrightPan p{padding:0px 2px 0 0px;} 
#bottomrightPan p span.boldtext{font-weight:bold;}

#bottomrightPan p.more{width:280px; height:54px; margin:20px 0 0 138px; padding:0 60 ;}
#bottomrightPan p.more a{width:280px; height:24px; display:block;  #fff; color:#966202; font:16px/24px "Trebuchet MS", Arial, Helvetica, sans-serif; padding:0 0 0 30px; text-decoration:none;}
#bottomrightPan p.more a:hover{text-decoration:underline;}


#bottomrightPan h2{width:200px; height:26px; font-size:18px; display:block; line-height:26px; padding:0 0 0 60px; margin:47px 0 0;}
#bottomrightPan h3{
	width:322px;
	height:800px;
	display:block;
	
	
}
#bottomrightPan h3 span{ font-size:14px; text-transform:none;}

/*--/Bottom Right Panel--*/
/*--Bottom Right Panel--*/
#bottomrightPan2{width:254px; float:left;}
#bottomrightPan2 p{padding:10px 2px 0 60px;} 
#bottomrightPan2 p span.boldtext{font-weight:bold;}

#bottomrightPan2 p.more{width:280px; height:24px; margin:20px 0 0 138px; padding:0;}
#bottomrightPan2 p.more a{width:280px; height:24px; display:block; background:url(../images/icon5.jpg) 0 0 no-repeat #fff; color:#966202; font:16px/24px "Trebuchet MS", Arial, Helvetica, sans-serif; padding:0 0 0 30px; text-decoration:none;}
#bottomrightPan2 p.more a:hover{text-decoration:underline;}


#bottomrightPan2 h2{width:200px; height:26px; font-size:18px; display:block; line-height:26px; padding:0 0 0 60px; margin:47px 0 0;}
#bottomrightPan2 h3{width:152px; height:474px; display:block;0 0 no-repeat #FEFEFE; color:#fff; font:18px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; margin:-600px 0 0 400px; font-weight:bold; text-transform:uppercase; padding:30px 126px 0 14px;}
#bottomrightPan2 h3 span{ font-size:14px; text-transform:none;}

/*--/Bottom Right Panel--*/

		
#social {
	position:relative;
	Margin:auto;
	width: 900px;
	height: 60px;
	background-color:#333;
	top: 0px;
	left:0px;
}
	
.footer-logos {
	padding-left: 30px;
	text-align:left;
}
.footer-logos img {margin:8px 0 0 0; }
.footer-logos img.first {margin: 0 0 0 14px;}
.footer-logos img.last {}
.footer-logos ul {}
.footer-logos ul li {display: inline; list-style:none; }

h3 {
	margin-left:424px;
	font-size: 0.7em;
	color:#fff;
	margin-top:-25px;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
}