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


body {
	background-color:#666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:1.5em;
	color:#666;
}

h1 {
	font-size:16px;
	
}

#wrapper {
	background-color:#FFF;
	width:1024px;
	margin: 0px auto;
	
	}

.header {
	width:770px;
	height: 200px;
	float:left;
	display:block;

}


#headerleft {
	height:auto;
	width:436px;
	float:left;	
/*	background-color:#069;
*/}

#headerright {
	float:right;
	width:auto;
	height:auto;
/*	background-color:#0F9;
*/	
}

.headertext{
	height:109px;
	width: 396px;
	padding:0 0 20px 20px;
	float:left;

	
}
.leftside  {
	width:62px;
	height:700px;
	background-color:#8bd3ee;
	float:left;
	
}
.rightside {
	
	width:62px;
	background-color:#8bd3ee;
	float:right;
	height:700px;
}

.nav {
	background-color:#FFF;
	float:left;
	height:31px;
	width:900px;
		padding-bottom:20px;
	
}

#navlist{
	float:left;
	position:absolute;
	top:283px;
	
	
	}
#navlist li{margin:0;padding:0;list-style:none;position:absolute;top:0;}
#navlist li, #navlist a{height:31px;display:block;}

#home{left:0px;width:84px;}
#home{background:url(images/navigation.jpg) 0 0}
#home a:hover{background: url(images/navigation.jpg) 0 -31px;}

#about{left:84px;width:108px;}
#about{background:url(images/navigation.jpg) -84px 0;}
#about a:hover{background: url(images/navigation.jpg) -84px -31px;}

#contact{left:192px;width:100px;}
#contact{background:url(images/navigation.jpg) -192px 0;}
#contact a:hover{background: url(images/navigation.jpg) -192px -31px;}

#locations{left:292px;width:144px;}
#locations{background:url(images/navigation.jpg) -292px 0;}
#locations a:hover{background: url(images/navigation.jpg) -292px -31px;}

#delivery{left:436px;width:109px;}
#delivery{background:url(images/navigation.jpg) -436px 0;}
#delivery a:hover{background: url(images/navigation.jpg) -436px -31px;}

#building{left:545px;width:164px;}
#building{background:url(images/navigation.jpg) -545px 0;}
#building a:hover{background: url(images/navigation.jpg) -545px -31px;}

#land{left:709px;width:191px;}
#land{background:url(images/navigation.jpg) -709px 0;}
#land a:hover{background: url(images/navigation.jpg) -709px -31px;}

.content_left  {
	height: auto;
	width: 150px;
	padding: 50px 0 20px 20px;
	float: left;	
}
.content_right  {
	
	width:717px;
	float:right;
	height:auto;
	padding-top:20px;
}


#footer {
clear: both;
	text-align: center;
	height: 50px;
	background: #CCC; /*background color of footer*/
	padding: 10px;
}

#footer p  {
	color:#FFF; /*the color of the text in the footer*/
}

#footer a, a:hover{
	color:#333; /*the color of the hover text in the footer*/
}