/* CSS Document */

html {min-height: 100%; margin-bottom: 1px; }
body { margin: 0; font: .8em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; background: url(images/body.gif) 0 0 repeat-x #c6d1c0; color: #000000; }
ul, li, ol, dl, dd, h3, h4, h5, p { margin: 0; padding: 0; list-style: none; border: 0; }
h1, h2, span, hr { display: none; }
.clean { clear: both; }

#container {
width: 750px;
margin: 0 auto; }

	#container #level-1 {
	background: url(images/level-1.gif) 0 0 repeat-x;
	height: 132px; }
		#container #level-1 #logo {
		display: block;
		width: 206px;
		height: 60px;
		float: left;
		margin: 53px 0 0 29px; }
			#container #level-1 #logo a {
			display: block;
			width: 206px;
			height: 60px;
			background: url(images/logo.gif) top left no-repeat; }
		#container #level-1 ul {
		padding: 29px 6px 0 0;
		float: right;
		margin: 0; }
			#container #level-1 ul li {
			float: left; }
		#container #level-1 #aboutus,
		#container #level-1 #aboutus a:hover,
		#container #level-1 #aboutus a.current {
		background: url(images/btn_aboutus_hover.gif) 0 0 no-repeat;
		display: block;
		width: 150px;
		height: 98px; }
			#container #level-1 #aboutus a {
			background: url(images/btn_aboutus.gif) 0 0 no-repeat;
			display: block;
			width: 150px;
			height: 98px; }
		#container #level-1 #services,
		#container #level-1 #services a:hover,
		#container #level-1 #services a.current {
		background: url(images/btn_services_hover.gif) 0 0 no-repeat;
		width: 150px;
		height: 98px;
		display: block; }
			#container #level-1 #services a {
			background: url(images/btn_services.gif) 0 0 no-repeat;
			width: 150px;
			height: 98px;
			display: block; }
		#container #level-1 #contact,
		#container #level-1 #contact a:hover,
		#container #level-1 #contact a.current {
		background: url(images/btn_contactus_hover.gif) 0 0 no-repeat;
		width: 150px;
		height: 98px;
		display: block; }
			#container #level-1 #contact a {
			background: url(images/btn_contactus.gif) 0 0 no-repeat;
			width: 150px;
			height: 98px;
			display: block; }

	#container #level-2-services,
	#container #level-2-aboutus,
	#container #level-2-contactus {
	height: 160px; }
	#container #level-2-services {
	background: url(images/level-2-services.jpg) top left no-repeat; }
	#container #level-2-aboutus {
	background: url(images/level-2-aboutus.jpg) top left no-repeat; }
	#container #level-2-contactus {
	background: url(images/level-2-contactus.jpg) top left no-repeat; }

	#container #level-3 {
	background: url(images/level-3.gif) 0 0 repeat-y;
	padding:  10px 30px 20px 30px; }
		#container #level-3 h3 {
		background: url(images/h3.gif) top right no-repeat;
		font: italic 1.6em Georgia, "Times New Roman", Times, serif;
		color: #4a603e;
		display: inline;
		padding: 0 20px 0 0; }
		#container #level-3 p {
		line-height: 1.6em;
		margin: 5px 0 15px 0; }
		#container #level-3 ul {
		margin: 5px 0 0 0; }
			#container #level-3 ul li {
			line-height: 1.6em;
			margin: 0 0 5px 30px;
			list-style: disc;  }
		#container #level-3 em { }
		#container #level-3 img {
		float: right;
		margin: 20px 30px 0 0; }
		#container #level-3 dl {
		float: right;
		display: inline; 
		margin: 10px 70px 0 0; }
			#container #level-3 dl dd {
			margin-bottom: 5px; }
			#container #level-3 dl dt {
			margin-bottom: 5px;
			font-weight: bold; }
		#container #level-3 a {
		color: #4a603e;
		text-decoration: none;
		font-weight: bold; }
		#container #level-3 a:hover {
		text-decoration: underline; }
		#container #level-3 #contactbox {
		border: 1px solid #c6d1c0;
		background: url(images/bg-contactus.gif) bottom right no-repeat #e1eed9;
		padding: 15px 20px;
		margin: 5px 0 15px 0; }
		#container #level-3 #contactbox form {
		float: left; 
		width: 300px;}
		#container #level-3 #contactbox form .inputbox {
		width: 300px;
		padding: 3px 1px; }
		#container #level-3 #contactbox form textarea {
		height: 100px;}

	#container #level-4 {
	background: url(images/level-4.gif) 0 0 repeat-x;
	clear: both;
	height: 160px;
	padding: 12px 20px; }
		#container #level-4 h4 {
		font-size: .9em;
		color: #3f5251;
		float: left; }
			#container #level-4 h4 a {
			color: #3f5251;
			font-weight: bold;
			text-decoration: underline; }
			#container #level-4 h4 a:hover {
			color: #647a79;
			text-decoration: underline; }
		#container #level-4 h5 {
		font-size: .9em;
		float: right;
		color: #ffffff; }
			#container #level-4 h5 a {
			color: #ffffff;
			font-weight: bold;
			text-decoration: underline; }
			#container #level-4 h5 a:hover {
			color: #d0d7cb; }