/* -----------------------------------------------------------

	Reset

----------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

/* Tables still need 'cellspacing="0"' in the markup. */
table 			{ border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th 	{ vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a img { border: none; }


/* -----------------------------------------------------------

	Typography

----------------------------------------------------------- */

/* Default font settings.
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
body {
	font-size: 75%;
	color: #333;
	line-height: 1.5;
	font-family: Arial, sans-serif;
}


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #111; font-family: Arial, sans-serif; }

h1 { font-size: 2.0em; line-height: 1; /*margin-bottom: 0.5em;*/ color: #000; }
h2 { font-size: 1.3em; margin-bottom: 0.75em; color: #000; }
h3 { font-size: 1.4em; line-height: 1; margin-bottom: 1em; font-style: italic; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; height: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }

h1 img, h2 img, h3 img,
h4 img, h5 img, h6 img {
  margin: 0;
}


/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 1.5em; }
/* p img       { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; } */
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

a:focus,
a:hover     { color: #000; }
a           { color: #000; text-decoration: underline; }

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr,
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre,code    { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }

.date{color:#557fa2}

.year{font-size:18px;font-family:georgia, serif;font-style:italic;color:#33485f}

.float_right{float:right;clear:both}

/* Links
-------------------------------------------------------------- */

.read_more,.stronglink{
	text-decoration:none;font-family:georgia, serif;font-style:italic;
	}
.read_more:hover,.stronglink:hover{text-decoration:underline;}

.stronglink {
	color:#000!important;
}
.read_more span,.stronglink span{color:#557fa2;}

.read_more{float:right}

/* Lists
-------------------------------------------------------------- */

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}
ol, ul {
	margin-left: 20px;
}


/* Tables
-------------------------------------------------------------- */

table       { margin-bottom: 1.4em; width:100%; }
th          { font-weight: bold; background: #C3D9FF; }
th,td       { padding: 4px 10px 4px 5px; }
tr.even td  { background: #E5ECF9; }
tfoot       { font-style: italic; }
caption     { background: #eee; }


/* Forms
-------------------------------------------------------------- */
/*
label { font-weight: bold; }

fieldset    { padding:1.4em; margin: 0 0 1.5em 0; border: 0; }
legend      { font-weight: bold; font-size:1.2em; }

input.text, input.title   { width: 300px; margin:0.5em 0.5em 0.5em 0; }
input.text, input.title   { border:1px solid #bbb; background:#f6f6f6; padding:5px; }
input.text:focus,
input.title:focus         { border:1px solid #999; background:#fff; }
input.title               { font-size:1.5em; }

textarea            {  margin:0.5em 0.5em 0.5em 0; }
textarea            { border:1px solid #bbb; background:#eee; padding:5px; }
textarea:focus      { border:1px solid #999; background:#fff; }

select              { border:1px solid #ccc; background:#f6f6f6; width:200px; }
select:focus        { border:1px solid #999; background:#fff; }
*/
#contact_form {
	width: 345px;
}
#contact_form h1 {
	display: block;
	margin: 0;
	margin-bottom: 3px;
	width:330px;
	padding: 10px 35px;
	background: #fff;
	color: #33485f;
	font-weight: normal;
	font-size: 22px;
}
#contact_form p{margin-bottom:10px;}
#contact_form fieldset {
	margin: 0;
	margin-bottom: 3px;
	display: block;
	width: 100%;
	color:#515151;
	background: #fff;
	padding: 20px 20px 20px 35px;
	border: none;
}
#contact_form label{
	width:100%;
}
#contact_form .label, #contact_form label{
	font-weight:bold;
}
#contact_form .normLabel{font-weight:normal;font-size:11px}
#contact_form input[type=text]{
	border:0;
	float:right;
	font-size:11px;
	padding:3px 10px;
	width:180px;height:13px;
	background:#e9e8e8;
}
#contact_form  select{width:145px;}
#contact_form textarea{
	margin-top:5px;
	width: 315px; height: 50px;
	font-family:arial, sans-serif;
	font-size:12px;
	padding:5px 10px;
	border:0;
	background:#e9e8e8;
}

#contact_form .submit{
	line-height:0;font-size:0;text-indent:999em;border:0;
	float:right;position:relative;left:-11px;
	width:74px;height:26px;
	background:url(../img/submit_contactform.png) 0 0 no-repeat;
	}
.sve #contact_form .submit{background:url(../img/submit_contactform_sve.png) 0 0 no-repeat}

#uutiskirje{width:220px;}
#uutiskirje legend{margin-bottom:1.5em;}
#uutiskirje input[type=text]{
	border-top:1px solid #818181;
	border-bottom:1px solid #e5e5e5;
	border-left:1px solid #b7b8ba;
	border-right:1px solid #c3c3c3;
	padding:3px 10px 0 10px;
	width:202px;
	height:14px;
	font-size:11px;
	color:#333333;
	}
