/* CSS Document */

    .imgHolder
    {
      /* Can be anything ;) */
      width: 300px;
      
      /* Just a silly frame */ 
      border: 0px solid black;
      padding: 10px;
      background-color: #EAEAEA; 
      
      /* Som other unnessary stuff */
      margin: 1px;
      /*float: left;*/
      
      /* And now some magic */
      position: relative;
      overflow: hidden;       
      
      /* Common Font ;)  */
      font-family: Arial; 
    }
    
    .imgHolder strong{
      display: block;
      margin-bottom: 5px;
	    font-size:1.5em;
    }
    
    .imgHolder .desc{
      /* The magic stuff */
    	display: block;
    	
    	/* width - (padding x 2) = width in class .imgHolder */
    	/* In my exampel 300-(10x2)=320 */
    	width: 280px;
    	padding: 10px;
    	
    	/* Where should it appear */
    	position: absolute;
      /* bottom: 10px is just beacuse I have a padding: 10 on .imgHolder */    	
    	bottom: 10px;
      /* This is a must for IE7 */
      left: 10px;	           
    	
    	/* Background area with color and top-border */    	
    	background: #111;
    	filter:alpha(opacity=75);
    	opacity:.75;
    	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; /*--IE 8 Transparency--*/    	   	
    	border-top: 1px solid #999;
    	
    	/* FONT */
    	font-size: 1.2em;
    	color: #fff;    
    }    
    
    .imgHolder .desc2{
      /* The magic stuff */
    	display: block;
    	
    	/* width - (padding x 2) = width in class .imgHolder */
    	/* In my exampel 400-(20x2)=360 */
    	width: 360px;
    	padding: 20px;
    	
    	/* Where should it appear */
    	position: absolute;
    	/* bottom: 10px is just beacuse I have a padding: 10 on .imgHolder */
    	bottom: 10px;
    	/* This is a must for IE7 */
      left: 10px;	
    	
    	/* Background area with color and top-border */    	
    	background-image: url(images/overlay.png);
    	border-top: 1px solid #999;
    	
    	/* FONT */
    	font-size: 1.2em;
    	color: #fff;    
    }    
    
    .imgHolder .desc3 strong{
      display: block;
      margin-bottom: 5px;
	    font-size:1.5em;
	    color: #FF0000;
	    font-style: normal;
    }    
    
    .imgHolder .desc3{
      /* The magic stuff */
    	display: block;
    	
    	/* width in class .imgHolder  - (padding x 2) = my width */
    	/* In my exampel 400-(20x2)=360 */
    	width: 360px;
    	padding: 20px;
    	
    	/* Where should it appear */
    	position: absolute;
    	bottom: 165px;
    	/* This is a must for IE7 */
      left: 10px;	
    	
    	/* Background area with color and top-border */    	
    	background: #111;
    	filter:alpha(opacity=85);
    	opacity:.85;
    	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; /*--IE 8 Transparency--*/    	   	    	
    	border-top: 1px solid #FF0000;
    	border-bottom: 1px solid #FF0000;
    	
    	/* FONT */
    	font-size: 1.2em;
    	font-family: Arial;
    	font-weight: bold;
    	font-style: italic;
    	color: #FFFFFF;    
    }