/* sitefeature2 css */

/* ---------------------------------------------------------------------- 
	progressive enhancement. adjust the height of #prefeature2 to show as many rows as you like.
 ---------------------------------------------------------------------- */
#prefeature2{height:335px; overflow:hidden;}
	#prefeature2 *{padding:0px; margin:0px; border:none;}
	#prefeature2 div{overflow:hidden; float:left; position:relative; margin:0px 5px 5px 0px;}
	#prefeature2 div img{width:100%; display:block;}
	#prefeature2 div a:link{position:absolute; top:0px; left:0px; text-indent:-9999px; display:block; width:100%; height:100%;}
	#prefeature2 div a:visited{position:absolute; top:0px; left:0px; text-indent:-9999px; display:block; width:100%; height:100%;}
	#prefeature2 div p{width:100%;position:absolute; bottom:0px; left:0px; font-size:12px; color:#ffffff; background:#000000; padding:5px 10px 6px 10px; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8; opacity:0.8;}
	#prefeature2 div p a:link{position:static; text-indent:0px; display:inline; color:#ffffff; text-decoration:none;}
	#prefeature2 div p a:visited{position:static; text-indent:0px; display:inline; color:#ffffff; text-decoration:none;}

/* ---------------------------------------------------------------------- 
	these are the declarations you are more likely to change when you customize sitefeature2.
 ---------------------------------------------------------------------- */
 
/* this is the size of your sitefeature2 container */
#sitefeature2{width:500px; height:285px;}

/* these style the links that appear in the text area */
#sitefeature2 #sfcontentcontainer div div a:link{color:#00ff00; text-decoration:none;}
#sitefeature2 #sfcontentcontainer div div a:visited{color:#00ff00; text-decoration:none;}
#sitefeature2 #sfcontentcontainer div div a:hover{text-decoration:underline;}

/* this sets the color and opacity of the text's background area */
/* you must change the opacity in all 4 places to get cross-browser consistency */
#sitefeature2 #sfcontentcontainer div div span{background:#000000; filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity:0.6; opacity:0.6;}

/* this sets the color and opacity of the buttons */
/* you must change the opacity in all 8 places to get cross-browser consistency */
#sitefeature2 #sfbtncontainer a:link{background:#ffffff; color:#000000; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8; opacity:0.8;}
#sitefeature2 #sfbtncontainer a:visited{background:#ffffff; color:#000000; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8; opacity:0.8;}

/* this is the hover and selected states for the buttons */
/* you must change the opacity in all 4 places to get cross-browser consistency */
#sitefeature2 #sfbtncontainer a:hover{filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}
#sitefeature2 #sfbtncontainer.open a.trigger{filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}
#sitefeature2 #sfbtncontainer a.current{filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}


/* ---------------------------------------------------------------------- 
	these are the declarations you aren't likely going to need to change.
 ---------------------------------------------------------------------- */
 
#sitefeature2{overflow:hidden; position:relative; font-family:arial, helvetica, sans-serif; font-size:13px; line-height:18px; color:#ffffff;}
	#sitefeature2 *{padding:0px; margin:0px; border:none;}

	#sitefeature2 #sfcontentcontainer{position:absolute; top:0px; left:0px; width:100%; height:100%;}
		#sitefeature2 #sfcontentcontainer div{position:absolute; top:0px; left:0px; width:100%; height:100%;}
		#sitefeature2 #sfcontentcontainer div div{position:absolute; top:auto; bottom:0px; left:0px; width:100%; height:auto;}
		#sitefeature2 #sfcontentcontainer div div span{position:absolute; top:0px; left:0px; width:100%; height:100%; display:block; /*ie6*/ _height:100px;}
		#sitefeature2 #sfcontentcontainer div div p{position:relative; padding:5px 0px 6px 10px; width:90%;}
			#sitefeature2 #sfcontentcontainer.nomenu div div p{width:100%;}
			#sitefeature2 #sfcontentcontainer.left div div p{left:5%;}
			#sitefeature2 #sfcontentcontainer.right div div p{}
		#sitefeature2 #sfcontentcontainer div div a:link{color:#00ff00; text-decoration:none;}
		#sitefeature2 #sfcontentcontainer div div a:visited{color:#00ff00; text-decoration:none;}
		#sitefeature2 #sfcontentcontainer div div a:hover{text-decoration:underline;}

	#sitefeature2 #sfbtncontainer{position:absolute; bottom:8px; z-index:1337; /*ie6*/ _width:22px;}
	#sitefeature2 #sfbtncontainer.right{right:5px;}
	#sitefeature2 #sfbtncontainer.left{left:7px;}
		#sitefeature2 #sfbtncontainer div{overflow:hidden;}
		#sitefeature2 #sfbtncontainer a:link{text-decoration:none; font-weight:bold; display:block; width:20px; height:20px; line-height:20px; text-align:center; margin:2px 2px 0px 0px; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; border-radius:5px;}
		#sitefeature2 #sfbtncontainer a:visited{text-decoration:none; font-weight:bold; display:block; width:20px; height:20px; line-height:20px; text-align:center; margin:2px 2px 0px 0px; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; border-radius:5px;}
		#sitefeature2 #sfbtncontainer a:hover{opacity:1;}
		#sitefeature2 #sfbtncontainer a:active, #sitefeature2 #sfbtncontainer a:focus{outline:none;}
		#sitefeature2 #sfbtncontainer a.play{font-size:10px; font-weight:bold;}
		#sitefeature2 #sfbtncontainer a.pause{font-size:11px; font-weight:normal;}