#uutiskirje .submit{
	float:right;
	width:131px;
	height:25px;
	background:url(../img/tilaa.png) 0 0 no-repeat;
	line-height:0;
	text-indent:-999em;
	border:0;
	}
.sve #uutiskirje .submit{background:url(../img/bestall.png) 0 0 no-repeat}
/* -----------------------------------------------------------

	Structure

----------------------------------------------------------- */

body {
	background: #fff;
	text-align: left; /*ie hack for centered layout. if not centered, remove this line and the next hack in wrapper*/
	padding: 0;
	margin: 0;
	color: #000;
}
.mainwrapper{
	min-height:100%;
	height: auto !important;
	height: 100%;position:relative;
	margin-bottom:-45px;
}
#page {
	width: 960px;
	margin: 0 auto;
	text-align: left; /*for previous ie hack*/
	padding: 0;
}

hr {
	background: #ccc;
	height: 1px;
	border: none;
	margin: 20px 0;
}
hr.dot{
	height:0;background:none;
	border-bottom: dotted 1px #ccc;
}
.center {
	width: 960px;
	margin: 0 auto;
}
#content {

}
body #content {	background: url(../img/taustat/joutsen.jpg) center center no-repeat; }

body.home #content{ background: url(../img/taustat/etusivu.jpg) center center no-repeat; }

body.sipoonranta #content,
body.sibbostrand #content { background: url(../img/taustat/jalat.jpg) center center no-repeat; }

body.asunnot #content,
body.bostaderna #content {	background: url(../img/taustat/asunnot.jpg) center center no-repeat; }

body.asunnot.fokka #content,
body.bostaderna.fokka #content { background: url(../img/taustat/asunnot_fokka.jpg) center center no-repeat; }

body.asunnot.nautilus #content,
body.bostaderna.nautilus #content { background: url(../img/taustat/asunnot_nautilus.jpg) center center no-repeat; }

body.asunnot.saalinki #content,
body.bostaderna.saalinki #content { background: url(../img/taustat/asunnot_saalinki.jpg) center center no-repeat; }

body.asunnot.knaapi #content,
body.bostaderna.knaapi #content { background: url(../img/taustat/asunnot_knaapi.jpg) center center no-repeat; }

body.asunnot.mesaani #content,
body.bostaderna.mesaani #content { background: url(../img/taustat/asunnot_mesaani.jpg) center center no-repeat; }

body.asunnot.jooli #content,
body.bostaderna.jooli #content { background: url(../img/taustat/3D_ulkokuva_jooli.jpg) center center no-repeat; }

body.asunnot.asunto #content,
body.bostaderna.bostad #content { background:none; }

body.asunnot.asunto,
body.bostaderna.bostad { background: url(../img/taustat/pohjakuvat.png) center 120px repeat-x; }

body.sisustus #content,
body.inredning #content { background: url(../img/taustat/sisustus.jpg) center center no-repeat; }

body.sisustus.fiiliksia #content,
body.inredning.inspiration #content { background: url(../img/taustat/sisustusfiilis.jpg) center center no-repeat; }

body.palvelut #content,
body.tjanster #content { background: url(../img/taustat/liiketilat.jpg) center center no-repeat; }

body.palvelut.veneilijat #content,
body.tjanster.batforare #content {	background: url(../img/taustat/veneilijat.jpg) center center no-repeat; }

body.ota_yhteytta #content,
body.kontakt #content { background: url(../img/taustat/ota_yhteytta.jpg) center center no-repeat; }

body.notfound #content { background: url(../img/taustat/404.jpg) center center no-repeat; }

/**
 * Pohjakuvat
 */

