@charset "utf-8";
/* CSS Document */

.sntGroup {
	font:100% Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #000000;
	background-color:#CCCCCC;

}


*html .sntGroup {
	font:120% Arial, Helvetica, sans-serif;
	font-size/**/:/**/large;
}

.sntGroup a img{border:0;}

#container {
text-align:left;
width:772px;
margin: 0 auto;
padding:0;
text-align: left;
border:1px solid #999999;
border-width:0 1px 1px 1px;
}

#Top {
	width:100%;
	float:left;
	clear:both;
	background-color:#9F9F9F;
	border:1px solid #CCC;
	border-width:1px 0 1px 0;
	height:48px;
	position:relative;
}
	img.logo {
		width:234px;
	 	height:22px; 
		float:left;
		margin:14px 6px 14px 6px;
		}
	img.logo_tuplex {
		width:234px;
	 	height:46px; 
		float:left;
		margin:0px 6px 14px 6px;
		}

#Content {
width:100%;
float:left;
clear:both;
background-color:#AAAAAA;
background-image:url(images/content_small_bg.gif);
background-repeat:repeat-y;
}

	#Left {
	float:left;
	margin:0;
	padding:0;
	}
		#Content.index #Left{
			width:246px;
			padding:0 0 40px 0;
		}

		img.header {}

		/*/////////// font styles ////////////*/

		#Left h1, #Left h2, #Left h3, #Left p {color:#EEEEEE; margin:0; padding:0;}
		#Left h1 {font-size:130%; font-weight:normal;}
		#Left p {font-size:70%; line-height:140%;}
	
		#Left h1 {font-size:130%; font-weight:normal;}
		
		#Left p a {color:#990000;}
			
		#Content.index #Left h1 {margin:1em 14px 0.5em 14px;}
		#Content.index #Left p {margin:1em 14px 0em 14px;}
		
		
		/*Vasemman reunan valikko*/


		#Left ul#LeftMenu {
			list-style-type:none;
			margin:0;
			padding:0;
			line-height:0;
			border:#CCCCCC solid 1px;
			border-width:0 1px 0 0;
		}
		
		#Left ul#LeftMenu ul, #Left ul#LeftMenu li, #Left ul#LeftMenu ul li {
			list-style-type:none;
			margin:0;
			padding:0;
			
		}

		#Left ul#LeftMenu a
		{
			font:76% "Trebuchet MS", Verdana, Arial, sans-serif;
			font-weight:normal;
			line-height:100%;
			display: block;
			cursor: pointer;
			background-color:#ABABAB;
			padding: 0.6em 1.2em 0.4em 1.2em;
			color: #333;
			text-decoration: none;
			border:1px solid #CCC;
			border-width:1px 0 0 0;
		}
		
		#Left ul#LeftMenu li.SubMenuClosed ul 
		{
		display:none;
		visibility:hidden;
		}
		
		/*alavalikko suljettu*/
		#Left ul#LeftMenu li.SubMenuClosed a, #Left ul#LeftMenu li.SubMenuClosed a:hover
		{
			background-image: url(SpryAssets/SpryMenuBarRight.gif);
			background-repeat: no-repeat;
			background-position: 95% 50%;
		}
		
		/*alavalikon alavalikko suljettu*/
		#Left ul#LeftMenu li.SubMenuOpen ul li.SubMenuClosed a, #Left ul#LeftMenu li.SubMenuOpen ul li.SubMenuClosed a:hover
		{
			/*VAIHDA KUVA ALAVALIKOSSA VVVVVVVVVVVVVVV*/
			background-image: url(SpryAssets/SpryMenuBarRight.gif);
			background-repeat: no-repeat;
			background-position: 95% 50%;
		}
		
		
	
		
		/*alavalikon alavalikko auki*/
		#Left ul#LeftMenu li.SubMenuOpen a, #Left ul#LeftMenu li.SubMenuOpen a:hover
		{
			color: #333;
			background-image: url(SpryAssets/SpryMenuBarDown.gif);
			background-repeat: no-repeat;
			background-position: 95% 50%;
			background-color:#E8E8E8;
		}
		
	
			/*nollaa edellisen*/
			#Left ul#LeftMenu li.SubMenuOpen ul li a
			{
				color: #333;
				background-image:none;
				background-color:#D3D3D3;
			}
			
			#Left ul#LeftMenu li.SubMenuOpen ul li.SubMenuOpen ul li a
			{
				color: #333;
				background-image:none;
				background-color:#DCDCDC;
			}
			
			
	
		
	
	
		
		

		/*alavalikon sisällä oleva aktiivinen linkki*/
		#Left ul#LeftMenu li.SubMenuOpen ul li.SubMenuOpen ul li.CurrentlySelected a, #Left ul#LeftMenu li.SubMenuOpen ul li.SubMenuOpen ul li.CurrentlySelected a:hover
		{
			color: #333;
			background-image:none;
			background-color:#E8E8E8;
		}
		
	

		
		#Left ul#LeftMenu ul a
		{
			font:76% "Trebuchet MS", Verdana, Arial, sans-serif;
			font-weight:normal;
			line-height:100%;
			display: block;
			cursor: pointer;
			background-color:#BCBCBC;
			padding: 0.6em 1.2em 0.4em 2.2em;
			color: #333;
			text-decoration: none;
			border:1px solid #CCC;
			border-width:1px 0 0 0;
		}
		
		
		#Left ul#LeftMenu ul li ul a
		{
			font:76% "Trebuchet MS", Verdana, Arial, sans-serif;
			font-weight:normal;
			line-height:100%;
			display: block;
			cursor: pointer;
			background-color:#BCBCBC;
			padding: 0.6em 1.2em 0.4em 4em;
			color: #333;
			text-decoration: none;
			border:1px solid #CCC;
			border-width:1px 0 0 0;
		}
		
		
		#Left ul#LeftMenu a:hover, 
		#Left ul#LeftMenu ul a:hover, 
		#Left ul#LeftMenu li.SubMenuOpen ul li a:hover, 
		#Left ul#LeftMenu li.SubMenuOpen ul li.SubMenuOpen a:hover,
		#Left ul#LeftMenu li.SubMenuOpen ul li.SubMenuOpen ul li a:hover
		{ 
			background:none;
			background-color:#646464;
			color: #FFF;
		}
		
		
		
		
		/*alavalikon alavalikko auki*/
		#Left ul#LeftMenu li.SubMenuOpen ul li.SubMenuOpen a, #Left ul#LeftMenu li.SubMenuOpen ul li.SubMenuOpen a:hover
		{
			color: #333;
			background-image: url(SpryAssets/SpryMenuBarDown.gif);
			background-repeat: no-repeat;
			background-position: 95% 50%;
			background-color:#E8E8E8;
		}
	
		
		
		#Left ul#LeftMenu li.SubMenuOpen ul li.CurrentlySelected a, #Left ul#LeftMenu li.SubMenuOpen ul li.CurrentlySelected a:hover
		{
			color: #333;
			background-image:none;
			background-color:#E8E8E8;
		}
		
		#Left ul#LeftMenu li.CurrentlySelected a, #Left ul#LeftMenu li.CurrentlySelected a:hover
		{
			color: #333;
			background-image:none;
			background-color:#E8E8E8;
			
			
		}
		
		
		
		

		

		
	
	#Right {
	float:left;
	margin:0;
	padding:0;
	background-color:#AAAAAA;
	}
		#Content.index #Right{
			width:526px;
			padding:0 0 10px 0;
			border:none;
		}

		/*/////////// font styles ////////////*/

		#Right h1, #Right h2, #Right h3, #Right p {color:#EEEEEE; margin:0; padding:0;}
		
		#Right h1 {font-size:130%; font-weight:normal;}
		
		#Right p {font-size:70%; line-height:140%;}
		#Right ul {
			color:#EEEEEE;
			font-size:70%;
			line-height:140%;
			margin: 0px;
			padding-top: 0px;
			padding-right: 0px;
			padding-bottom: 0px;
			padding-left: 1.4em;
		}
		
		#Right ul ul{
			font-size:100%;
			line-height:140%;
			margin: 0px;
			padding-top: 0px;
			padding-right: 0px;
			padding-bottom: 0px;
			padding-left: 0.5em;
		}
		
	
		#Right h1 {font-size:130%; font-weight:normal; color:#990000; }
		#Right h2 {font-size:110%; font-weight:normal; color:#990000;}
		#Right h3 {font-size:90%; font-weight:normal; color:#990000;}
		
		#Right p a, #Right ul a {color:#990000;}
		
		#Content.index #Right hr {font-size:0; display:block; line-height:0; width:100%; clear:both; height:2px;
		padding:0; margin:10px 0 0 0; border:1px solid #D6D6D6; border-width:0 0 1px 0; background-color:#ADADAD;}
		#Content.index #Right img.contentImage, #Content.index #Right div.contentDiv {float:right; margin:0.5em 10px 0em 10px; clear:both;}

		#Content.index #Right img.normalImage {margin:0.5em 20px 0em 20px; padding:0;}
		
		#Content.index #Right h1 {margin:0.5em 20px 0.5em 20px;}	
		#Content.index #Right h2 {margin:0.5em 20px 0.5em 20px;}
		#Content.index #Right h3 {margin:1em 20px 0em 20px; padding:0;}
		#Content.index #Right h2 a, #Content.index #Right h2 a:visited{color:#990000; text-decoration:none;}
		#Content.index #Right h2 a:hover{color:#DDDDDD; text-decoration:none;}
		#Content.index #Right p {margin:1em 20px 0em 20px;}
		#Content.index #Right ul {margin:0em 20px 0em 20px;}
	
		#Content.index #Right h1.thin, #Content.index #Right h2.thin, #Content.index #Right p.thin, #Content.index #Right ul.thin {margin-right:230px}

		#Content.index #Right #flashcontent {margin:0em 20px 0em 20px;}
