/* Body
---------------------------*/

body { 
	margin: 20px 0 0 0; 
	text-align: left;
	font: 17px/27px "Helvetica Neue", Arial, Helvetica, Verdana sans-serif;	
	color: #2b2b2b;
	font-weight: 300;
	background: #f4f4f4;
}

::-moz-selection
{
	background:#2b2b2b;
	color:#fff;
}

::selection 
{
	background:#2b2b2b;
	color:#fff;
}

/* Grid
---------------------------*/

@-webkit-keyframes fadetime {
from {
 opacity: 0;
}

50% {
 opacity: 0;
}

to {
 opacity: 1;
    }
}

.grid_1 { width:100px; }
.grid_2 { width:180px; }
.grid_3 { width:240px; }
.grid_4 { width:326px; }
.grid_5 { width:4200px; }
.grid_6 { width:500px;}
.grid_7 { width:580px; }
.grid_8 { width:672px; }
.grid_9 { width:740px; }
.grid_10 { width:820px; }
.grid_11 { width:900px; }
.grid_12 { width:1020px; }

.main{
	padding-left: 11px;
	padding-top: 50px;
	padding-bottom: 10px;
	-webkit-animation-duration: .5s;
	-webkit-animation-name: fadetime; 
}

.fade_in{
	-webkit-animation-duration: .5s;
	-webkit-animation-name: fadetime; 
}

.fade_in_slow{
	-webkit-animation-duration: 1.0s;
	-webkit-animation-name: fadetime; 
}

.column {
	margin: 0 10px;
	overflow: hidden;
	float: left;
	display: inline;
}
.row {
	width: 1040px;
	margin: 0 auto;
	overflow: hidden;
	margin-bottom: 10px;
}

.row .row {
	margin: 0 -10px;
	width: auto;
	display: inline-block;
}


/* Type
---------------------------*/

p {
	margin: 0 20px 20px 20px;
}

a{
	color: #126388;
	text-decoration: none;
}

a:hover{
	border-bottom: 1px dotted;
}

h1{
	font-size: 32px;
	line-height: 37px;
	text-transform:  none;
	font-family: "Neutraface Text";
	font-weight: 100;
	font-style: italic;	
	
	margin: 43px 20px -25px 18px;
	height: 83px;
	width: 944px;
	text-indent: -9999px;
}

h1.topic_work_fi{
	background: url(../i/h1_work_fi.jpg) no-repeat;
}

h1.topic_about{
	background: url(../i/h1_about.jpg) no-repeat;
	margin-bottom: 10px;
}

h1.topic_contact_fi{
	background: url(../i/h1_contact_fi.jpg) no-repeat;
}

p.h2_bottom{
	font-size: 14px;
	margin: 0px 20px 15px 20px;
	color: #787878;
	font-weight: 500;
}

h2{
	font-size: 32px;
	font-family: "Neutraface Text";
	text-transform: uppercase;
	font-weight: 700;
	margin: 18px 0px 18px 20px;
	text-indent: -9999px;
}

h2.drop_me_a_line_fi{	
	background: url(../i/h2_drop_me_a_line_fi.jpg) no-repeat;
	height: 35px;
}

h2.contact_info_fi{	
	background: url(../i/h2_contact_info_fi.jpg) no-repeat;
}

h2.services_fi{	
	background: url(../i/h2_services_fi.jpg) no-repeat;
}

h2.nvl_studio{	
	background: url(../i/h2_nvl_studio.jpg) no-repeat;
}

h2.albus{	
	background: url(../i/h2_albus.jpg) no-repeat;
}

h2.arffman{	
	background: url(../i/h2_arffman.jpg) no-repeat;
}

h2.fur_things_first{	
	background: url(../i/h2_fur_things_first.jpg) no-repeat;
}

h2.grado{	
	background: url(../i/h2_grado.jpg) no-repeat;
}

h2.kukkakontti_fi{	
	background: url(../i/h2_kukkakontti_fi.jpg) no-repeat;
}

h2.mikko_inkeroinen_fi{	
	background: url(../i/h2_mikko_inkeroinen_fi.jpg) no-repeat;
	height: 35px;
}

h2.hynninen{	
	background: url(../i/h2_hynninen.jpg) no-repeat;
}

h2.keittionet{	
	background: url(../i/h2_keittionet.jpg) no-repeat;
	height: 35px;
}

h2.meetandspeak{	
	background: url(../i/h2_meetandspeak.jpg) no-repeat;
}

h2.citius{	
	background: url(../i/h2_citius.jpg) no-repeat;
}

h2.ptap{	
	background: url(../i/h2_ptap.jpg) no-repeat;
}

h3{
	margin: 58px 20px 13px 20px;
	color: #787878;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 500;
}

.technics{
	font-size: 14px;
	color: #787878;
}

a.black_box_link{
	background-color: #2b2b2b;
	color: #ffffff;
	font-size: 13px;
	line-height: 16px;
	font-weight: 300;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding: 3px 10px;
}

