/* General style sheet for Lake Forest Construction */

body {font: x-small Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	margin: 2em 0 2em 0;
	padding: 0;
	background: transparent url(outside.gif);
}

H1 {font-size: 11px;
	font-weight:300;
}

a {
	text-decoration: none;
}

a:link {
	color: rgb(179,63,96);
}
a:visited {
	color: rgb(90,32,48);
}
a:hover {
	text-decoration: underline;
}
#container{
	background-color:#FFFFFF;
	border: 1px solid #999999;
	width: 802px;
	height: 750px;
	padding: 0 0 5em 0;
	margin: 20px auto 0;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

#quickpreview {												/* take a quick look at our work */
	position: absolute;
	top: 0px; left: 0px;
	z-index: 100;
}

#homebanner {												/* lake forest construction inc */
	position: absolute;
	top: 0; left: 201px; 
}

#treesbanner {												/* tree portion of banner */
	position: absolute;
	top: 0; left: 601px;
	
}

#graydivider {
	position: absolute;
	top: 112px;
	left: 150px;
	width: 500px;
	height: 53px;
	padding-left: 15px;
	padding-top: 0px;
	font-style: italic;
	font-weight: 700;
	font-size: 120%;
	background-image: url(slices/gray_divider.gif);
	z-index: 50;
}

#topwording {
	font: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	position: absolute;
	top: 153px; left: 152px;
	width: 415px;
	word-spacing: 0.2em;
	z-index: 75;
}

#midwording {
	font: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	position: absolute;
	top: 370px; left: 340px;
	width: 445px;
	height: 80px;
	word-spacing: 0.2em;
	z-index: 200;
}

#lowwording {
	font: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	position: absolute;
	top: 568px; left: 153px;
	width: 365px;
	z-index: 200;
}

#yellowdivider {

	position: absolute;
	top: 335px; right: 13px;
}

#orangedivider {

	position: absolute;
	top: 520px; right: 14px;

}

#navtopborder {

	position: absolute;
	top: 112px; left: 12px;

}

#navlowborder {

	position: absolute;
	top: 250px; left: 12px;
}

#toppic{
	
	position: absolute;
	top: 85px; 
	right: 13px;
	z-index: 200; 
}

#midpic{
	
	position: absolute;
	top: 324px; 
	left: 151px;
	z-index: 200; 
}

#seemorebutton{

	position: absolute;
	top: 270px; 
	right: 15px;
	z-index: 400;

}

#midseemorebutton{

	position: absolute;
	top: 469px; 
	right: 14px;
	z-index: 300;

}

#lowseemorebutton{

	position: absolute;
	top: 728px; 
	left: 150px;

}

#referral{

	position: absolute;
	top: 575px; 
	right: 29px;

}

#sidebar {
	font-size: 13px;
	position: absolute;
	z-index: 111;
	width: 150px; top: 135px; left: 0px;
	
}
#sidebar a {
	color: rgb(0, 84, 166);
	font: normal 1.15em/1.25 arial, serif;
	text-transform: lowercase;
}
#sidebar li {
	list-style: none;
}
#sidebar ul {
	margin: .5em 1em 0 2em; padding: 0;
}

#counterwording {
	font: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: rgb(0, 84, 166);
	position: absolute;
	top: 297px; 
	left: 35px;
}

#counter {
	position: absolute;
	top: 325px; 
	left: 40px;
}

#quickpic {
	position: absolute;
	left: 150px;
	top: 580px;
}

#validated {
	position: absolute;
	bottom: 5px; 
	left: 375px;
}