#Footer {
	float:left;
	clear:both;
	width:100%;
	text-align:center;
	margin:0;
	padding:0;
	font-size:70%;
	background-color:#9F9F9F;
}
	
#Footer p { 
	margin:0;
	border:1px solid #CCC;
	border-width:1px 0 1px 0;
	line-height:100%;
	padding:1em 15px 1em 15px;
	color:#EEEEEE;  }

#Footer a, #footer a:visited{
color:#666666;
text-decoration:none;
}
.sntGroup #container #Content #Right table.specTable, .sntGroup #container #Content #Right table.specTableWide {
	padding:0;
	margin-top: 1em;
	margin-right: 20px;
	margin-bottom: 1em;
	margin-left: 20px;
	font-size: 70%;
	color: #FFFFFF;
	border: 1px solid #CCCCCC;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: solid;
	width: 250px;
}
.sntGroup #container #Content #Right table.specTableWide
{
	width: 480px;
}

.sntGroup #container #Content #Right table.specTable th, .sntGroup #container #Content #Right table.specTable td,
.sntGroup #container #Content #Right table.specTableWide th, .sntGroup #container #Content #Right table.specTableWide td
{
	text-align:left;
	padding: 0.4em;
	margin: 0px;
	border: 1px solid #CCCCCC;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: none;
}