a.black_box_link:hover{
	background-color: #414141;
	border: none;
}

/* Loading
---------------------------*/

#content-main{ 
/*	display: none; 
	background: white; */
}

#cover_load { 
	background: white; 
}

#loading{ 
	position: absolute;
	height: 24px;
	width: 24px;
	left: 50%;
    margin-left: -12px;
	z-index: 100;
	margin-top: 175px;
}

/* Header
---------------------------*/

@-webkit-keyframes acceleratedReveal {
    0%      { -webkit-transform:translate3d(0, -100px, 0); }
    67%     { -webkit-transform:translate3d(0,   0  , 0); }
    86%     { -webkit-transform:translate3d(0,  -2px, 0); }
    100%    { -webkit-transform:translate3d(0,   0  , 0); }
}

#mainmenu_wrapper{
	left: 0px;
	position: fixed;
	top: 0px;
	width: 100%;
	z-index: 1;
	height: 60px;
	background: #2B2B2B;
	
	box-shadow: 2px 2px 5px #858585;
	-moz-box-shadow: 2px 2px 5px #858585;
	-webkit-box-shadow: 2px 2px 5px #858585;
		
	* position: absolute;
	* top: 0px;
}

.slide_in{	
	-webkit-animation-duration: 0.3s;
	-webkit-animation-name: acceleratedReveal; 	
}

#mainmenu{
	display: table;
	height: 100%;
	margin: 0px auto;
}

#mainmenu_table{	
	display: table-cell;
	vertical-align: middle;	
}

#logo{
	font-family: "Neutraface Display";
	font-weight: 900;
	font-size: 30px;
	float: left;
}

#logo a{
	background: url(../i/logo.jpg) no-repeat top left;
	height: 38px;
	width: 198px;
	margin: 11px 0px 0px 8px;
	display: block;
	text-indent: -9999px;
}

#logo a:hover{
	background: url(../i/logo.jpg) no-repeat bottom left;
	border-bottom: none;
}

ul#menu a{
	color: #ffffff;
}

ul#menu{
	float: right;
	font-size: 22px;
	text-transform: uppercase;
	font-family: "Neutraface Text";
	font-weight: 300;
}

ul#menu li{
	float:left; 
	list-style:none;
	text-indent: -9999px;
	margin: 9px 0px 0px 0px;
}

ul#menu li a:hover{
	color: #cbcbcb;
	border-bottom: none;
}

ul#menu li.work_fi a{
	background: url(../i/mainmenu_fi.jpg) no-repeat 0px 0px;
	height: 39px;
	width: 100px;
	display: block;
}
ul#menu li.work_fi a:hover{
	background: url(../i/mainmenu_fi.jpg) no-repeat 0px -39px;
}

ul#menu li.about_fi a{
	background: url(../i/mainmenu_fi.jpg) no-repeat -100px 0px;
	height: 39px;
	width: 116px;
	display: block;
}
ul#menu li.about_fi a:hover{
	background: url(../i/mainmenu_fi.jpg) no-repeat -100px -39px;
}

ul#menu li.contact_fi a{
	background: url(../i/mainmenu_fi.jpg) no-repeat -216px 0px;
	height: 39px;
	width: 197px;
	display: block;
}
ul#menu li.contact_fi a:hover{
	background: url(../i/mainmenu_fi.jpg) no-repeat -216px -39px;
}

ul#menu li.language_fi a{
	background: url(../i/mainmenu_fi.jpg) no-repeat -413px 0px;
	height: 39px;
	width: 107px;
	display: block;
}
ul#menu li.language_fi a:hover{
	background: url(../i/mainmenu_fi.jpg) no-repeat -413px -39px;
}

/* Content
---------------------------*/

#content_bgr{
    margin-left:auto;
    margin-right:auto;
    background: #ffffff;
}


#content{
	width: 1040px;
	margin: 0 auto;
	overflow: hidden;
	padding-top: 70px;
	padding-bottom: 70px;
}

.project_space{
	height: 1px;
	width: auto;
    margin: 80px 20px 60px;
}

.face_shot{
	float: right;
	margin: 0px 10px 2px 12px;
}

/* Cover
---------------------------*/

#cover{
	margin: 40px 0px 0px 0px; 
	position: relative;
	background: url(../i/cover_1.jpg) no-repeat;
	width: 1020px;
	height: 596px;
}

#cover_fi{
	margin: 40px 0px 0px 0px; 
	position: relative;
	background: url(../i/cover_1_fi.jpg) no-repeat;
	width: 1020px;
	height: 596px;
}

a#check_out_my_latest_work{
	background: url(../i/check_out_my_latest_work.png) no-repeat top left;
	height: 62px;
	width: 347px;
	display: block;
	text-indent: -9999px;
	position: absolute;
	left: 668px;
	top: 373px;
}

