/* 
	Resets defualt browser settings
	reset.css
*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td { margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; }
:focus { outline:0; }
a:active { outline:none;  }
body { line-height:1; color:black; background:#2b2b2c; }
ol,ul { list-style:none; }
table { border-collapse:separate; border-spacing:0; }
caption,th,td { text-align:left; font-weight:normal; }
blockquote:before,blockquote:after,q:before,q:after { content:""; }
blockquote,q { quotes:"" ""; }


a:link {color: #ffffff; text-decoration: none;
}
a:visited {color: #ffffff;
}
a:hover {color: #df7516; text-decoration: none;
}
a:active {color: #9d500c;
}

/*
	Page style
*/

body { 
	
	color:#2b2b2c;
	
	padding:10px 0;
	text-shadow: 1px 1px #1c1c1c;
	-webkit-font-smoothing: subpixel-antialiased;

}
#ratu 

{
	position: absolute;

	top: -2px;
	right: 110px;
	opacity: 0.8;
}

#logo {
	position: absolute;
	left: 50px;
	top: 30px;
	

	
	
		
}




#navi
{
	position: relative;
	background-image: url(../img/bg_navii.png);
	text-align: center;
	top: 10px;
	margin-left:auto;
	margin-right:auto;
	height: 10px;
	padding:0px;
	font-size: 18px;
font-family: arial;
	color: #d99107;

	}




#makeMeScrollable div.scrollableArea *
{
	position: relative;
	display: block
	float: left;
	margin: 0;
	padding: 0;
	
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}

#menu 
{ position:relative;
	top:70px;

}

.box {
	position:relative;
}
#watermark
{
	position: relative;
	 bottom: 0; 
	right:0;
	top: 0px;	
}

.footer {
	position: relative;
	background-color:#1f1f1f;
	opacity:1;
	text-align: center;
	width: 100%;
	height:230px;
	margin-left:auto;
	margin-right:auto;
	font-size: 18px;
	top:0px;
	font-family: arial;
}

#picture
{
position: absolute;
	background-image: url(../laatikko.png);
	text-align: center;
	top: 20px;
	left:20px;
	height: 188px;
	width: 278px;
	font-size: 14px;
	color: #fff;
font-family: arial;



}

#kamera

{
	position:relative;
	height:24px;
	width:34px;
	left:220px;
	top:-20px;
}


#contact
{
position: relative;
	background-image: url(../laatikko.png);
	text-align: center;
	margin-bottom:0px;
	
	height: 188px;
	width: 278px;
	font-size: 14px;
	color: #fff;
font-family: arial;



}

#kuori

{
	position:relative;
	height:25px;
	width:34px;
	left:220px;
	top:-20px;
}


#text
{
position: relative;
	background-image: url(../laatikko2.png);
	text-align: center;
	top: 20px;
  margin-left: auto ;
  margin-right: auto ;
	height: 188px;
	width: 378px;
	font-size: 12px;
	color: #fff;
font-family: arial;



}



#main
{
 background-color:#fffff;
position:relative;
}

#iframe
{
position:relative;
top:-40px;
width:100%;
height:595px;
}

#contactinfo
{
position:relative;
 top:100px;
 font-size:16px;
color:white;

}