/**
 *	Tyylimäärittelyt Tuolostkiinteistöjen referenssisivua varten, joihin viitataan ref_template.html:ssä.
 */

body{
	background-color:#ffffff;
	margin:0;
	padding:0;
}


/* Demoamista varten oleva containeri, ei sisälly itse toteutukseen. Leveys on tämän hetkisen sivun tekstialueen leveys 734px. */

.container{
	margin-left: auto;
	margin-right: auto;
	width: 734px;
	margin-top:0px;
	position:relative;
}

/**
 *	Yksittäisen itemin stylet. Kelluvat vasemmalle. Taustakuva edellyttää 
 *	valkoista taustaa (ei läpinäkyvyyttä).
 */
.ref_item{
	width: 170px;
	height: 213px;
	margin: 6px;
	float: left;
	background-image: url(../img/ref_bg.jpg);
}

/**
 *	Itemin sisällä olevan kuvan asemointi. Kuva asetetaan taustakuvassa olevan "varjon" päälle.
 */
.ref_item img{
	margin-left: 15px;
	margin-top: 12px;
	width: 140px;
	height: 94px;
}

/**
 *	Itemin otsikkokentän tyylit. HTML:ssä itsessään on otsikko kolmessa divissä, joille on mahdollista
 *	määrittää omat tyylinsä. Kaikki kentätä kuitenkin perivät tämän css-luokan. 
 *	Muita mahdollisia luokka-määrittelyjä ovat:
 *	- ref_katu
 *	- ref_kaupunki
 *	- ref_koko
 */
.ref_title{
	font-family: Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
	font-size: 11px;
	margin-left: 15px;
	width: 140px;
	height: 12px;
	overflow: hidden;
	color: #03457F;
}

/**
 *	Viimeisen otsikkokentän alle jätetään 3px väli ennen kuvausta.
 */
.ref_koko{
	margin-bottom: 3px;
}

/**
 *	Kuvauksen tyylimäärittely. Sisältää lähinnä fonttimäärittelyn, koon ja overflown. Ylimenevä teksti
 *	on piilotettu.
 */
.ref_description{
	font-family: Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
	font-size: 10px;
	margin-left: 15px;
	width: 140px;
	height: 53px;
	overflow: hidden;
}