.pohjakuva {
	width: 100%;
	margin-top:35px;margin-left:40px;
	height: 790px;
}
.pohjakuva p {
	margin: 0;
	padding: 0;
}
.pohjakuva #varattu,.pohjakuva #myyty,.pohjakuva #reserverad,.pohjakuva #sald{position:absolute;z-index:999;top:285px;left:50%;margin-left:-167px;width:333px;height:222px;}
.pohjakuva #varattu:hover,.pohjakuva #myyty:hover,.pohjakuva #reserverad:hover,.pohjakuva #sald:hover{cursor:pointer}
.pohjakuva #varattu{background:url(../img/varattu.png) 0 0 no-repeat}
.pohjakuva #myyty{background:url(../img/myyty.png) 0 0 no-repeat}
.pohjakuva #reserverad{background:url(../img/reserverad.png) 0 0 no-repeat}
.pohjakuva #sald{background:url(../img/sald.png) 0 0 no-repeat}

.infobox{}

.infobox .kalustettu a#kalustettu{display:block;position:absolute;z-index:99999999999}
.infobox .takaisin{z-index:999999999;display:block;position:absolute;margin-top:25px;}
#pohjakuva_next_overlay,
#pohjakuva_previous_overlay{
	display:block;
	position:absolute;
	top:120px;
	width:50%;
	height:80%;
	background:transparent;z-index:1;
	text-indent:-999em;outline:0;
}
#pohjakuva_next_overlay{right:0;}
#pohjakuva_next_overlay:hover,#pohjakuva_next_overlay:focus{background: url(../img/gallery_next.gif) center right no-repeat;}
#pohjakuva_previous_overlay{left:0;}
#pohjakuva_previous_overlay:hover,#pohjakuva_previous_overlay:focus{background: url(../img/gallery_previous.gif) center left no-repeat;}

/* Header
-------------------------------------------------------------- */
#header {
	height: 100px;
	background: #fff;
}

#logo{float:left;margin-top:20px;margin-left:40px;}

/* Navigation
-------------------------------------------------------------- */
#nav {
	height: 120px;
}
#navigation {

	margin-left: 330px;
}
#nav ul li {
	float: left;
	margin-top: 40px;
	display: block;
	list-style: none;
}
#nav ul li a {
	color: #314a5f;
	text-decoration: none;
	font-size: 14px;
	float: left;
	display: block;
	margin-right: 20px;
}
#nav ul li a.active {
	font-weight: bold;
	color: #5f87a7;
}

#nav a#nav_etusivu,
#nav a#nav_sipoonranta,
#nav a#nav_asunnot,
#nav a#nav_sisustus,
#nav a#nav_palvelut,
#nav a#nav_otayhteytta{
	display:block;height:30px;margin-right:20px;text-indent:-999em;outline:0;background:url(../img/navi_sprite.png) 0 0 no-repeat;
}
.sve #nav a#nav_etusivu,
.sve #nav a#nav_sipoonranta,
.sve #nav a#nav_asunnot,
.sve #nav a#nav_sisustus,
.sve #nav a#nav_palvelut,
.sve #nav a#nav_otayhteytta{
	display:block;height:30px;margin-right:10px;text-indent:-999em;outline:0;background:url(../img/navi_sprite_se.png) 0 0 no-repeat;
}
#nav a#nav_etusivu{width:55px;background-position:0 0;}
#nav a#nav_etusivu:hover,#nav a#nav_etusivu:focus,#nav a#nav_etusivu.active{background-position:0 -100px;}
#nav a#nav_sipoonranta{width:95px;background-position:-77px 0;}
#nav a#nav_sipoonranta:hover,#nav a#nav_sipoonranta:focus,#nav a#nav_sipoonranta.active{background-position:-77px -100px;}
#nav a#nav_asunnot{width:65px;background-position:-190px 0;}
#nav a#nav_asunnot:hover,#nav a#nav_asunnot:focus,#nav a#nav_asunnot.active{background-position:-190px -100px;}
#nav a#nav_sisustus{width:65px;background-position:-275px 0;}
#nav a#nav_sisustus:hover,#nav a#nav_sisustus:focus,#nav a#nav_sisustus.active{background-position:-275px -100px;}
#nav a#nav_palvelut{width:70px;background-position:-359px 0;}
#nav a#nav_palvelut:hover,#nav a#nav_palvelut:focus,#nav a#nav_palvelut.active{background-position:-359px -100px;}
#nav a#nav_otayhteytta{width:100px;background-position:-446px 0;}
#nav a#nav_otayhteytta:hover,#nav a#nav_otayhteytta:focus,#nav a#nav_otayhteytta.active{background-position:-446px -100px;}

