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

body {
	background: #191d1e url(../images/body-bg-base.gif) repeat-x;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 13px;
	line-height: 16px;
}
a, a:link, a:visited {
	color: #18492a;
}
a:hover, a:active {
	color: #467057;
}
#outer-wrapper {
	position: absolute;
	background: #191d1e url(../images/body-bg.jpg) repeat-x;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 22px;
	font-weight: normal;
	margin-bottom: 15px;
	margin-top: 6px;
}
h3 {
	margin-top: 20px;
	padding: 3px 0px 0px 16px;
	height: 22px;
	background: #be9907 url(../images/yellow-bar-bg.gif) repeat-x;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	margin-left: -11px;
	margin-right: -12px;
}
p {
	margin-bottom: 10px;
}
#content ul {
	list-style: disc;
	margin-left: 24px;
}
#content li {
	float: left;
	width: 200px;
}


#wrapper {
	position: relative;
	width: 782px;
	margin: 0px auto;
}
#content {
	position: absolute;
	top: 158px;
	width: 782px;
	height: auto;
}
	#content-main {
		position: relative;
		width: 453px;
		height: 323px;
		background: #efefef url(../images/content-frame.jpg) no-repeat;
		padding: 20px;		
	}
#header {
	position: absolute;
	top: 21px;
	left: 110px;
	width: 561px;
	height: 70px;
	background: url(../images/lemont-paving-company.gif);
}
#navbar {
	position: absolute;
	top: 111px;
	width: 782px;
	height: 44px;
	text-align: center;
}
	#navbar ul {
		list-style: none;
	}
	#navbar ul li {
		display: inline;
		padding: 0px 8px;
	}
#footer {
	
}
#promo-box {
	position: absolute; 
	right: 0px;
	top: 0px;
	width: 286px; height: 107px;
	background: url(../images/references.jpg) no-repeat;
}
#services-box {
	position: absolute; 
	right: 0px;
	top: 109px;
	width: 286px; height: 50px;
	background: url(../images/commercial-industrial-residential.jpg) no-repeat;
}
			
#photo-gallery {
	position: absolute; 
	background-color: #efefef;
	right: 1px;
	top: 161px;
	width: 283px; height: 202px;
}
	.frame {
		position: absolute;
		width: 283px; height: 202px;
		background: url(../images/photo-frame.gif) no-repeat;
		z-index: 2;
	}
	#photo {
		position: absolute;
		top: 8px;
		left: 7px;
		width: 275px; height: 198px;
		background: url(../images/gallery/gallery-01.jpg) no-repeat;
		z-index: 1;
	}
	.pics {  
		position: absolute;
    height: 198px;  
    width:   275px;  
    padding: 0;  
    margin:  0;  
		top: 0px;
		left: 0px;
		z-index: 1;
	} 
	.pics img {  
		position: absolute;
		padding: 8px 0px 0px 7px;  
		background-color: #eee;  
    height: 190px;  
    width: 268px;  
		top:  0px; 
		left: 0px; 
	} 

.clearit {
	clear: both;
	height: 0px;
}

.map {
	position: absolute;
	right: 25px;
	bottom: 20px;
	border: 1px solid #888;
}