.bg-home {
    background-image:url('/img/bg-body.jpg');
	background-repeat:no-repeat;
	background-position:top left;
	background-attachment:fixed;
}

.hp-transparency {
    opacity:0.72;  
    filter:alpha(opacity=72);  
    -moz-opacity:0.72; 
    position:absolute;
    top:0px;
    left:0px;
    background-color:#11141f;
    width:100%;
}

#hp-image-wrapper  {width:100%; max-height:403px; overflow:hidden;  position:relative;   
    /*
    background-image:url('/_images/hp-photo-steak.jpg');
    background-repeat:no-repeat;
    background-position:left top;
    */
}



#hp-image-wrapper .hp-photo {position:absolute; width:100% !important; top:0px; left:0px;}
#hp-image-wrapper .hp-photo  img{width:100% !important;}

#hp-image-wrapper .hp-photo [style] {position:absolute; width:100% !important; top:0px; left:0px;}
#hp-image-wrapper .hp-photo  img [style]{width:100% !important;}

#hp-image-overlay {
    width:223px;
    padding-bottom:45px;
    position:absolute;    
    top:50px;
    right:5%;
    background-image:url('/img/bg-white-67-opacity.png'); 
    background-repeat:repeat;
    background-position:left top;    
}
.hp-read-more {position:absolute; bottom:-40px; right:70px;}

@media screen and (max-width:600px){
#hp-image-overlay{width:160px; padding-bottom:5px;}
#hp-image-wrapper .hp-photo {top:14px;}
.hp-read-more {display:none}
}
@media screen and (min-width:701px) and (max-width:800px){
#hp-image-overlay{width:180px;}
#hp-image-wrapper .hp-photo {top:0px;}
.hp-read-more {position:absolute; bottom:-40px; right:50px;}
}

.hp-image-text {position:relative; color:#000; text-align:center; padding:10px; font-weight:bold; font-size:14px;}
.hp-image-text p {line-height:2em; margin:0px; padding:0px;}

@media screen and (max-width:600px){
.hp-image-text font {font-size:18px;}
.hp-image-text p {font-size:11px; line-height:15px; margin:0px; padding:5px}	
}
@media screen and (min-width:601px) and (max-width:859px){
.hp-image-text font {font-size:20px;}
.hp-image-text p {font-size:12px; line-height:16px; margin:0px; padding:5px}	

}


@media screen and (max-width:400px){
#slideshow {width:100%;  min-height:190px; }
}
@media screen and (min-width:401px) and (max-width:550px){
#slideshow {width:100%;  min-height:270px; }
.inv {display:none}
}
@media screen and (min-width:551px) and (max-width:859px){
#slideshow {width:100%;  min-height:300px; }
.inv {display:none}
}
@media screen and (min-width:860px){
#slideshow {width:860px; height:563px;}
}

.slideshowInner {width:100%; }

.inv {margin-right:10px}