.sve #nav a#nav_etusivu{width:75px;background-position:0 0;}
.sve #nav a#nav_etusivu:hover,.sve #nav a#nav_etusivu:focus,.sve #nav a#nav_etusivu.active{background-position:0 -100px;}
.sve #nav a#nav_sipoonranta{width:105px;background-position:-78px 0;}
.sve #nav a#nav_sipoonranta:hover,.sve #nav a#nav_sipoonranta:focus,.sve #nav a#nav_sipoonranta.active{background-position:-78px -100px;}
.sve #nav a#nav_asunnot{width:105px;background-position:-185px 0;}
.sve #nav a#nav_asunnot:hover,.sve #nav a#nav_asunnot:focus,.sve #nav a#nav_asunnot.active{background-position:-185px -100px;}
.sve #nav a#nav_sisustus{width:90px;background-position:-290px 0;}
.sve #nav a#nav_sisustus:hover,.sve #nav a#nav_sisustus:focus,.sve #nav a#nav_sisustus.active{background-position:-290px -100px;}
.sve #nav a#nav_palvelut{width:80px;background-position:-380px 0;}
.sve #nav a#nav_palvelut:hover,.sve #nav a#nav_palvelut:focus,.sve #nav a#nav_palvelut.active{background-position:-380px -100px;}
.sve #nav a#nav_otayhteytta{width:80px;background-position:-465px 0;}
.sve #nav a#nav_otayhteytta:hover,.sve #nav a#nav_otayhteytta:focus,.sve #nav a#nav_otayhteytta.active{background-position:-465px -100px;}
/**
 * Breadcrumb
 */
#breadcrumb {
	margin-top: -40px;
	padding-left:45px;
}
#breadcrumb ul {
	display: inline-block;
	background: url(../img/white_tongue.png) bottom center no-repeat;
	padding-bottom: 11px;
}
#breadcrumb ul li, #breadcrumb ul li a {
	list-style: none;
	float: left;
	display: block;
}
#breadcrumb ul li a {
	color: #5f87a7;
	font-size: 11px;
	text-decoration: none;
}
#breadcrumb ul li {
	padding-right: 10px;
	margin-right: 5px;
	background: url(../img/breadcrumb_separator.gif) center right no-repeat;
}
#breadcrumb ul li:last-child {
	margin-right: 0px;
	padding-right: 0px;
}
#breadcrumb ul li:last-child {
	background: none;
}

/* Subnav */
.subnav {
	display: none;
	position: absolute;
	background: url(../img/subnav/subnav.png) bottom left no-repeat;
	padding: 20px;
	padding-left: 200px;
	width: 160px;
	min-height: 150px;
	margin-left: -150px;
	margin-top: 40px;
	z-index: 30;
}
.subnav img {
	position: absolute;
	top: 20px;
	left: 20px;
}
.subnav li {
	border-bottom: dotted 1px #ccc;
}
.subnav li, .subnav li a {
	float: none !important;
	font-size: 11px !important;
	line-height: 15px !important;
	padding: 0 !important;
	margin: 0 !important;
}
.subnav li a {
	padding: 3px 0 !important;
}
.subnav li a:hover{font-weight:bold;color:#557fa2!important}

/* Content
-------------------------------------------------------------- */
.content_box {
	float:left;
	width: 360px;
	margin-top: 40px;
	margin-bottom:55px;
}
.palvelut .content_box{
	width: 390px;
}
.content_box.wide {
	width: 590px;
}
.content_box.full{
	width: 950px;
}
.asunnot .content_box.wide,
.bostaderna .content_box.wide{
	width:660px;
}
.content_box h1 {
	margin: 0;
	margin-bottom: 3px;
	background: #fff;
	padding: 10px 15px 10px 35px;
	display: block;
	color: #33485f;
	font-weight: normal;
	font-size: 22px;
}
.content_box h3 {
	color: #33485f;
	font-style: normal;
	font-weight: normal;
	line-height:20px;
	font-size: 16px;
	margin-bottom:0;
}
.box {
	background: #fff;
	padding: 30px;

}
.content_box.full .box{
	padding-right: 15px;
	padding-bottom: 15px
}
#slogan {
	display: block;
	width: 544px;
	height: 96px;
	background: url(../img/koti_meren_aarella.gif) top left no-repeat;
	text-indent: -9000px;
	margin-top: 130px;

}
.sve #slogan{width:520px;height:95px;background: url(../img/ett_hem_vid_havet.png) top left no-repeat}

