/* @override 
	http://localhost/marpan/css/index.css
	http://marpanrecycling.com/css/index.css
*/

body {

	background-image: url(../images/body-bkgd.jpg);

	font: 15px/22px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-align: center;
}

#container {

	width: 895px;

	height: auto;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}



/* @group Layout */



#top-line {

	float: left;

	clear: both;

	position: relative;

	width: 893px;

	height: 17px;

	background: url(../images/top-bar.jpg) no-repeat;

}



#content-contain {

	width: 893px;

	background: url(../images/content-bkgd.jpg) repeat-y;

	position: relative;

	padding-left: 16px;
	height: auto;
	clear: both;
	float: left;
}



/* @group Content-Home */



#frontpage {

	width: 863px;

	position: relative;

	float: left;
	clear: both;
	height: auto;
}



#header {

	width: 555px;

	height: 121px;

	float: left;

	position: relative;

	left: 8px;

	top: -2px;

	z-index: 4;
	background-repeat: no-repeat;
}



#menu {

	background: url(../images/menu-bkgd.jpg) no-repeat 1px 0;

	height: 120px;

	float: left;

	position: relative;

	text-align: right;

	width: 300px;

	z-index: 4;

	top: -2px;

	left: 7px;

}



#title {

	height: 22px;

	position: relative;

	left: 10px;

	font-style: italic;

	color: #016326;

	margin-top: 6px;

	z-index: 3;

	float: left;

	clear: both;

	font-size: 1.3em;

	width: 600px;

}



#content-left {

	left: 10px;

	float: left;

	position: relative;

	width: 603px;

	height: auto;

	margin-top: 10px;

	margin-right: 23px;

}

#content-left-index {

	left: 10px;

	float: left;

	position: relative;

	width: 581px;

	height: auto;

	margin-top: 10px;

	margin-right: 16px;

}



#content-right {

	width: 227px;

	height: 227px;

	float: left;

	position: relative;

	background-image: none;

}

#content-right-index {

	height: 227px;

	float: left;

	position: relative;

	background-image: none;
	padding-top: 18px;
	width: 229px;
}

#content-right-index img {
	border-style: solid;
	border-width: 1px;
	padding: 3px;
	background-color: #f4f4f4;
}



#grass {

	background-image: url(../images/grass.jpg);

	width: 869px;

	height: 137px;

	float: left;

	position: relative;

	clear: both;

	left: -4px;

	top: 4px;

	z-index: 2;

}







/* @end */



#dropdown-container {

	width: 858px;

	background-color: #fff;

	z-index: 3;

	left: 8px;

	margin-left: 4px;

	padding-left: 11px;

	height: auto;

	overflow: hidden;

	padding-bottom: 2px;

	top: 118px;

	border-style: none;

	float: left;

	margin-top: 5px;

}



/* @group Content-Pages */



#about {

	padding-left: 7px;

	border-left: 1px solid #a5a5a5;

	border-bottom: 1px solid #a5a5a5;

	width: 831px;

	float: left;

	position: relative;
	height: auto;
	clear: both;
}



#rates {

	padding-left: 7px;

	border-left: 1px solid #a5a5a5;

	border-bottom: 1px solid #a5a5a5;

	width: 831px;

	float: left;
	clear: both;
	position: relative;
}



#faq {

	padding-left: 7px;

	border-left: 1px solid #a5a5a5;

	border-bottom: 1px solid #a5a5a5;

	float: left;

	position: relative;

	width: 831px;
	clear: both;
}



#employment {

	float: left;

	padding-left: 7px;

	border-left: 1px solid #a5a5a5;

	border-bottom: 1px solid #a5a5a5;

	width: 831px;

	position: relative;
	height: auto;
	clear: both;
}



.content-title {

	margin: 0 0 4px;

	width: 850px;

	height: 20px;

	background-color: #f2f2f2;

	padding: 0 0 2px 4px;

	border-style: none;

	float: left;

	clear: both;

	z-index: 13;

	border-top: 5px solid #fff;

	position: relative;

}



.faqscroll {

	float: left;

	overflow: auto;

	background-color: #fff;

	clear: both;

	width: 846px;

	padding-right: 10px;

}



.ratesscroll {

	float: left;

	overflow: auto;

	background-color: #fff;

	width: 846px;

	clear: both;

	padding-right: 10px;

}



.aboutscroll {

	float: left;

	overflow: auto;

	background-color: #fff;

	width: 846px;

	clear: both;

	padding-right: 10px;

}



.employmentscroll {

	float: left;

	overflow: auto;

	background-color: #fff;

	width: 846px;

	clear: both;

	padding-right: 10px;

}



.holder {

	float: left;

	clear: both;
}







/* @end */



#bottom-line {

	width: 893px;

	height: 17px;

	float: left;

	position: relative;

	clear: both;

	background: url(../images/bottom-bar.jpg) no-repeat;

}



#footer {

	float: left;

	position: relative;

	padding-top: 4px;

	clear: both;

	height: auto;

	width: 895px;

	font-size: .85em;

	text-align: center;

}







/* @end */



/* @group Menu */



#menu ul {

	padding: 0;

	margin: 1px 0 0;

}



li.menu {

	padding: 0;

	list-style-type: none;

	margin: 0 10px 10px 0;

}



#menu li a {

	text-decoration: none;

	color: #000;

	font: 1.25em "Lucida Grande", Lucida, Verdana, sans-serif;

}



#menu li a:active {

	

}



#menu li a:visited {

	

}



#menu li a:hover {

	color: #006225;

}







/* @end */



/* @group Content */



#text {

	position: relative;

	margin-right: 9px;

	height: auto;

	float: left;

	width: 600px;

}



/* My Comment */



#pics {

	width: 130px;

	float: left;

	text-align: center;

	color: #016326;

	border: 1px solid #000;

	padding-left: 4px;

	padding-top: 5px;

	height: 331px;

	position: relative;

	display: block;

}



a img {

	border-style: none;
	text-decoration: none;
}



p {

	padding: 0;

	font-size: 1em;

	margin: 0 0 8px;

	line-height: 1.5em;

}



h1 {

	color: #016326;

	width: 753px;

	float: left;

	display: inline;

	margin: 0;

	font-size: 1.2em;

}



h2 {

	margin: 0 5px 0 0;

	padding: 0;

	display: inline;

	font-size: 1em;

}



h3 {

	float: right;

	position: relative;

	margin: 0;

	padding: 0;

	display: inline;

	width: auto;

	height: auto;

	font-size: 1em;

}



#dropdown-container ul {

	margin: 3px 0;

}



a.close {

	text-decoration: none;

	color: #006624;

	font-variant: small-caps;

	font-size: 1.1em;

}



a.close:active {

	

}



a.close:visited {

	

}



a.close:hover {

	color: #4b4b4b;

}



.question {

	color: #006325;

	display: block;

	margin-bottom: 0;

}



.answer {

	display: block;

	margin-bottom: 12px;

}



#footer a {

	text-decoration: none;

	color: #00652a;

}



#footer a:hover {

	color: #00652a;

	text-decoration: underline;

}







/* @end */



#aboutmap {

	float: right;

	border: 2px solid #000;

	text-align: center;

	width: 154px;

	padding: 0 0 10px;

	margin-left: 15px;

	margin-top: 10px;

	margin-right: 6px;

}

.img-no-border {
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	border-style: none;
	border-color: #fff;
}