.sntGroup #container #Content #Right table.specTable th,
.sntGroup #container #Content #Right table.specTableWide th
{
background-color:#999999;
font-weight:normal;
}

.sntGroup #container #Content #Right table.specTable ul, .sntGroup #container #Content #Right table.specTableWide ul
{
	font-size:100%;
	line-height:140%;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 1.4em;
}


/*////CONTACT FORM//////*/
#contactForm {
float:left;
width:100%;
}

.red {color:#990000;}

#contactForm label.short {
	margin: 0 0 0.5em 0;
	clear:both;
	float:left;
	display:block;
	width:100%;
}

#contactForm label.long {
	margin: 0 0 0.5em 0;
	display:block;
	width:100%;
}



#contactForm input.textfield, #contactForm .textarea, #contactForm .select {
float:left;
width: 200px;
}

#contactForm input.checkbox{
float:left;
margin:0 10px 0 20px;
}

#contactForm span.formLabelLong {
	display:block;
	text-align: left;
	margin:4px 4px 0 0;
	overflow:hidden;
}


#contactForm span.formLabel {
	display:block;
	width:130px;
	float:left;
	text-align: right;
	clear: both;
	margin:4px 4px 0 0;
	overflow:hidden;
}





#contactForm .errorMsg {font-weight:bold; color:#CC0000;}

/*/////////////////*/


.sntGroup  #container  #Content  #Right #gallery {width:400px; float:left; clear:both; margin:2em 20px 1em 20px; padding:0;}
.sntGroup  #container  #Content  #Right #gallery img {float:left;}

.tempText {color:#339900; font-weight:bold;}


/*/////////////////*/


.googleMap {
border:1px solid #E5E5E5;
padding:2px;
width: 250px;
height: 300px;
margin:10px;
float:right;
}