/*	carousel	*/

div#carousel {
			margin:			0 0 30px 0;
			border:			1px solid #bbdd86;
		}

  #enclosing {
        z-index: 0;
        position: relative;
        height: 350px;
        width: 430px;
        overflow: hidden;
    }
    .slide { 
        z-index: 2; 
        position: absolute; 
        bottom: 0; 
        left: 50; 
        top: 50;
        height: 350px;
        width: 430px;
     }
	 
	 
     /* holds the divs */
     #slider {
         z-index: 0;
         position: relative; 
     }
     #controls {
        z-index: 10; 
        position: absolute; 
        right: 0; 
        top:1px;
		padding:5px 5px 0 0;
		font-size:	11px;
	}
	
	#carousel .slideTo, #auto {
		padding:	2px 6px;
		border:		1px solid #000;
		background:#fff;
	}
	
	#carousel .slideTo:hover, #auto:hover {
		cursor:		pointer;
	}
     #carousel .image {
         position: absolute;
         z-index: 1;
         left: 0;
         top: 0;
		 }


.content {
	font-size:		80%;
	z-index:	10;
	position:	absolute;
	bottom:		0;
	width:		100%;
	color:		#fff;
}

#carousel h1 {
	background:	#fff;
	color:	#000;
	font-family:	century gothic;
	font-size:	2.2em;
	font-weight:	bold;
	padding:	4px;
}

#carousel .p {
	color:		#000;
	background:	#ddfdad;
	font-family:	arial;
	font-size:		13px;
	padding:		4px;
	width:			420px;
}

#carousel span.caption {
	float:			left;
	width:			70%;
	padding:		0 2% 0 0;
	color:		#000;
	background:	#ddfdad;
}

#carousel span.link {
	float:right;
	font-size:16px;
	width:26%;
	text-align:	center;
}


#carousel span.link a {
	color:#f1fede;
display:block;
padding:13px 6px;
	background:none repeat scroll 0 0 #51772C;
	border:1px inset #111111;
}

#carousel span.link a:hover {
	color:#fff;
	background:none repeat scroll 0 0 #405e23;
	border:1px outset #111111;
}

#carousel img {
	position:	relative;
	z-index:	1;
	bottom:		0;
	left:		0;
	width:		428px;
}
.trans {
	/* for IE */
  filter:alpha(opacity=80);
  /* CSS3 standard */
  opacity:0.8;
 
     }