html, head, body
{
	width			:	100%;
	padding			:	0px;
	margin			:	0px;
	font-family		:	Arial, Helvetica, sans-serif;
	text-align		:	center;
	background		:	url('../../img/taustapatsku.gif') repeat-x top left #c8c8c8;
	color			:	#000;
	font-size		:	80%;
}
/*p {
	margin			:	0px;
}*/
#pagewidth { 
 	width				:	759px;
	text-align			:	left;  
	margin-left			:	auto; 
	margin-right		:	auto;
	background			:	#fff;
}
#container {
	width				:	751px;
	margin-left			:	4px;
	/*min-height			:	100%;*/
}
#footer {
	width				:	751px;
	color				:	#fff;
	background			:	#000;
	text-align			:	right;
}
/*#footer p {
	margin				:	0px;
	padding				:	0px;
}*/
#footerText {
	display				:	block;
	margin				:	0px;
	padding				:	4px 5px 4px 0px;
}
#footerText a {
	color				:	#fff;
	text-decoration		:	none;
}
#header {
	width				:	751px;
	height				:	98px;
	background			:	url('../../img/header.gif') no-repeat top left;
}
#upperNavi {
	float				:	right;
	position			:	relative;
	width				:	300px;
	text-align			:	right;
	margin-right		:	10px;
	margin-top			:	5px;
}

#upperNavi a {
	line-height			:	2.0em;
	color				:	#636363;
	text-decoration		:	none;
	font-size			:	1em;
}
#upperNavi a:hover {
	text-decoration		:	underline;
}

#ExoteLogo {
	margin				:	30px 0px 0px 30px;
	border				:	0px;
}
#naviAndCont {
	width				:	751px;
	background			:	url('../../img/container_bg3.gif') repeat-y 0px 0px;
}
#leftNaviHolder {
	width				:	150px;
	float				:	left;
	position			:	relative;
}
#leftNavi {
	background			:	#fafafa;
}
#leftNavi ul.naviLvl1 {
	margin				:	0px;
	padding				:	0px;
}
#leftNavi ul.naviLvl1 li.naviLiLvl1 {
	width				:	150px;
	margin				:	0px;
	padding				:	0px;
	list-style			:	none;
}
#leftNavi ul.naviLvl1 li.naviLiLvl1 a.linkLvl1 {
	height				:	23px;
	*height				:	30px;
	display				:	block;
	margin				:	0px;
	padding				:	7px 5px 0px 5px;
	font-size			:	1.1em;
	color				:	#878787;
	text-decoration		:	none;
	background			:	url('../../img/navinappi_v2.gif') bottom left;
}

#leftNavi ul.naviLvl1 li.naviLiLvl1 a.active {
	color				:	#000;
}
#mainNaviFirst {
	border-top			:	1px solid #d1d1d1;
}
#leftNavi ul.naviLvl1 li.naviLiLvl1 a.linkLvl1:hover {
	color				:	#fff;
	background			:	url('../../img/navinappi_v2.gif') top left;
}
ul.naviLvl2 {
	margin				:	0px;
	padding				:	0px;
	border-bottom		:	1px solid #d1d1d1;
	font-size			:	1em;
}
ul.naviLvl2 li.naviLiLvl2 {
	width				:	150px;
	margin				:	0px;
	padding				:	0px;
	list-style			:	none;
}
ul.naviLvl2 li.naviLiLvl2 a.linkLvl2 {
	padding				:	4px 5px 4px 15px;
	display				:	block;
	width				:	130px;
	*width				:	150px;
	text-decoration		:	none;
	color				:	#878787;
}
ul.naviLvl2 li.naviLiLvl2 a.linkLvl2:hover {
	color				:	#fff;
	background			:	#bf6938;
}
#contentHolder {
	width				:	601px;
	float				:	right;
	position			:	relative;
	font-size			:	1.2em;
}
#brownBlock {
	height				:	19px;
	background			:	#b45a27;
	text-align			:	right;
	padding-top			:	5px;
}
#contentPic {
	width				:	601px;
	overflow			:	hidden;
	background			:	#fff;
	line-height			:	1px;
	font-size			:	0.1em;
}
#tabi {
	position			:	absolute;
	z-index				:	101;
	top					:	-21px;
	line-height			:	1px;
}
#centerCol {
	width				:	434px;
	position			:	relative;
	float				:	left;
}
#bigCol {
	position			:	relative;
	float				:	left;
	font-size			:	1.0em;
}
#content {
	color				:	#525252;
	padding				:	10px 20px 20px 25px;
}
#contentTexts {
	width				:	390px;
	overflow			:	hidden;
}
#contentTexts2 {
	width				:	556px;
	overflow			:	hidden;
}

#content h1 {
	font-size			:	1.3em;
}
#twoColumns h1, #twoColumns h2, #twoColumns h3, #twoColumns h4, #twoColumns h5, #twoColumns h6  {
	font-size			:	1.4em;
	color				:	#525252;
	margin				:	0px;
	padding				:	12px 0px;
}
#twoColumns {
	line-height			:	1.4em;
	font-size			:	1.1em;
}

#rightCol {
	width				:	163px;
	margin-right		:	1px;
	position			:	relative;
	float				:	right;
}
#loginHeader {
	height				:	22px;
	background			:	#acacac;
}
#loginHeader h1 {
	margin				:	0px;
	color				:	#fff;
	font-size			:	1em;
	padding				:	5px 0px 0px 10px;
}
#loginForm {
	font-size			:	1em;
	background			:	#d9d9d9;
	padding				:	5px;
	border-bottom		:	1px solid #fff;
}
#loginForm p {
	margin				:	0px;
}
#loginForm form {
	padding				:	0px;
	margin				:	0px;
}
p.loginText {
	color				:	#6b6b6b;
	display				:	block;
	padding				:	5px 0px 5px 5px;
}
#registerLink {
	color				:	red;
	text-decoration		:	underline;
}
#loginLink {
	color				:	white;
	text-decoration		:	none;
}
#loginForm input {
	width				:	148px;
	margin				:	0px;
	font-size			:	1em;
}
#loginForm input.submitBox {
	width				:	50px;
}
.loggedIn {
	margin				:	0px;
	margin-right		:	10px;
	padding				:	0px;
}
#newsBox {
	background			:	#f2f2f2;
}
#newsBox p {
	margin				:	0px;
}
#newsBoxHeader {
	height				:	31px;
	background			:	url('../../img/newsheader.gif') no-repeat top left; 
}
#newsBoxHeader h1 {
	margin				:	0px;
	color				:	#fff;
	font-size			:	1em;
	padding				:	5px 0px 0px 10px;
}
.newsSmall {
	margin-top			:	5px;
}
#logini a {
	color				:	#fff;
	text-decoration		:	none;
	cursor				:	text;
}
#logini a:hover {
	text-decoration		:	none;
}


.clearfix:after {
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
}

 
.clearfix{display: inline-table;}

/* piilotellaan IE-macilta \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* lopetellaa piilottelu */ 