.asunnot .content_box.asunnot,
.bostaderna .content_box.asunnot{position:absolute;bottom:7%;width:530px}

ul.asunto_linkit {
	list-style: none;
	padding-top: 15px;
	padding-bottom: 15px;
	width: 100%;
	margin-left: -10px;
}
ul.asunto_linkit li {
	float: left;
	padding-left: 16px;
}

.column{float:left;width:240px;margin-right:15px}
#googleMaps{float:left;}
.yleissuunnitelma .content_box .box,
.generalplan .content_box .box{padding-bottom:0;}
.yleissuunnitelma .column,
.generalplan .column{width:330px;margin-right:40px;}
#yleissuunnitelma_map{float:left;margin-top:-30px;position:relative;right:-20px;width:530px;height:440px;background:#fff url(../img/SR_yleissuunnitelma_kuva.jpg) 0 0 no-repeat;}


.sisustus .content_box.full,
.inredning .content_box.full{width:880px;}
.sisustus #sisustus_nostot,
.inredning #sisustus_nostot{position:absolute;bottom:0}
.sisustus .nosto_text,
.inredning .nosto_text{float:right;margin-top:-33px;margin-right:35px;font-size:12px;color:#314a5f;font-weight:bold;}
.inredning .nosto_text{margin-top:-38px;line-height:1.2}
.sisustus .nosto_item,
.inredning .nosto_item{background:#fff;float:left;padding:5px 6px 5px 5px;margin-right:5px;line-height:0;}
.sisustus .nosto_item.last,
.inredning .nosto_item.last{margin-right:0}

.yhteistyossa .content_box.wide,
.samarbete .content_box.wide{width:660px;margin-right:0;float:right;padding-right:50px;}
.yhteistyossa .list,
.samarbete .list{position:absolute;width:660px;bottom:95px;float:right;}
.yhteistyossa_item{float:left;width:160px;margin-right:3px;margin-bottom:3px;height:125px;background:transparent;text-indent:-999em;outline:0;}

.yhteistyossa_item#yht_keittiot{background:url(../img/yhteistyossa/keittiot.png) 0 0;}
.sve .yhteistyossa_item#yht_keittiot{background:url(../img/yhteistyossa/kok.png) 0 0;}
.yhteistyossa_item#yht_kaakelit{background:url(../img/yhteistyossa/kaakelit.png) 0 0;}
.sve .yhteistyossa_item#yht_kaakelit{background:url(../img/yhteistyossa/kakel.png) 0 0;}
.yhteistyossa_item#yht_parketit{background:url(../img/yhteistyossa/parketit.png) 0 0;}
.sve .yhteistyossa_item#yht_parketit{background:url(../img/yhteistyossa/parketter.png) 0 0;}
.yhteistyossa_item#yht_tasot{background:url(../img/yhteistyossa/tasot.png) 0 0;}
.sve .yhteistyossa_item#yht_tasot{background:url(../img/yhteistyossa/plan.png) 0 0;}
.yhteistyossa_item#yht_pyyhekuivaimet{background:url(../img/yhteistyossa/pyyhekuivaimet.png) 0 0;}
.sve .yhteistyossa_item#yht_pyyhekuivaimet{background:url(../img/yhteistyossa/tvattorkar.png) 0 0;}
.yhteistyossa_item#yht_saunat{background:url(../img/yhteistyossa/saunat.png) 0 0;}
.sve .yhteistyossa_item#yht_saunat{background:url(../img/yhteistyossa/bastur.png) 0 0;}
.yhteistyossa_item#yht_kodinkoneet{background:url(../img/yhteistyossa/kodinkoneet.png) 0 0;}
.sve .yhteistyossa_item#yht_kodinkoneet{background:url(../img/yhteistyossa/hushallmaskiner.png) 0 0;}
.yhteistyossa_item#yht_khkalusteet{background:url(../img/yhteistyossa/kh_kalusteet.png) 0 0;}
.sve .yhteistyossa_item#yht_khkalusteet{background:url(../img/yhteistyossa/badrumsinredningar.png) 0 0;}
.yhteistyossa_item#yht_painikkeet{background:url(../img/yhteistyossa/painikkeet.png) 0 0;}
.sve .yhteistyossa_item#yht_painikkeet{background:url(../img/yhteistyossa/tryckknappar.png) 0 0;}
.yhteistyossa_item:hover{background-position:0 -151px!important;}
.sve .yhteistyossa_item:hover{background-position:0 -151px!important;}

.ota_yhteytta #yhteystiedot a,
.kontakt #yhteystiedot a{color:#557fa2;text-decoration:none}

.press .sidebar,.press .press_content{float:left;}
.press .sidebar{width:170px;padding-right:15px;}
.press_content{width:695px;padding-left:20px}

.press_navi{
	list-style:none;
	margin-bottom:105px;
	margin-left:0;
	}

.press_navi li{
	padding-bottom:2px;
	margin-bottom:5px;
	border-bottom: dotted 1px #ccc;
	}

.press_navi li a{
	color:#33485f;
	text-decoration:none;
	}
.press_navi li a.active,.press_navi li a:hover{font-weight:bold;}

.press_content .item{
	float:left;
	width:170px;
	height:250px;
	margin-right:3px;
	text-align:center;
	font-family:georgia;
	font-style:italic;
	}
.press_content .item img{margin-bottom:20px;}
.press_content .item a{text-decoration:none;}
.press_content .item a span{color:#557fa2}

/**
 * Front page
 */
body.home fieldset {
	border: none;
	padding: 0;
	margin: 0;
}
#front_page_boxes {
	position:absolute;bottom:0;margin-bottom:10px;
}

#front_page_search_box {
	float: left;
	padding:0;
	margin:0;
	z-index:99999;
	position:relative;
	top:-15px;
	width: 260px;
	height:230px;
}

#front_page_boxes .content_box {

	float: left;
	display: block;
	height: 156px;
	width: 210px;
	margin:0;
	margin-right:3px

}
#front_page_boxes .content_box h2 {
	background: #fff;
	padding: 3px;
	color: #314a5f;
	font-size: 22px;
	font-weight: normal;
	margin: 0;
	margin-bottom: 3px;
	padding-left: 30px;
}
#front_page_boxes p {
	margin: 0;
	padding: 0;
}
#front_page_boxes p, #front_page_boxes li{
	margin: 0 0 20px 0;
}
#front_page_boxes .content_box .content {
	background: #fff;
	padding: 30px;
	padding-top:20px;
	height: 100px;
}


