/*--------------------------------------------------------------IE HACKS-------------------------------------------------------*/

*:first-child+html .logo
{
	margin-top:50px;
}
* html .logo
{
	margin-top:50px;
}
* html #featured-item {
   background:#000;
}
* html .featured-itemImage span
{
	width:100%;
}
* html .sidenav ul li
{
	width:96%;
}

* html .footer_wrapper .wrapper
{
	float:left;
}
* html .header
{
	z-index:244;
}
* html .portfolio
{
	height:1%;
}
/*--------------------------------------------------------------End IE HACKS-------------------------------------------------------*/




/*--------------------------------------------------------------Slider CSS-------------------------------------------------------*/

#featured-item {  width:100%; }
.featured-itemImage span { background-color: #649036; color: #fff }			



#featured-item {
	width: 600px; /* important to be same as image width */
	height: 240px; /* important to be same as image height */
	position: relative;
	display:block;
	overflow: hidden; /* important */
	background:#ffffff;
	padding:9px;	
}

#featured-itemContent {
   width:600px; /* important to be same as image width or wider */
   position: absolute; /* important */
   /* top: 0; important */
   margin:0; padding:0;
   list-style:none;
   margin-left: 0; /* important */
}

.featured-itemImage {
	width:0%; height:140px;
   	float: left; /* important */
   	position: relative; /* important */
   	display: none; /* important */
	margin-left:0;
}

.featured-itemImage span {
   position: absolute; /* important */
   left: 0;
   font-size:1.2em; 
   width: 96.8%;
   filter: alpha(opacity=100); /* here you can set the opacity of box with text */
   -moz-opacity: 0.8; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.8; /* here you can set the opacity of box with text */
   opacity: 0.5; /* here you can set the opacity of box with text */
   display: none; /* important */

   bottom: 0; 		/* if you put
   					top: 0; -> the box with text will be shown at the top of the image
       
	   				if you put
       				bottom: 0; -> the box with text will be shown at the bottom of the image */ }
					
.featured-itemImage span strong {
	font-weight:bold;
	font-size:14px; letter-spacing:-1px;
	display:block;
	margin:15px 0 5px 15px !important; padding:0 }

.featured-itemImage span b {
	font-weight:normal;
	display:block;
	margin:3px 0 12px 15px !important; padding:0;
	line-height:18px; font-size:14px;
	width:auto; }
	


.clear { clear: both } 



/*--------------------------------------------------------------End Slider CSS-------------------------------------------------------*/