/*
body	{
	overflow: auto;
}
*/

html,body {
	background: #b4e9f9 url(../img/tausta3.jpg) center top repeat-x;
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */
	font-size: 12px;
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
}

img	{
	border: 0px;
}


p, h3, h4, h5, h6 {
	margin-top: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	padding-left: 0px;
	}

h1 { 
	color:#0077CC;
	font-size: 25px;
	letter-spacing: 0px;
	margin-left: 10px;
	margin-top: 0px;
	margin-bottom: 15px;
}

h2 {
	margin-left: 12px;
	margin-top: 25px;
	color:#0077CC;
	font-size: 15px;
	letter-spacing: 0px;
}

h1, h2, a {
		color:#0077CC;
	}

p { 
	font-size: 14px;
	line-height:1.5; 
	word-spacing: 2px;
}

div#topbar {
	position:relative;
	margin: 0 auto;
	text-align:center;
	width: 100%;
	background: url("../img/topbar.gif") repeat-x;
	height: 40px;
	z-index: 10;
	border-bottom: 1px solid #464646;
}
div#topbar_navi {
	position:relative;
	margin: 0 auto;
	text-align:left;
	width: 850px;
	height: 40px;
	z-index: 10;
}

#topbar_navi img {
	vertical-align:middle;
}

#topbar_navi a {
	font-weight: bold;
}

#menu {
	margin: 0;
	padding: 0;
	}

#menu ul {
	border: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
	clear: left;
	}

#menu ul li {
	display: block;
	float: left;
	text-align: center;
	padding: 0;
	margin: 0;
	}

#menu ul li a {
	background: #333333;
	width: 135px;
	height: 2em;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: none;
	padding: 0;
	margin: 0 0 10px 0;
	color: #fff;
	text-decoration: none;
	display: block;
	text-align: center;
	font-weight: normal;
	letter-spacing: 1px;
	line-height: 2em;
	font-size: 12px;      
	voice-family: "\"}\"";   
	voice-family: inherit;    
	}

html>#menu ul li a  {
	font-size: 14px;   
	} 

#menu ul li#seven a	{
	background: #333333;
	width: 170px;
	height: 2em;
	border-top: 1px solid #ccc;
	border-right: 0px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: none;
	padding: 0;
	margin: 0 0 10px 0;
	color: #fff;
	text-decoration: none;
	display: block;
	text-align: center;
	font-weight: normal;
	letter-spacing: 1px;
	line-height: 2em;
	font-size: 12px;      
	voice-family: "\"}\"";   
	voice-family: inherit;   
	}

#resources a:link, #resources a:visited {
	border-right: 1px solid #ccc;
	}

#menu ul li a:hover {
	color: #333333;
	background: #ffffff;
	}


#menu li#currentpage a {
	background: transparent url(../img/navitausta.jpg) repeat-x top left;
	color: #fff;
	font-weight: bold;
	}

div#container {
	position:relative; /* needed for footer positioning*/
	top: 0px;
	margin:0 auto; /* center, not in IE5 */
	width:850px;
	background:#fff;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/

	min-height:100%; /* real browsers */
}

div#header {
	margin: 0 auto;
	padding:0em;
	background:#ccc url("../csslayout.gif") 98% 10px no-repeat;
	border-bottom:1px double #f5f5f5;
}
	div#header p {
		font-style:italic;
		font-size:1.1em;
		margin:0;
	}

div#content {
	position: relative;
	top: 25px;
	padding:0em 3.5em 10em; /* bottom padding for footer */
}
	div#content p {
		text-align:justify;
		padding:0 1em;
	}
	div#content ul, li {
		font-size: 14px;
		line-height: 1.5;
		word-spacing: 2px;
		list-style-image: url('../img/arrow.gif')
	}

div#footer {
	position:absolute;
	text-align: center;
	width:100%;
	bottom:40px; /* stick to bottom */
	color: #8e8e8e;
	background:#ffffff;
	border-top:2px double #ccc;
}
	div#footer p {
		padding:1em;
		margin:0;
	}

div#footervideo {
	position:absolute;
	text-align: center;
	width:100%;
	bottom:40px; /* stick to bottom */
	color: #8e8e8e;
	background:#ffffff;
	border-top:0px double #ccc;
}
	div#footer p {
		padding:1em;
		margin:0;
	}

blockquote
{  
background: url('../img/quote.png') 10px 0.75em no-repeat;
margin: 1em 0em;
padding: 0.25em 50px;
}

blockquote p
{
font-style: italic;  
font-size: 16px;
font-family: arial;
line-height:1.5; 
}

.nimi {
	font-family: arial;
	font-size: 14px;
	font-weight: bold;
}

select {
 background-color: #e3f4f9;
 color: #000000;
}

input {
 background-color: #e3f4f9;
 color: #000000;
}

input.text_input2 {
 background-color: #ffffff;
 color: #000000;
}

input.text_input3 {
 background-color: #ccc;
 color: #000000;
}

div#img_oikea
{
float:right;
margin:0 0 15px 20px;
padding:15px;
text-align:center;
}

#cs_flashBody
{
	position: relative;
	height: 700px;
	top: 25px;
	font: .8em/1.3em verdana,arial,helvetica,sans-serif;
	text-align: center;
	
}

#cs_noexpressUpdate
{
	margin: 0 auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #003300;
	text-align: left;
	background-image: url(SSLVPN1_nofp_bg.gif);
	background-repeat: no-repeat;
	width: 210px; 
	height: 200px;	
	padding: 40px;
}

div#videocontent {
	position: relative;
	top: 25px;
	text-align: center;
	padding:0em 0em 5em; /* bottom padding for footer */
}

table.etusivu {
	width: 100%;
	padding: 0;
	margin: 0;

}

td, tr {
	padding: 0;
	margin: 0;

}

.left {
	text-align: left;
}

.right {
	text-align: left;
}

div#frontnavi1 ul li {
	display:block;
	float:left;
	list-style-type:none;
	margin:0 0 0 0;
   	padding:0 0 0 0;
	}

div#frontnavi1 ul {
   margin:0 0 0 0;
   padding:0 0 0 0;	
}

div#frontnavi1 ul li a {
   display:block;
   height:79px; width:353px;
   background:transparent url(../img/watch_video_uusi.png) no-repeat 0 0;
   text-indent:-9009px;
   margin:0 0 0 0;
   padding:0 0 0 0;
   }

div#frontnavi1 ul li a:hover {
   background-position: 0 -79px;
   }

div#frontnavi2 ul {
   margin:0 0 0 0;
   padding:0 0 0 0;	
}

div#frontnavi2 ul li {
	display:block;
	float:right;
	list-style-type:none;
	}

div#frontnavi2 ul li a {
   display:block;
   height:79px; width:353px;
   background:transparent url(../img/contact_us_prize.png) no-repeat 0 0;
   text-indent:-9009px;
   margin:0 0 0 0;
   padding:0 0 0 0;
   }

div#frontnavi2 ul li a:hover {
   background-position: 0 -79px;
   }

/* .firstbigletter {
font-family: Arial;
color: #0077CC;
font-size: 200%;
line-height: 0.8em;
margin-right: 0.0em;
padding-bottom: 0.1em;

}
*/

.firstbigletter {
/*	font-variant: small-caps; */
	font-weight: bold;
/*	font-size: 120%; */
}
.lomake {
	margin-left: 14px;
}

.kontakti { 
	margin-left: 10px;
}
.floatright {
	margin-top: 10px;
	float: right;
}