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



body {
	margin:0px;
	padding:0px;
	background-image:url(i/clouds.jpg)
}

p {
	font-size:11px;
	font-family: Arial, Helvetica, sans-serif;
	margin:0px 25px 5px 25px;
}
ul {
	padding:10px;
	margin:0px 30px 10px 40px;
}
li {
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	list-style-type:circle;
	margin-left:25px;
}	
h2 {
	font-size:18px;
	font-family:Arial, Helvetica, sans-serif;
}
/*------------ STRUCTURE --------- */

#license,#phone  {
	position:absolute;
	z-index:100;
	top:0px; 
	right:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	width:178px;
	height:110px;
}
#license p {
	padding:5px 0px 0px 0px;
	margin-right:20px;
	font-size:14px;
}
#phone p {
	padding:5px 0px 0px 0px;
	margin-left:20px;
	font-size:14px;
}

#license{
	background:url(i/cloudzapL.png) no-repeat;
	text-align:right;
}

#phone {
	left:0px;
	background:url(i/cloudzapR.png) no-repeat;
	text-align:left;
	
}

.closeWindow {
	display:block;
	position:absolute;
	bottom:40px;
	left:145px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:blue;
}

#wrapper {
	width:675px;
	height:auto;
	margin:auto;
}

#top_ {
	width:650px;
	height:137px;
}

#title_ {
	width:650px;
	height:41px;
}

#left-pillar_ {
	width:87px;
	height:310px;
	float:left;
}

#left-pillar_pages{
	width:122px;
	height:310px;
	float:left;
}

#right-pillar_ {
	width:74px;
	height:310px;
	float:left;
	clear:right;
}

#right_pillar_pages{
	width:116px;
	height:310px;
	float:left;
	clear:right;
}

#stairs {
	width:650px;
	height:100px;
	background-image:url('i/stairs_all.gif');
	background-repeat:no-repeat;
	clear:both;
	text-align:center;
	padding-top: 75px;
}
#stairs p a:link {
	color:black;
	text-decoration:none;
}
#stairs p a:visited {
	color:black;
	text-decoration:none;
}

#stairs p a:hover {
	color:black;
	text-decoration:underline;
}

/* ------- MENU ITEMS -------*/

#menu{
	height:27px;
	width:650px;
}
#about_ {
	width:170px;
	height:27px;
	float:left;
}

#projects_ {
	width:144px;
	height:27px;
	float:left;
}

#testimonials_ {
	width:147px;
	height:27px;
	float:left;
}

#contact_ {
	width:189px;
	height:27px;
	float:left;
	clear:right;	
}



/* ----- CENTER TEXT STYLES ----*/

#center_wrapper {
	width:412px;
	height:290;
	float:left;

}
#page_center_top{
	width:412px;
	height:20px;
	float:left;
}

#page_content {
	width:382px;
	height:290px;
	padding:0px 15px;
	float:left;
	background-image:url(i/center_body_pages.jpg);
	background-repeat:none;
}

/*--- HOMEPAGE CENTER SECTIONS --*/

#commercial_ {
	width:159px;
	height:310px;
	float:left;
}

#retail_ {
	width:166px;
	height:310px;
	float:left;
}

#residential_ {
	width:164px;
	height:310px;
	float:left;
}


.popupbox{
	display:none;
	position:absolute;
	top:180px;
	width:350px;
	height:350px;
	
	margin:0px auto;
	z-index:11150;
	background-image:url(i/popupBg.png);
}