/*************************************************************************************************************/
				CSS reset
/*************************************************************************************************************/
/* v1.0 | 20080212 */

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,b, u, i, center,
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-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {	content: '';content: none;}

/* remember to define focus styles! */
:focus {outline: 0;}

/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table {	border-collapse: collapse; border-spacing: 0;}

/*************************************************************************************************************/
/*				Page CSS																					 */
/*************************************************************************************************************/

/* General */
	body 					{color:#999; font-size:11px; font-family: Lucida grande, Myriad pro, helvetica, arial, sans-serif; }
	#page_container 		{background: #fff; width:1013px;}
	.cut 					{clear:both;float:none;}

	dl 						{line-height: 26px; font-size:11px; padding: 1px 0 2px 0; background: url(images/bg_teksti_viivat.gif) repeat-x;}
	dl dt 					{color:#999;}
	dl dd 					{}

	dl.pf_thanks dt, 
	dl.pf_thanks dd			{font-size: 11px;}
	
	dl.pf_thanks .title_thanks 		{font-weight: bold; }

/************************************************************************************************ 
				Header 
*************************************************************************************************/
	#header 				{margin: 28px 31px 0 31px; width: 951px; height: 41px; position: relative;}
	
	#logo 					{display:block; float:left; width: 195px; height: 22px; padding:  0 0 0px; background: url(images/gb_logo.gif) 0 0px  no-repeat;}
	#logo h1 				{display:none;}
	
	ul#nav 					{list-style-type: none; float:left; padding: 0 0 0 0; margin:0 0 0 59px; position:relative; display:block; width: 300px;}
	ul#nav li 				{float:left;  margin: 0 14px; height: 19px;}
	ul#nav li a:hover 		{text-decoration: underline;}
	ul#nav li a 			{font-size: 13px; width: 100%; height: 19px; display: block; color:#666;text-decoration:none;}
	ul#nav li.active a:hover {color:#f00; text-decoration:none;}
	ul#nav li.active a 		{color:#f00;}
	
	ul#nav li a span {display:none;}
	
	.en ul#nav li.work {background: url(images/gb_navi_work_reg.gif) no-repeat; width: 38px;} 
	.en ul#nav li.work:hover {background: url(images/gb_navi_work_mou.gif) no-repeat;} 
	.en ul#nav li.work.active {background: url(images/gb_navi_work_sel.gif) no-repeat; width: 38px;} 
	.en ul#nav li.about {background: url(images/gb_navi_about_reg.gif) no-repeat; width: 42px;} 
	.en ul#nav li.about:hover {background: url(images/gb_navi_about_mou.gif) no-repeat;} 
	.en ul#nav li.about.active {background: url(images/gb_navi_about_sel.gif) no-repeat; width: 42px;} 
	.en ul#nav li.language {background: url(images/gb_suomeksi_reg.gif) no-repeat; width: 62px;} 
	.en ul#nav li.language:hover {background: url(images/gb_suomeksi_mou.gif) no-repeat; } 
	
	.fi ul#nav li.work {background: url(images/gb_navi_tyot_reg.gif) no-repeat; width: 32px; } 
	.fi ul#nav li.work:hover {background: url(images/gb_navi_tyot_mou.gif) no-repeat;} 
	.fi ul#nav li.work.active {background: url(images/gb_navi_tyot_sel.gif) no-repeat;} 
	.fi ul#nav li.about {background: url(images/gb_navi_tekijat_reg.gif) no-repeat; width: 47px;} 
	.fi ul#nav li.about:hover {background: url(images/gb_navi_tekijat_mou.gif) no-repeat;} 
	.fi ul#nav li.about.active {background: url(images/gb_navi_tekijat_sel.gif) no-repeat; }
	.fi ul#nav li.language {background: url(images/gb_english_reg.gif) no-repeat; width: 67px;} 
	.fi ul#nav li.language:hover {background: url(images/gb_english_mou.gif) no-repeat; } 
	
	#header .slogan 		{text-align: right; height: 30px; padding: 0; margin: 0;  float:right; display:block; width: 300px;}
	h3.slogan 				{font-size: 14px; padding: 0; margin:8px 0 0 0; line-height: 14px; font-weight: normal;}
	
	.pf_image 				{width: 951px; height: 460px; margin:0 31px; clear:both;}


/************************************************************************************************ 
				Arrows 
*************************************************************************************************/
	a.arrow_left 			{float:left; width: 31px; height: 105px; background: url(images/arrow_left_passive.gif) no-repeat;}
		a.arrow_left.active:hover,
		a.arrow_left:hover 	{background: url(images/arrow_left_hover.gif) no-repeat; cursor:pointer;}
		a.arrow_left.active {background: url(images/arrow_left_passive.gif) no-repeat;}
	
	a.arrow_right 			{float:left; width: 31px; height: 105px; background: url(images/arrow_right_passive.gif) no-repeat;}
		.active a.arrow_right:hover,
		a.arrow_right:hover {background: url(images/arrow_right_hover.gif) no-repeat; cursor:pointer;}
		.active a.arrow_right {background: url(images/arrow_right_passive.gif) no-repeat;}
	
	.shadow_left 			{float:left; width: 31px; height: 105px; background: url(images/bg_shadow_left.gif) no-repeat;}
	.shadow_right			{float:left; width: 31px; height: 105px; background: url(images/bg_shadow_right.gif) no-repeat;}


/************************************************************************************************ 
				Työnäyte / firman logo, kuvaus jne 
*************************************************************************************************/
	.pf_desc 				{float:left; width: 951px; height: 105px;}
	.pf_logo 				{float:left; width: 210px; margin-left: 22px; height: 105px;}
	.pf_details 			{float:left;display:block;width: 437px;margin-left: 22px;}
		.pf_details dt 		{float:left; display:block; width:78px;}
		.pf_details .client {font-weight: bold;}
		
	.pf_thanks 				{margin-left: 20px; float:left;display:block;width: 208px;}
		.pf_thanks dt, 
		.pf_thanks dd 		{float:left; display:block; width: 208px; }


/************************************************************************************************ 
				About 
*************************************************************************************************/
	.about_text 			{float:left; margin-left: 28px; width: 438px;height: 105px; line-height: 26px; font-size: 11px; background: url(images/bg_teksti_viivat.gif) repeat-x;}
		.about_text span 	{padding: 2px 20px 0 0; }

	ul.person 				{padding-top: 2px; margin-left: 20px; display:block; float:left; width: 210px; height: 105px; }
		ul.person li 		{width: 210px; line-height: 26px;}
	
	.person .name 			{font-weight: bold;}
	.person .title 			{}
	
	#anu 					{background: url(images/bg_anu.gif) no-repeat; }
	#milla 					{background: url(images/bg_milla.gif) no-repeat; }
	
	#about .pf_desc 		{padding: 0 0; margin: 0 0 0 0px;}

/************************************************************************************************ 
				Footer 
*************************************************************************************************/
	#footer 				{ font-size: 10px; clear:both;padding: 30px 59px;}