/* Start of CMSMS style sheet 'Taloyhtiö 2010 CSS' */
/*
	=====================================
	project: Distinctive
	author:  Luka Cvrk (www.solucija.com)
	-------------------------------------
	2009. Solucija 
	=====================================
		
*/

/*    Resetti	*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, textarea, input, select {margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
table {border-collapse: collapse; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
table, td, th {vertical-align: middle;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img {border: none;}
:focus {outline: 0;}


/*    Yleiset	*/

body {

	background: #fff url(../images/bg.gif) repeat-x;
	color: #777;
	font: normal 75% "Century Gothic","Trebuchet MS", Tahoma, Verdana;
	line-height: 1.5;
}

a,a:link{ color:green;}
a:visited{color:#333;}

/*    Otsikot	*/
h1,h2,h3,h4,h5,h6 {
	color: #333;
	font-weight: normal;
	font-family: "Century Gothic","Trebuchet MS", Tahoma, Verdana;
	line-height: 1;
	margin-bottom: 0.3em;
}
h4,h5,h6 {font-weight: bold;		font-family: "Century Gothic","Trebuchet MS", Tahoma, Verdana;}

h1 {font-size: 1.4em;  font-weight: normal; color:#333; font-family:helvetica;}
h1 a { color: #fff; font-size: 1.6em; }
h2 {font-size: 1.2em;	color:#333;	font-family: "Century Gothic","Trebuchet MS", Tahoma, Verdana;}
h3 { font-size: 1.2em; background: #fff url(../images/headerbg_1.gif) no-repeat;  padding: 6px 7px 6px 13px; color: #fff; font-weight: normal; margin: 0 0 15px; float: left; }
h4 { margin: 0 0 15px; color: #555; font-weight: normal; font-size: 1.6em; font-weight: normal; }
h5 {font-size: 1.1em;	color:#333;	font-family:helvetica;}
h6 {font-size: 1em;	color:#333;	font-family:helvetica;}


label {font-weight: bold; cursor: pointer; display:block;}
fieldset {background:#F6F6F6; padding: 1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc;}
legend {font-weight: bold; font-size: 1.2em;}
textarea {overflow: auto;}


#fbrp__29,#fbrp__30_1,#fbrp__31, input.text, textarea, select {
	background: #FCFCFC;
	border: 1px inset #333;
	margin: 0.5em 0;
	padding: 4px 5px;
}
input.text:focus, textarea:focus, select:focus {background: #FFFFF5;}

input.button, input.fbsubmit_next,fbsubmit_01 {
	background: #DDD;
	border: 1px outset #AAA;
	padding: 4px 5px;
}
input.button:active {border-style: inset;}
select.arkistot {width:235px; border: 1px inset #AAA; 	padding: 4px 5px; }


p { clear: both; line-height: 1.64em; margin: 0 0 15px; color:#000; }


/*    Rakenne	*/

#content { background: #fff; width: 970px; margin: 0px  auto; }
	
#top { 
	background: url(../images/bg.gif) repeat-x;
	color: #fff; 
	padding: 2px 0 5px; 
	font-size: 1.2em; 
	text-align: right;
	}
	
#logo { 
	
	float: left;  
	background: #fff url(../images/logo.jpg) top left no-repeat; 
	padding: 95px 25px 15px; 
	margin: 10px 20px 10px; 
	width:900px;
color:#333;
	}
	
#logo h1 { color:#333;  font-family: "Trebuchet MS", Tahoma, Verdana;
font-size: 1.6em;  text-align:right; float:right; margin-top:-50px;  padding: 10px 70px 15px 0px;  }

#header { 
	width:965px;
	margin:25px 0 0 15px;
	height:150px;
	}
	
#header img { 
display: inline;
clear:both;
float: left;  
margin:0px;
padding: 0px 640px 73px 5px;
background: #fff url(../images/talot_2.jpg) right top no-repeat; 
}

/*    Contentpage Menu	*/

#menu {
background: #fff; 
display:block; 
float: left; 
margin: 5px 0px 10px;  
width: 970px; 
clear:both;
font-family: "Century Gothic","Trebuchet MS", Tahoma, Verdana;
}

#menu li { display: inline; font-size: 18px; font-weight:bold; }
#menu li a { float: left; color: #87C841; padding: 0 0 5px; margin: 0 18px 0 18px; text-decoration:none; }
#menu li a:hover, #menu li.current a, #menu li a:focus { 
	border-bottom: 4px solid #87C841; 
	color: #6A7179; 
	padding: 0 0 0px 0; 
	border-bottom: 4px solid #87C841; 
	}


#menu2 {
display:block; 
float: left; 
margin: -52px 0px 10px;  
width: 970px; 
padding:4px 0 5px 0;
clear:both;
font-family: "Century Gothic","Trebuchet MS", Tahoma, Verdana;
}

.glass {
background-color:#fff;
filter:alpha(opacity=80);
opacity: 0.8;
-moz-opacity:0.8;
}

#menu2 li { display: inline; font-size: 18px; font-weight:bold; }
#menu2 li a { float: left; color: #87C841; padding: 0 0 5px; margin: 0 18px 0 18px; text-decoration:none; }
#menu2 li a:hover, #menu li.current a, #menu li a:focus {
	border-bottom: 4px solid #87C841; 
	color: #6A7179; 
	padding: 0 0 0px 0; 
	border-bottom: 4px solid #87C841; 
	}	
	.third h3 { width:270px; font-size:14px; font-weight:bold; background:  url(../images/headerbg_1.gif) no-repeat; }
	.third p { padding: 0 25px 0 12px;  font-weight:bold; }
	
	#pitch { background: url(../images/talot.jpg) no-repeat right top ; padding: 0px 508px 0 10px; border-bottom: 1px solid #ddd; height: 260px; margin: 0 0 35px; }
	#pitch h1 { font-size: 30px; color: #666; margin: 0 0 22px; font-family: "Century Gothic","Trebuchet MS", Tahoma, Verdana; font-weight:bold; }
	#pitch h2 { font-size: 24px; color: #666; margin: 0 0 8px 0px; }
	#pitch h3 { font-size: 1.3em;  color: #000; margin: 0 0 20px -8px; line-height: 1.5em; background:none; }

		
		/*	Luokat	 */
	.line { clear: both; border-bottom: 1px solid #ddd; margin: 5px 0 30px; }
	.left { float: left; width: 250px; }	
	.right { float: right; width: 630px; margin: 0 0 20px; }
	.left_cntnt { float: left; width: 250px; margin: 0 0  50px; 15px;background:#fff; clear:left; }	
	.right_cntnt {	font-size: 1.2em;  float: right; width: 610px; padding:0px 35px 50px 15px; margin: 0 0 20px; background:#fff;}
	.right h3 { background: #808080; font-size: .84em; }
	.third { float: left; width: 296px; margin: 0 40px 20px 0;}
	.last { margin-right: 0; }
	.clear { clear: both; }

.left_cntnt  h3  {width:230px; background: url(http://www.taloyhtiotapahtuma.net/images/leftcntntbg_1.gif)  top left no-repeat;}

.left_cntnt h1 {font-size: 1.3em;  font-weight: bold; color:#333;  font-family: "Century Gothic","Trebuchet MS", Tahoma, Verdana;  }


.left_cntnt  ul { list-style:none; border-top:1px solid #eee; border:none; padding:0; margin:0 0 15px 0; width:235px;}

#submenu {
	width: 235px;
	margin: 0px;
	}
#submenu ul li { border-bottom:1px solid #eee; padding: 5px 0 5px 10px; margin:5px 0 5px 0; }
	
#submenu li a {
	height: 15px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 20px;
	text-decoration: none;
	}	
	
#submenu a:link, #menu1 li a:visited {
	color: #333;
	display: block;
  	height: 20px;
	background:  url(menu1.gif);
	padding: 1px 0 3px 10px;
	}

	
#submenu  li a:hover {
	color: #FFF;
  	height: 20px;
	background: background: url(http://www.taloyhtiotapahtuma.net/images/leftcntntbg_1.gif) 0px 0px no-repeat;
	padding: 1px 0 3px 10px;
	}	

#submenu li.menuactive {background: url(http://www.taloyhtiotapahtuma.net/images/leftcntntbg_1.gif)  top left no-repeat; color:#000; height: 20px; padding: 5px 0 5px 10px; }



.left_cntnt  ul li { border-bottom:1px solid #eee; padding:5px; margin:0; }
.left_cntnt  ul li a { border: 0; }
.left_cntnt  ul li:hover {background: url(http://www.taloyhtiotapahtuma.net/images/leftcntntbg_1.gif)  top left no-repeat;}
.left_cntnt  ul li.currentpage {background: url(http://www.taloyhtiotapahtuma.net/images/leftcntntbg_1.gif)  top left no-repeat; color:#000;}
a.currentpage {color:#fff;}
		
	#footer { background:url(../images/footerbg.jpg) no-repeat right top;color:#f1f1f1; clear: both; font-size: 1em; height:300px; border-top: 1px solid #ddd; text-align:left; padding: 170px 30px 0px; }
#footer a,a:link,a:visited {color: 6A7179 text-decoration:none;}
#footer a:hover {color: #333; text-decoration:underline;}

#myframe { height: 1200px; }
#GoogleMaps1 {border: 3px solid #87C841;}

td.ny1 {
background:#ffffff;
color: #666;
}

.ny1 a:hover{
color: #87C841;
}
.ny2 {
background:#f2f2f2;
color: #666;
}
.ny2 a:hover{
color: #87C841;
}

.txtinput {background:#F6F6F6; padding: 3px; margin: 0 0 1.5em 0; border: 1px solid #ccc;}

/* End of 'Taloyhtiö 2010 CSS' */