a#check_out_my_latest_work:hover{
	background: url(../i/check_out_my_latest_work.png) no-repeat bottom left;
	border: none;
}

a#check_out_my_latest_work_fi{
	background: url(../i/check_out_my_latest_work_fi.png) no-repeat top left;
	height: 62px;
	width: 347px;
	display: block;
	text-indent: -9999px;
	position: absolute;
	left: 668px;
	top: 373px;
}

a#check_out_my_latest_work:hover_fi{
	background: url(../i/check_out_my_latest_work_fi.png) no-repeat bottom left;
	border: none;
}

/* Contact Page
---------------------------*/

dl{
	margin: 0px 20px 20px 20px;
}

dt{
	font-weight: 400;
	width: 100px;
	display: inline;
	float: left;
}

dd{
	width: 300px;
	display: inline;
	margin-bottom: 25px;
	float: left;
}

ul#services{
	margin-bottom: 20px;
	margin-left: 70px;
}

ul{
	list-style-position: outside;
	list-style-type: disc;
	margin-left: 70px;
	margin-bottom: 20px;
}

ul#services li{
	line-height: 38px;
	font-size: 21px;
	list-style-type: decimal;
}

/* Contact Form
---------------------------*/

form#TouchForm{
	margin: 0 20px 20px 20px;
}

input, select{
	height: 20px;
}

input, textarea, select{
	padding: 5px;
	width: 400px;
	border-style: solid;
	border-color: #a1a1a1;
	border-width: 1px;
	margin-top: 6px;
	margin-bottom: 15px;
	
	font: 15px/23px "Helvetica Neue", Arial, Helvetica, Verdana sans-serif;	
	color: #2b2b2b;
	font-weight: 300;
}

input:focus, textarea:focus{
	border-color: #2b2b2b;

}

input.send{
	height: 33px;
	width: 110px;
	background-color: #2b2b2b;
	color: #ffffff;
	font-size: 13px;
	line-height: 16px;
	font-weight: 300;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding: 3px 10px;
	text-align: center;
	border: none;
}

input.send:hover{
	background-color: #414141;
}


span.label{
	width: 350px;
	float: left;
}

label span.required { color: #0c5c81; font-weight: bold; }

input.validation-failed{ background-color: #a7cbdc; }

textarea.validation-failed{ background-color: #a7cbdc; }

#bademail2{
	color: #a9432f;
}

#success2{
	font-style: italic;
	color: #0c5c81;
}

/* Footer
---------------------------*/

#footer_bgr{
    margin-left:auto;
    margin-right:auto;
    background: #f4f4f4;
    
	box-shadow: 0px -3px 4px #c6c6c6;
	-moz-box-shadow: -4px -3px 4px #c6c6c6;
	-webkit-box-shadow: 0px -3px 4px #c6c6c6;
}

#footer{
	height: 80px;
	padding-top: 30px;
	margin-bottom: 0px;
}

#footer a{
	color: #2b2b2b;
	font-weight: 400;
}

#footer a:hover{
	border-bottom: 1px dotted;
}


/* English text
---------------------------*/

ul#menu li.work a{
	background: url(../i/mainmenu.jpg) no-repeat 0px 0px;
	height: 39px;
	width: 119px;
	display: block;
}
ul#menu li.work a:hover{
	background: url(../i/mainmenu.jpg) no-repeat 0px -39px;
}

ul#menu li.about a{
	background: url(../i/mainmenu.jpg) no-repeat -119px 0px;
	height: 39px;
	width: 123px;
	display: block;
}
ul#menu li.about a:hover{
	background: url(../i/mainmenu.jpg) no-repeat -119px -39px;
}

ul#menu li.contact a{
	background: url(../i/mainmenu.jpg) no-repeat -243px 0px;
	height: 39px;
	width: 153px;
	display: block;
}
ul#menu li.contact a:hover{
	background: url(../i/mainmenu.jpg) no-repeat -243px -39px;
}

ul#menu li.language a{
	background: url(../i/mainmenu.jpg) no-repeat -393px 0px;
	height: 39px;
	width: 107px;
	display: block;
}
ul#menu li.language a:hover{
	background: url(../i/mainmenu.jpg) no-repeat -393px -39px;
}

h1.topic_contact{
	background: url(../i/h1_contact.jpg) no-repeat;
}

h1.topic_work{
	background: url(../i/h1_work.jpg) no-repeat;
}

h2.drop_me_a_line{	
	background: url(../i/h2_drop_me_a_line.jpg) no-repeat;
}

h2.contact_info{	
	background: url(../i/h2_contact_info.jpg) no-repeat;
}

h2.services{	
	background: url(../i/h2_services.jpg) no-repeat;
}

h2.kukkakontti{	
	background: url(../i/h2_kukkakontti.jpg) no-repeat;
}

h2.mikko_inkeroinen{	
	background: url(../i/h2_mikko_inkeroinen.jpg) no-repeat;
}