/*=========================================================================
||	© Copyright 2012 houseman.fi
||  
||  Projekti: Houseman
||	Pvm: 09.05.2012
||	Toteuttanut: Samu Aaltonen, tunturimedia.fi
||  
=========================================================================*/
/* ======================== MAIN SETTINGS / RESET ======================== */
	html{height: 100%;}
	body{background:#fff url(../img/img01.png);margin:0px;padding:0px;color:#4c4c4c;font-family:Calibri, sans-serif;font-size:14px;height: 100%;}
	a, a:link, a:visited {color:#4c4c4c;text-decoration:none;}
	a img{border:none;}
	a:hover {text-decoration:none;color:#45b8bb;}
	p{margin:0;padding:8px 0 3px 0;line-height:22px;}
	ul{margin:0;padding:0;}
	form{margin:0;padding:0;}
	input{outline:0;}
	input::-moz-focus-inner{border:0;padding:0;}
	table{border:none;border-right:1px solid #ccc;border-bottom:1px solid #ccc;}
	table tr td,table tr th{border-top:1px solid #ccc;border-left:1px solid #ccc;padding:3px 10px 3px 10px;text-align:center;}
	h1,h2,h3,h4,h5{margin:0;padding:12px 0 3px 0;font-weight:normal;color:#392d24;text-decoration:none;color:#45b8bb;text-transform:uppercase;}
	::selection,::-moz-selection{background: #dff3f4;}

/* ======================== COMMON CLASSES ======================== */	
	/* ======= Appearance ======= */
	.clear{clear:both;}
	.clear-fix{clear:both;overflow:hidden;height:1px;margin-top:1px;}
	.block{display:block;}
	.left{float:left;}
	.right{float:right;}
	.hidden{display:none;}
	
	/* ======= Colors ======= */
	.red{color:#4f0303;}
	.black{color:#000;}
	.white{color:#fff;}
	.green{color:#26774c;}
	.gray{color:#888888;}
	.brown{color:#392d24;}
	.orange{color:#ea8142;}
	
	/* ======= Text styles ======= */
	.big{font-size:17px;}
	.bigger{font-size:20px;}
	.biggest{font-size:28px;}
	.small{font-size:12px;}
	
	.cursor{cursor:pointer;}
	.intend{margin-left:20px;display:block;}

	.bold{font-weight:bold;}
	.italic{font-style:italic;}
	.underline, a.underline, .underline a{text-decoration:underline;}
	.no-underline, a.no-underline, .no-underline a{text-decoration:none;}
	.no-underline:hover, a.no-underline:hover, .no-underline a:hover{text-decoration:none;}
	.uppercase{text-transform:uppercase;}
	.line-height-16{line-height:16px;}
	
	.aleft{text-align:left;}
	.aright{text-align:right;}
	.center{text-align:center;}
	
	/* ======= Element related ======= */
	.margintop10{margin-top:10px;}
	.margintop20{margin-top:20px;}
	.margintop30{margin-top:30px;}
	.margintop50{margin-top:50px;}
	.marginbottom5{margin-bottom:5px;}
	.marginbottom10{margin-bottom:10px;}
	.marginbottom20{margin-bottom:20px;}
	.marginbottom30{margin-bottom:30px;}
	.marginright5{margin-right:5px;}
	.marginright15{margin-right:15px;}
	.marginleft5{margin-left:5px;}
	.marginleft20{margin-left:20px;}
	
	.paddingtop10{padding-top:10px;}
	.paddingtop20{padding-top:20px;}
	.paddingtop30{padding-top:30px;}
	.paddingtop60{padding-top:60px;}
	.paddingbottom10{padding-bottom:10px;}
	.paddingbottom20{padding-bottom:20px;}
	.paddingbottom30{padding-bottom:30px;}
	
	.width-400{width:400px;}
	.width-500{width:500px;}
	
	.nomargin{padding:0;margin:0;}	
	.nopadding{padding:0;}
	
	/* ======= Notifications ======= */
	.err{display: block; line-height: 22px; background: #FBE3E4 url(../img/error.gif) no-repeat 10px center; padding: 3px 10px 3px 35px; margin: 20px 0 10px 0; color:#8a1f11;border: 1px solid #FBC2C4; -moz-border-radius: 5px; -webkit-border-radius:5px; }
	.scc{display: block; line-height: 22px; background: #e3f3ce url(../img/success.gif) no-repeat 10px center; padding: 3px 10px 3px 35px; margin: 20px 0 10px 0; color:#5b960c;border: 1px solid #8dc63f; -moz-border-radius: 5px; -webkit-border-radius:5px; }
	
	/* ======= Other ======= */
	.label{display:block;float:left;width:100px;text-align:left;}
	.opacity-40{opacity:0.4;}
	
/* ======================== CONTAINER ======================== */
	#container{position:relative;margin:0 auto;margin-top:20px;padding:15px 15px 5px 15px;width:930px;background:white;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
	#kielinapit{position: absolute;z-index: 999;top: -25px;right: 0px;background: white;padding: 11px 15px;text-align: center;}
	#kielinapit a{margin-left: 5px;}
	
/* ======================== HEADER ======================== */
	
	/* ======= Logo ======= */
		#logo{float:left;position:absolute;margin:-10px 0 0 30px;padding:20px 10px 10px 10px;background:#fff;z-index:99;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
		#logo img{width:300px;z-index:99;}
		
	/* ======= Nav ======= */
		#nav{float:left;margin:0;}
		#nav ul{list-style:none;padding:15px 0 8px 0;}
		#nav ul li{}
		#nav ul li a{display:block;text-align:left;padding:8px 0 8px 25px;margin:0;background:#fff;color:#45b8bb;font-size:16px;width:175px;text-transform:uppercase;}
		#nav ul li a:hover{color:#fff;background:#45b8bb;text-decoration:none;}
		#nav ul li a.current{color:#fff;background:#45b8bb;text-decoration:none;}
		
		#nav ul li ul{display: none;padding:10px 0 4px 0;}
		#nav ul li ul li{float: none; display: block;padding:0;}
		#nav ul li ul li a{display: block;text-align:left;padding:8px 0 8px 25px;margin:0;background:#45b8bb;color:#fff;font-size:16px;width:175px;text-transform:uppercase;}
		#nav ul li:hover ul{display:block;position:absolute;margin: 0;z-index:100;top:405px;margin-left:200px;}
		
		#nav .sub a{font-size:15px;width:150px;padding:6px 0 6px 25px;margin-left:25px;}
	
	/* ======= Nav ======= */
		.slider{height:330px;width:930px;}
		.slider .slide{margin:0;width:930px;height:330px;display:none;position:absolute;z-index:98;overflow:hidden;}
		.slider .slide:first{display:block;}
	
/* ======================== CONTENT ======================== */
	#content{float:right;width:715px;}	
	
/* ======================== FOOTER ======================== */
	#footer{clear:both;padding-top:5px;color:#888888;}
	#footer p{padding-top:15px;}
	#footer a{color:#888888;}
	#footer a:hover{color:#45b8bb;}


/* ======================== FORMS ======================== */
	.default-input{background:#fff;border:1px solid #4c4c4c;color:#535353;font-size:13px;padding:5px;width:240px;height:12px;}
	.default-textarea{background:#fff;border:1px solid #4c4c4c;color:#535353;font-size:13px;padding:5px;width:240px;height:100px;}
	.default-submit{background:#45b8bb;border:none;color:#fff;font-size:12px;text-transform:uppercase;padding:4px 10px 4px 10px;margin:0;text-align:center;cursor:pointer;}

/* ======================== PAGE RELATED STYLES ========================*/
	.gmap3{
        margin: 20px 0 0 0;
		position: absolute;
		right: 5px;
		top: 450px;
        border: none;
		float:right;
        width: 480px;
        height: 450px;
      }
      .cluster{
  			color: #FFFFFF;
  			text-align:center;
  			font-family: 'Arial, Helvetica';
  			font-size:11px;
  			font-weight:bold;
      }
      .cluster-1{
        background-image:url(../img/m1.png);
        line-height:53px;
  			width: 53px;
  			height: 52px;
      }
      .cluster-2{
        background-image:url(../img/m2.png);
        line-height:53px;
  			width: 56px;
  			height: 55px;
      }
      .cluster-3{
        background-image:url(../img/m3.png);
        line-height:66px;
  			width: 66px;
  			height: 65px;
      }