#front_page_boxes .content_box ul{
	margin-left:0;
	list-style:none;
}

#ajankohtaista_list ul li a{text-decoration:none;}
#front_page_boxes .content_box #ajankohtaista_list{padding-right:10px;}

.sve #uutiskirje_form{margin-top:-10px;}

#uutiskirje_form legend {
	color: #515151;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 10px;
}
#uutiskirje_form input[type=text] {
	border: none;
	background: #e9e8e8;
	width: 90px;
	height: 12px;
	margin-bottom:5px;
	padding:4px 5px;
	font-size: 11px;
}
#uutiskirje_form input[type=submit] {
	font-family: Georgia;
	font-size: 12px;
	font-style: italic;
	background: none;
	border: none;
	float: right;
	display: inline;
}
.home #uutiskirje_form input[type=submit] {
	margin:2px -15px 0 0;
}
.home.sve #uutiskirje_form input[type=submit] {margin-top:-23px}
#asuntohaku_form  h2 {
	color: #fff;
	padding: 3px;
	font-size: 22px;
	font-weight: normal;
	margin: 0;
	margin-bottom: 0;
	padding-top:10px;
}

#asuntohaku_form {
	padding: 30px;
	padding-top: 0;
	margin-bottom:35px;
	height:190px;
	background: url(../img/asuntohaku_tausta.gif) bottom left no-repeat #33485f;
}

.asunnot #asuntohaku_form,
.bostaderna #asuntohaku_form{
	padding:20px;padding-top:0;padding-bottom:10px;height:auto;
	background: url(../img/asuntohaku_tausta2.gif) bottom left no-repeat #33485f;
}

#asuntohaku_form p {
	color:#fff;
	padding: 0;
	margin: 0;
	margin-top: 5px;
}
.asunnot #asuntohaku_form p,
.bostaderna #asuntohaku_form p {margin-bottom:10px;}
.asunnot #asuntohaku_form fieldset,
.bostaderna #asuntohaku_form fieldset{
	width:260px;
	padding:0;
	}
#asuntohaku_form input {
	border: none;
	height: 15px;
}
#asuntohaku_form input[type=text] {
	font-size:11px;padding:3px 10px;height:12px;
	border-top:1px solid #818181;
	border-bottom:1px solid #e5e5e5;
	border-left:1px solid #b7b8ba;
}

