/* Voikukka.com */
/* outline */
body, html						{margin:0; padding:0; border:0; font-size:14px; height:101%; color:#000000; font-family: "FuturaBT-Light", Helvetica, sans-serif, Arial;}

body							{background-color:#ffffff;}

img								{border:0;}
a 								{color:#000000; font-weight:normal; text-decoration:none; outline:none;}
a:hover							{color:#999999; font-weight:normal; text-decoration:underline; outline:none;}

.skip							{display:none;}
.clear							{clear:both; line-height:0px;}
.hide							{display:none; line-height:0; margin:0; padding:0;}

h1,h2,h3,h4 					{color:#000000;}
h1								{font-size:160%; font-weight:normal; padding:0; margin:0 0 12px 0; line-height:1.0em;} 
h2								{font-size:130%; font-weight:normal; padding:0; margin:0 0 8px 0; line-height:1.0em;}
h3								{font-size:120%; font-weight:normal; padding:0; margin:0 0 12px 0; line-height:1.1em;}
h4								{font-size:100%; font-weight:normal; padding:0; margin:0 0 7px 0; line-height:1.0em;}
h5								{font-size:90%; font-weight:normal; padding:0; margin:0 0 2px 0; line-height:normal;}

.left							{float:left;}
.right							{float:right;}

.text 							{margin-left:152px; width:441px; font-weight:normal;}

/* main */
#main							{margin:0; width:1330px;}

/* header */
#header							{position:fixed; padding:0 0 0 15px; z-index:999;}

/* logo area */
#logoFrame						{float:left; width:185px; padding:15px 0 0 0;}
.logo							{font-size:22px; font-weight:normal;}
a.logo  						{color:#000000; text-decoration:none; outline:none;}
a:hover.logo 					{color:#999999; outline:none;}


/* menu */
#menu							{float:left; padding:10px 0 0 0; /*background-image:url(../images/bg-menu.png); border:#999999 1px solid;*/ width:750px; font-weight:normal;}
#menu ul						{list-style:none; margin:0; padding:0;}
#menu li						{list-style:none; margin:0; padding:10px 75px 10px 0; float:left;}
#menu li a						{color:#000000; text-decoration:none; outline:none;}
#menu li a:hover				{color:#999999; border-bottom:#999999 1px solid; outline:none;}
#menu li a.active				{color:#000000; border-bottom:#000000 1px solid; outline:none;}
#menu li.last					{padding:10px 0;}

/* navigation */
#nav							{float:left; position:fixed; width:185px; padding:140px 0 0 15px; font-weight:normal;}
#nav ul							{list-style:none; margin:0; padding:0;}
#nav li							{list-style:none; margin:0; padding:0;}
#nav li a						{display:block;}
#nav li a.active				{color:#999999;	text-decoration:underline;}

/* sub navigation */
#subnav							{float:left; width:185px; padding:20px 0 0 0; font-weight:normal;}
#subnav ul						{list-style:none; margin:0; padding:0;}
#subnav li						{list-style:none; margin:0; padding:0;}
#subnav li a					{display:block;}
#subnav li a.active				{color:#999999;	text-decoration:underline;}

/* content */
#content						{float:left; width:1130px; padding:0; position:relative; margin:140px 0 0 200px;}
.item 							{float:left; position:relative; margin:0px 8px 8px 0px;}
.itemBlock						{display:block; margin:0px 8px 8px 0px;}
.item.latest 					{height: auto; width: 550px; margin:0px 15px 15px 0px;}
.item.latest:nth-child(2n+1)	{clear:both;}

.overlay 						{background-image:url("../images/overlay.png"); display:none; height:100%; left:0; position:absolute; top:0; width:100%;}
.overlay p 						{color:#FFFFFF; margin:15px 20px 15px 20px;}
.overlay.over 					{cursor:pointer;}
.overlay p a 					{color:#fff;}

#nav ul li.over a 				{color:#999999;	text-decoration:underline;}
#subnav ul li.over a 			{color:#999999;	text-decoration:underline;}

#info-btn 						{font-size:9px; height:15px; left:215px; position:fixed; top:155px; width:15px; z-index:999; display:block;}
#project-description 			{background-image:url(../images/bg-menu.png); display:none; left:200px; position:fixed; top:140px; width:750px; z-index:999; padding:0 0 20px 0;}
#project-description p#close 	{margin:15px;}
#project-description p 			{margin:13px;}