@charset 'utf-8';

/*------- Browser reset ---------*/
html,body,div,span,h1,h2,h3,h4,h5,h6,p,
a,em,font,img,li,ol,ul
{
        margin: 0;
        padding: 0;
        border: 0;
        font-weight: normal;
        font-style: normal;
        font-size: 100%;
        font-family: inherit;
}

a, a:link, a:visited, a:active, a:focus {
        text-decoration:none;
}

ol,ul {
        list-style: none;
}

div,a {color:inherit}

/*------- Basic helper classes ---------*/

em {
	font-weight:bold;	
}

/* pulls container of floated objects down to bottom */
.clearfix {
        display:block;
		overflow: auto;
}

/*
.clearfix:after {
        content:".";
        clear:both;
        display:block;
        height:0pt;
        visibility:hidden;
}
*/
.clear {
        clear:both;
}
/*------ ------*/

/* use this class for margin, padding and border around teaser boxes */
.teaser {
        border-width:1px;
        border-style:solid;
        padding:5px;
        margin-bottom:10px;
}

.teaser img {
	display: block;
}

.teaser.bigpic {
        border:none;
        padding:0px;
}

.teaser p a {
	font-weight:normal;
}

.teaser h2 a,
.teaser h2 {
	font-weight:bold;
	font-size:12px;
}

/* overlay class decorates teaser with an overlayed bg and text */
.teaser.overlay {
	position: relative;
}

.teaser.overlay a:hover {
	color:inherit;
}

.teaser .overlayBG {
	background:transparent url(../img/overlay.png) repeat-x scroll 0pt 0pt;
	position:absolute;
    bottom:0pt;
	left:0pt;
	width: 100%;
}

.overlayBG:hover {
	background-color: #062E4B;
}

.teaser.overlay .txtct {
	padding:10px;
}