/* --------------------------------------------------

CSS Document For Leaves v1.0 - Anthonyy @ OSWD.org

-------------------------------------------------- */



/* BODY */

body {
	background: #FFFFFF repeat;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}


/* CONTAINER */

#container_cloud {
	width: 950px;
	color: #666;
	clear: both;
	background: url(../images/Top_NEW_behind2.jpg) no-repeat top;
	margin: 0px auto;
	padding-top: 1px;
		}

#container_outer {
	width: 882px;
	color: #666;
	clear: both;
	padding-bottom: 30px;
	background: #FFFFFF no-repeat top;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
		}
#container_bg {
	width: 800px;
	color: #666;
	clear: both;
	padding-bottom: 30px;
	background: #FFFFFF url(../images/bg_blue_column.gif) no-repeat top;
	margin: 12px auto 0px;
	padding-top: 25px;
		}


#container {
	width: 882px;
	font-family: "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif; /* Lucida Grande for the Macs, Tahoma for the PCs */
	font-size: 12px;
	line-height: 1.7em;
	color: #999999;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
		}
#Headers {
	font-family: "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif; /* Lucida Grande for the Macs, Tahoma for the PCs */
	font-size: 14px;
	line-height: 1.7em;
	color: #CC3300;
	font-weight: bold;
	}
		
#Sub_Headers {
	
	font-family: "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif; /* Lucida Grande for the Macs, Tahoma for the PCs */
	font-size: 14px;
	line-height: 1.7em;
	color: #999999;
	}
		

/* GENERAL MOJO AND MULA */





h1.technique-one {

	width:200px;

	height: 30px;

	background: url(../images/technique-one.jpg) no-repeat;

	text-indent: -9999px;

	margin-left: -4px;

	padding-top: 0px;

	padding-bottom: 0px;

}

#header-one {

	background: url(../images/header_001.gif) no-repeat;

	text-indent: -9999px;

	margin-top: 22px;

}

#header-two {

	background: url(../images/header_002.gif) no-repeat;

	text-indent: -9999px;

}

#header-three {

	background: url(../images/header_003.gif) no-repeat;

	text-indent: -9999px;

}

#header-four {

	background: url(../images/header_004_side.gif) no-repeat;

	text-indent: -9999px;

	height: 45px;

}

		

h1, h2, h3, h4, h5 {

	font-family: "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif; /* Lucida Grande for the Macs, Tahoma for the PCs */

	font-weight: bold;

	letter-spacing: -.05em;

	margin: 0;

	padding: 0;

	line-height: 1em;

	color: #660000;

}

.h1-first {
	text-align: left;
	font-size: 1.2em;
	color: #666666;
	font-weight: bold;
	padding-top: 20px;
	margin-bottom: -10px;
}

.h2-first {
	text-align: left;
	font-size: 1.9em;
	color: #666666;
	font-weight: bold;
	padding-top: 20px;
	margin-bottom: -10px;
}

h1 {
	text-align: left;
	font-size: 1.2em;
	color: #666666;
	margin-bottom: -5px;
	padding-top: 8px;
}



h2 {
	text-align: left;
	font-size: 1.9em;
	color: #666666;
	margin-bottom: -5px;
}
}



h3 {

	font-size: 20px;

	color: #660000;

}



h4 {

	color: #660000;

	font-size: 16px;

	margin: 20px 0 20px 0;

	display: inline;	

}



h5 {

	font-size: 20px;

}

		

		a {
	color:#A82B2B;
	text-decoration: none;
		}



		a:hover {

			color:#CC6714;

			background-color: #F5F5F5;

		}



		

		form {

			float:right;

			margin-top: -45px;

			font-size: 9px;

		}

		

		input {

			background-color: #FFF;

			color: #999999;

			border: 1px solid #CCC;

			font-size: 11px;

			padding: 3px;

		}

		

		.button {

			padding: 2px;

		}

		

/* HEADER ELEMENTS */


#header {
	padding-top: 10px;
	clear: both;
	height: 105px;
	background: #AABD27;
		}

#logo_carver {
	float: right;
	background: url(../images/logo_main.png) no-repeat left bottom;
	height: 87px;
	width: 373px;
	margin-top: 0px;
	padding-right: 0px;
	margin-right: 0px;
}

/* IMAGE TOP ELEMENTS */		


	#nav_area {
	height: 274px;
	background: #000000;
	float: left;
	width: 180px;
	border-top: 13px solid #000000;
		}
		
#clear {
	clear: both;
}




/* the slogan */

		#header p { 

			margin-top: -20px;

			margin-left: 30px;

			color: #999999;

		}



/* NAVIGATION ELEMENTS */

	

		 #navigation ul {

			margin-left: 0;

			padding-left: 0;

			list-style-type: none;			

			float: left;

			width: 140px;

		}



		#navigation a {

			display: block;

			padding: 5px;

			width: 140px;

			border-bottom: 1px solid #CCC;

		}



		#navigation a:link, #navlist a:visited {

	text-decoration: none;

		}

		

		#navigation a:hover {

	background: #000000 url(../images/arrow.gif) 96% 50% no-repeat;

	background-color: #F5F5F5;

		}

#highlighted {
	background: #F5F5F5 url(../images/arrow.gif) no-repeat 96% 50%;
	width: 150px;
		}

/* THE SMALL BOX BELOW NAV */



		#navigation p {

			margin-top: 40px;

			padding: 5px;

			border-bottom: 1px dotted #CCC;

			border-top: 1px dotted #CCC;

		}

		

/* CONTENT ELEMENTS */



		#content {
	width: 662px;
	margin-left: 180px;
	margin-right: 0px;
		}
		
		#content_2_clmn {
	width: 570px;
	margin-left: 180px;
		}

		
		#content p {
	margin-bottom: -3px;
		}
#content   ul {
		}


/* SIDEBAR ELEMENTS */


#sidebar {
	float: right;
	width: 175px;
		}

#sidebar_form {
	width: 175px;
	margin-bottom: 15px;
	height: 200px;
	margin-top: 15px;
		}
		
#sidebar h1 {
	padding: 8px;
	font-size: 1.2em;
		}

		

		#sidebar p {

			padding-bottom: 10px;

			border-bottom: 1px solid #DDDDDD;

		}



/* FOOTER ELEMENTS */



		#footer {
	clear: both;
	height: 60px;
	padding-top: 20px;
	padding-bottom: 20px;
	border-top: 2px solid #463E35;
		}

		

		#footer p {
	color:#89817f;
	padding: 5px 5px 5px 174px;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
		}

		

		#footer p a {

			color: #89817f;

			border-bottom: 1px dotted #89817f;

		}

		

		#footer p a:hover {

			color: #FFFFFF;

			background-color:#575352;

		}

		

		/* And they lived happily ever after. The End. */

#logo {

	background: url(../images/test_logo.gif) no-repeat;

}