#asuntohaku_form select {
	width:200px;
}
#asuntohaku_form input[type=submit] {
	float: right;
	display: block;
	text-indent:-999em;line-height:0;margin-top:5px;
	background: url(../img/hae.png) 0 0 no-repeat;
	height: 26px;
	width: 101px;
}
.sve #asuntohaku_form input[type=submit] {background:url(../img/search_sve.png) 0 0 no-repeat}

#asuntohaku_form label {
	color: #fff;
}
#asuntohaku_form .short {
	width: 30px;
}
#asuntohaku_form span {
	float: left;
	display: inline;
}
#asuntohaku_form p.pinta_ala,#asuntohaku_form p.hinta{
	width:100%;text-align:right
}

.asunnot #asuntohaku_form select,
.bostaderna #asuntohaku_form select{
	width:120px;
	float:right;
}
.asunnot #asuntohaku_form .pinta_ala input,.asunnot #asuntohaku_form .hinta input,
.bostaderna #asuntohaku_form .pinta_ala input,.bostaderna #asuntohaku_form .hinta input{
	width:34px;
}
/**
 * Apartment listing
 */

.ennakkomarkkinointi {float:right;margin-top:-30px;margin-right:30px;color:#314a5f;}

.apartment_list tr:hover td, .apartment_list tr:hover td a {
	color: #557fa2;
	/* font-weight: bold; */
	cursor: pointer;
}
.apartment_list tr.title:hover td{color:#33485F;cursor:default;}

.apartment_list th {
	background: #f9f6f6 url(../img/table_header.png) repeat-x;
	color: #333333;
	font-size: 12px;
	font-weight: bold;
	vertical-align: top;
}
.apartment_list td {
	color: #33485f;
	font-size: 11px;
	vertical-align: top;
	padding: 10px 0;
	border-bottom: dotted 1px #ccc;
}
.sve .apartment_list td {padding: 10px 3px}
.apartment_list td a {
	color: #33485f;
	text-decoration: none;
}
.apartment_list td.varattu {color:#999999;}

/**
 * News
 */
.news_item {
	padding-bottom:0;
	clear: both;
}
.news_item  .body{padding-bottom:30px;border-bottom: dotted 1px #ccc;}
.news_item:last-child {
	border: none;
}
.newsitem_image {
	float: left;
	margin-right: 20px;
}

.ingress p{font-weight:bold}

/**
 * House group
 */
.box .left {
	float: left;
	display: block;
	width: 420px;
	padding-right: 30px;
}
.box .right {
	float: right;
	display: block;
}
.box .right p {
	margin: 0;
	padding: 0;
	margin-bottom: 8px;
}
.yhtio_markup h3 {
	margin: 10px 0;
}
.yhtio_markup ul {
	margin-bottom: 20px;
}
#kuvat_button, #pohjapiirrokset_button{ outline: 0 }
#pohjapiirrokset_button {
	display: block;
	width: 131px;
	height: 26px;
	background: url(../img/napit/pohjapiirrokset.png) top left no-repeat;
	text-indent: -9000px;
}
.sve #pohjapiirrokset_button {background: url(../img/napit/planritningar.png) top left no-repeat;}

#kuvat_button {
	display: block;
	width: 131px;
	height: 26px;
	background: url(../img/napit/kuvat.png) top left no-repeat;
	text-indent: -9000px;
}
.sve #kuvat_button{background: url(../img/napit/bilder.png) top left no-repeat;}

.address {
	color: #33485f;
	font-size: 15px;
}
.group_information h4 {
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-weight: bold;
}
.group_information .left {
	float: left;
	display: block;
	width: 40%;
}
.group_information .right {
	float: left;
	display: block;
	width: 40%;
}
.asuntostatus_2 {
	font-family: Georgia;
	font-style: italic;
	color: #999999;
}
.asuntostatus_3 {
	font-family: Georgia;
	font-style: italic;
	color: #33485f;
}

/**
 * Group gallery
 */
#pic_footer_wrap {
	position: absolute;
	bottom: 44px;
	left: 0;
	width: 100%;
	height: 50px;
	background: url(../img/pic_footer.png);
	color: #fff;
	z-index: 5;
}
.asunto #pic_footer_wrap{}
#pic_footer_descr {
	font-size: 16px;
	line-height: 50px;
}
#pic_footer_descr em{font-family:georgia,serif;font-size:14px}
#gallery_nav {
	position: relative;
	float: right;
	margin-top: 30px;
	z-index: 10;
}
#gallery_nav li {
	cursor: pointer;
	list-style: none;
	display: block;
	float: left;
	text-align: center;
	padding-top:1px;
	color: #000;
	background: #fff;
	width: 20px;
	height: 19px;
	margin-right: 2px;
}
#gallery_nav li.active {
	background: #33485f;
	color: #fff;
}
#pic_footer .left {
	float: left;
	display: block;
	width: 950px;
}
#pic_footer_descr_dynamic {

}
#pic_footer .right {
	float: right;
	display: block;
	width: 360px;
	text-align: right;
	line-height: 50px;
}
#pic_footer .right a {
	color: #fff;
	text-decoration: none;
	font-family: Georgia;
	font-style: italic;
	margin-right: 30px;
}
#pic_footer .right a:last-child {
	margin-right: 0;
}
#pic_footer #pohjapiirrokset_button,#pic_footer #kuvat_button {
	float: right;
	display: block;
	margin-top: -36px;
}

