/* ---- Table of contents ---- */
/* ---- HEAS : Header styles -- */
/* ---- MAIND : Main and language navigation ---- */
/* ---- CONTD : Content styles ---- */
/* ---- FOOTD : Footer styles ---- */

* { margin: 0px; padding: 0px; text-align: left; }

body 
	{ 
	height: 100%; 
	font-family: 'Trebuchet MS', Arial sans-serif; /* selected font face */
	font-size: 14px; /* general font size */
	background: #fff url(img/gradient.jpg) top repeat-x; 
	color: #202020; /* general font color */
	}
	
p { text-align: justify; }
a { color: #d90016; text-decoration: none; }
a:hover { text-decoration: underline; }

html { height: 100%; }

#container
	{
	position: absolute;
	width: 980px;
	background-image: url(img/container_background_2.jpg);
	background-position: right top;
	background-repeat: no-repeat;
	background-color: #fff;
	margin-left: 50%; /* centering */
	left: -490px; /* offsetting the content to center */
	}


/* ---- HEAS : Header styles -- */


img.medal { position: absolute; margin-left: -39px; clear: left; }
img.header { margin-left: 0px; }

h1 
	{
	margin-top: 33px;
	margin-left: 169px;
	width: 503px; 
	height: 29px; 
	background-image: url(img/header_kwc_text2.gif);
	}

span {display: none;}



/* ---- MAIND : Main and language navigation ---- */


#mainnavi ul, #languagenavi ul { list-style: none; padding: 0; margin: 0; } /* resetting list styles */
#mainnavi li, #languagenavi li { list-style: none; float: left; margin: 0; padding: 0; } /* resetting list styles */

#mainnavi { margin-left: 170px; margin-top: 20px; }
#mainnavi a
	{
	font-size: 15px;
	display: block;
	margin-right: 19px; /* space between mainnavi links */
	}

.fastnavi {position: absolute; margin-top: -23px; margin-left: 140px; }

#languagenavi {position: absolute; margin-left: 710px; margin-top: 7px; }
#languagenavi .finnish img {margin-right: 10px;}
#languagenavi .english img {margin-right: 10px;}
#languagenavi a:hover {text-decoration: underline; }
#languagenavi a 
	{
	text-decoration: none;
	color: #38615B;
	font-size: 12px;
	display: block;
	margin-right: 20px;
	}

/* ---- CONTD : Content styles ---- */

#content { margin-top: 90px; width: 887px; margin-left: 46px; }

#content h2 { font-size: 17px; color: #ea1126; font-weight: 100; margin-top: 13px; }

img.mainimage { margin-top: 20px; }

#content .intro { margin-top: 20px; width: 580px; }

#content .intro_wide { margin-top: 20px; width: 887px; }

#content .intro_wide table { width: 887px; margin-top: 15px;}
#content .intro_wide td { 
	background-color: #fbf9e9; 
	padding: 15px 20px 12px 20px; 
	border-bottom: 2px dotted #fff; 
	color: #5c5135;
	}
#content .intro_wide .time { vertical-align: top; width: 200px; padding-top: 20px;}
#content .intro_wide .info { vertical-align: top; border-left: 2px solid #fff; }
#content .intro_wide .middle { background-color: #fffef2; color: #685b3c; padding: 20px; border-bottom: 3px solid #fff; border-top: 3px solid #fff; }
#content .intro_wide .thumbnails { margin-top: 25px; }
#content .intro_wide .thumbnailslow { margin-top: 3px; }
#content .intro_wide .thumbnails img { margin-right: 5px; }
#content .intro_wide .thumbnailslow img { margin-right: 5px; margin-top: 3px; }

#content .intro p, #content .intro_wide p { margin-top: 10px; }
#content .intro .thumbnails { margin-top: 25px; }
#content .intro .thumbnails img { margin-right: 5px; }
#content .buttons { margin-top: 7px; position: absolute; margin-left: 604px; }
#content .buttons img { margin-top: 8px; }

/* ---- FOOTD : Footer styles ---- */

#footer 
	{ 
	border-top: 1px solid #B7E2E1; 
	margin-top: 30px;
	width: 887px;
	height: 170px;
	margin-left: 46px;
	}

#footer h3 { margin-top: 30px; margin-bottom: 16px; padding: 0; font-weight: 100; font-size: 14px; color: #1E7893; }

#footer .mainnavi { position: absolute; margin-left: 0px; }
#footer .readmore { position: absolute; margin-left: 190px; }
#footer .additional { position: absolute; margin-left: 380px; }
#footer .affiliates { position: absolute; margin-left: 570px; }

#footer .copyright { position:absolute; margin-top: 270px; font-size: 11px; color: #A09E9E; }

#singers
	{
	width: 100%;
	background-image: url(img/singers_bottom.jpg);
	background-position: right bottom;
	background-repeat: no-repeat;
	height: 257px;
	}

/* ---- FOOTER with background ---- */


#footer_2 
	{ 
	border-top: 1px solid #B7E2E1; 
	margin-top: 30px;
	width: 887px;
	height: 240px;
	margin-left: 46px;
	background-image: url(img/footer_background.jpg);
	background-position: bottom left;
	background-repeat: no-repeat;
	}

#footer_2 h3 { margin-top: 30px; margin-bottom: 16px; padding: 0; font-weight: 100; font-size: 14px; color: #1E7893; }

#footer_2 .affiliates { position: absolute; margin-left: 530px; }

#footer_2 .copyright { position:absolute; margin-top: 240px; margin-bottom: 20px; font-size: 11px; color: #A09E9E; }