@charset "utf-8";

<style>

@font-face {
    font-family: 'SansationLight';
    src: url('font/Sansation_Light-webfont.eot');
    src: url('font/Sansation_Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/Sansation_Light-webfont.woff') format('woff'),
         url('font/Sansation_Light-webfont.ttf') format('truetype'),
         url('font/Sansation_Light-webfont.svg#SansationLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'SansationRegular';
    src: url('Sansation_Regular-webfont.eot');
    src: url('Sansation_Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('Sansation_Regular-webfont.woff') format('woff'),
         url('Sansation_Regular-webfont.ttf') format('truetype'),
         url('Sansation_Regular-webfont.svg#SansationRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'SansationBold';
    src: url('font/Sansation_Bold-webfont.eot');
    src: url('font/Sansation_Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/Sansation_Bold-webfont.woff') format('woff'),
         url('font/Sansation_Bold-webfont.ttf') format('truetype'),
         url('font/Sansation_Bold-webfont.svg#SansationBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'SansationLightLightItalic';
    src: url('Sansation_Light_Italic-webfont.eot');
    src: url('Sansation_Light_Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('Sansation_Light_Italic-webfont.woff') format('woff'),
         url('Sansation_Light_Italic-webfont.ttf') format('truetype'),
         url('Sansation_Light_Italic-webfont.svg#SansationLightLightItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'SansationItalic';
    src: url('Sansation_Italic-webfont.eot');
    src: url('Sansation_Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('Sansation_Italic-webfont.woff') format('woff'),
         url('Sansation_Italic-webfont.ttf') format('truetype'),
         url('Sansation_Italic-webfont.svg#SansationItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'SansationBoldItalic';
    src: url('Sansation_Bold_Italic-webfont.eot');
    src: url('Sansation_Bold_Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('Sansation_Bold_Italic-webfont.woff') format('woff'),
         url('Sansation_Bold_Italic-webfont.ttf') format('truetype'),
         url('Sansation_Bold_Italic-webfont.svg#SansationBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}



body {
	font-family:arial;	
}

.item {
	width: 250px;
	height: 167px;
	border: 2px solid #222;
	/* required to hide the image after resized */
	overflow: hidden;
	/* for child absolute position */
	position: relative;
	/* display div in line */
	float: left;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0;
}

.item .caption {
	width:250px;
	height:167px;
	background:#000;
	color:#fff;
	font-weight:bold;
		
	/* fix it at the bottom */
	position:absolute;
	left:0;

	/* hide it by default */
	display:none;

	/* opacity setting */
	filter:alpha(opacity=80);    /* ie  */
	-moz-opacity:0.8;    /* old mozilla browser like netscape  */
	-khtml-opacity: 0.8;    /* for really really old safari */  
	opacity: 0.8;    /* css standard, currently it works in most modern browsers like firefox,  */

}

.item .caption a {
	text-decoration:none;
	color:#0cc7dd;
	font-size:16px;	
	
	/* add spacing and make the whole row clickable*/
	padding:5px;
	display:block;
}
h2 {
	font-size: 16px;
	color: #FFF;
	padding: 5px;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	}


.item .caption p {
	padding: 5px;
	margin: 0;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}

img {
	border:0;
	
	/* allow javascript moves the img position*/
	position:absolute;
}

.clear {
	clear:both;	
}
</style>/* CSS Document */