.facebook_share {
	background: url(../img/facebook.gif) center left no-repeat;
	padding-left: 20px;
}
.email_share {
	background: url(../img/email.png) center left no-repeat;
	padding-left: 20px;
}

#taiteilija{font-size:12px;color:#333;font-family:georgia;font-style:italic;margin-top:-50px;float:left;}
#taiteilija a{color:#333;text-decoration:none;}
#gallery_previous_overlay {
	position: absolute;
	left:0;
	width: 50%;
	background: transparent;
	cursor: pointer;
	z-index: 1;
}
#gallery_previous_overlay:hover {
	background: url(../img/gallery_previous.gif) center left no-repeat;
}
#gallery_next_overlay {
	position: absolute;
	right: 0;
	width: 50%;
	background: transparent;
	cursor: pointer;
	z-index: 1;
}
#gallery_next_overlay:hover {
	background: url(../img/gallery_next.gif) center right no-repeat;
}


/*Sisustusfiiliksiä gallery*/
.sisustusfiilis_title{float:left;}
.sisustusfiilis_button{float:left;display:block;width:101px;height:26px;margin-left:20px;margin-top:12px;text-indent:-999em;outline:0;}
.sisustusfiilis_button.saalinki{background:url(../img/napit/saalinki.png) 0 0 no-repeat}
.sisustusfiilis_button.knaapi{background:url(../img/napit/knaapi.png) 0 0 no-repeat}
.sisustusfiilis_links{float:right;padding-right:43px}
.sisustusfiilis_links a{font-family:georgia;color:#fff;font-size:12px;font-style:italic;padding-right:7px;text-decoration:none}


/* Youtube videos @ sipoonranta */
#youtube_video_area {
	margin-bottom: 25px;
}
#youtube_video_area iframe {
	margin-bottom: 10px;
}

/* Footer
-------------------------------------------------------------- */
#footer {
	height:45px;
	background: #fff;
	clear: both;
	background: url(../img/footer.png) top left repeat-x #f8f7f7;
}
#footer ul {
	position:relative;top:15px;
	padding: 0 20px 10px 20px;
}
#footer li {
	float: left;
	display: block;
	margin-right: 20px;
	font-size:11px;
	color:#666;
}

#footer a{
	color:#666;
	text-decoration:none
}
#footer a:hover{
	text-decoration:underline;
}
#footer a.active{
	font-weight:bold;;
}

#footer li.jaa{padding-left:15px;position:relative;}
#footer li.copy{float:right;padding-right:40px;}
#footer li.aktia{padding-left:10px;}
#footer li.aktia a img{margin-bottom:-1px}


#footer #sharelinks{
	display:none;
	position:absolute;
	left:0;bottom:25px;
	width:100px;height:200px;background:#fff;
}

#share_on_facebook {
	background: url(../img/facebook_icon.gif) center left no-repeat;
	padding-left: 20px;
}
/* -----------------------------------------------------------

	Clear floats

----------------------------------------------------------- */
.wrapper 		{ display: inline-block; }
.wrapper:after 	{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .wrapper { height: 1%; }
.wrapper 		{ display: block; }
.clear { clear: both; }

head { height: 100%; }
html, body { height:100%;min-height: 100%;}


/*--------------------------------------------8<--------------------------------------------*/