html{
	height: 100%;
	margin: 0px;
	padding: 0px;
}

body{
	background: url(../images/bg.jpg);
	/*background-position: 50% 50%;*/
	background-position: 50% 0;
	background-color: white;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	font-family: "Lucida Grande",Arial,Verdana;
	color: #333333;
}

h1{
	font-size:  22px;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	margin-top: 6px;
	line-height: 25px;
	color: #333333;
}

h2{
	font-size:  18px;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	margin-top: 6px;
	line-height: 22px;
	color: #333333;
}

p{
	font-size: 13px;
	color: #333333;
}

a{
	color: #333333;
	text-decoration: none;
}

a:hover{
	text-decoration: none;
	color: #781a2d;
}

p a{
	color: #781a2d;
	font-weight: bold;
}

p a:hover{
	text-decoration: underline;
}

.current, .section{
	color: #781a2d;
}

img{
	border: 0px;
}

.blue{
	color: #06bbfb;
}

.red{
	color: #902a38;
}

.small{
	font-size: 11px;
}

.rightMarg{
	margin-right: 10px;
}

.topMarg{
	margin-top: 32px;
}

/* used for centering */
#all{
	position: relative;
	width: 850px;
	margin: auto;
	margin-top: 30px;
}

#height{
	float: left;
	width: 100%;
}
/* /used for centering */

/* header */
.header{
	float: left;
	width: 100%;
	height: 100px;
	background: url(../images/blueStripe.png);
	background-position: 0% 100%;
	background-repeat: repeat-x;
	padding-bottom: 5px;
	padding-top: 20px;
}

.logo{
	float: left;
	margin-left: 35px;
	display: block;
}

.lang{
	/*margin-top: 3px;
	margin-right: 14px;
	float: right;*/
	position: absolute;
	right:0px;
	font-size: 10px;
	padding-right:15px;
}

div.navi {
	float:right;
}

ul.navi{
	clear: right;
	float: left;
	margin: 41px 0px 0px 0px;
	padding:0px;
}
ul.navi li {
	list-style:none;
	float:left;
	padding:0px;
	margin:0px;
}
ul.navi a{
	padding-right: 15px;
	padding-left: 15px;
}

ul.subNavi{
	float: left;
	clear: both;
	margin:0px 0px 0px 13px;
	padding:0px;
}
ul.subNavi li {
	list-style:none;
	float:left;
	padding:0px;
}
.palvelut{
	width: 520px;
}

.subNavi a{
	font-size: 11px;
	margin-right: 18px;
}

/* /header */

/* footer */
.footer{
	clear: both;
	height: 15px;
	text-align: center;
	font-size: 10px;
	background: url(../images/blueStripe.png);
	background-position: 0% 0%;
	background-repeat: repeat-x;
	padding-bottom: 20px;
	padding-top: 10px;
}
/* /footer */

/* content */
#content{
	clear: both;
	float: left;
	min-height: 565px;
	height:auto !important;
	height:565px;
}

.fpImages{
	width: 850px;
	padding-top:  15px;
	padding-bottom: 15px;
	float: left;
}
	.splashText{
		/*background: url(../images/Remes-logo_Slogan.jpg);
		background-repeat: no-repeat;*/
		position: relative;
		width: 336px;
		height: 71px;
		float: left;
		clear: both;
		margin-bottom: -54px;
		margin-right: -336px;
		left: 240px;
		top: -286px;
	}
	.imgPlaceholder{
		height: 267px;
		float: left;

	}
		.small{ width: 179px; }
		.medium{ width: 285px; }
		.big{ width: 383px; }
		.imgPlaceholder img{
			margin: 0px;
			padding: 0px;
			float: left;
		}

.thumbs{
	width: 820px;
	padding-top:  10px;
	padding-bottom: 10px;
	padding-left: 30px;
	float: left;
}
	.thumb{
		padding: 6px;
		float: left;
		width:124px;
		height:76px;
		/*border:1px solid green;*/
	}
	#thumbText{
		position: absolute;
		width: 118px;
		/*height:76px;*/
		/*border:1px solid red;*/
		padding:6px 12px 6px 12px;
		display: none;
		font-size: 12px;
		color: black;
		cursor:pointer;
	}

.thumbs2{
	width: 790px;
	padding-top:  10px;
	padding-bottom: 10px;
	padding-left: 35px;
	padding-right: 40px;
	float: left;
}
	.thumb2{
		margin: 3px;
		float: left;
	}
	#fadeIn{
		display: none;
	}
	.staticSize{
		width: 191px;
		height: 128px;
		overflow: hidden;
	}

.textContainer{
	width: 813px;
	padding-top:  15px;
	padding-bottom: 15px;
	padding-left: 37px;
	float: left;
	overflow: hidden;
}
	.largeCol{
		float: left;
		width: 775px;
		clear: both;
	}
	.leftCol{
		float: left;
		width: 575px;
		clear: both;
	}
	.rightCol{
		float: left;
		width: 235px;
	}
		.arrowLinks{
			font-size: 12px;
			width: 145px;
			margin: auto;
			text-align: center;
			height: 14px;
			margin-top: 9px;
		}
		.arrows{
			margin: auto;
			width: 50px;
			margin-top: 3px;
		}
		.ajankohtaistaThumb{
			float: left;
			clear: both;
			margin-top: 10px;
			width: 100%;
		}
			.largeLink{
				font-size: 18px;
				color: black;
				margin-left: 30px;
				line-height: 27px;
				float: left;
			}
			.staticWidth{
				width: 600px;
			}
			.wideThumb{
				float: left;
				width: 142px;
				height: 27px;
			}

.changingImg1 {
	cursor:pointer;
}
#leftImg, #rightImg {
	position: absolute;
	top: 138px;
	clear: both;
	width: 785px;
	display: none;

}
#rightImg {
	margin-left:6px;
}
#leftImg {
	margin-left:-3px;
}

	#leftImg .bigImgContainer,
	#rightImg .bigImgContainer {
		cursor:pointer;
		width: 591px;
		height: 394px;
		float: left;
		overflow: hidden;
		background: white;
	}
	#leftImg .bigImgArrow,
	#rightImg .bigImgArrow {
		float: left;
		text-align: center;
		width: 185px;
		font-size: 12px;
		margin-top: 310px;
	}
	#rightImg .bigImgContainer {
		float:right;
	}

#ajaxLoading{
	width: 100%;
	height: 565px;
	background: url(../images/ajaxLoader.gif);
	background-position: 50% 50%;
	background-repeat: no-repeat;
}
/* /content */

.to {
	display:none;
}
.domain {
	display:none;
}

#productImage {
	width:750px;
	height:480px;
}

.aaa {
	float:right;
	margin-top:215px;
	margin-right:-235px;
}

#toolTip{
	background-color: #4c4c4c;
	color: white;
	padding: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	position: absolute;
	display: none;
	font-size: 11px;
	border: 1px solid black;
}

.customer{
	float: left;
	margin-right: 24px;
    margin-left: 24px;
	margin-bottom: 45px;
}

.customer img{
	border: 0px;
}

.customer span{
	font-size: 12px;
}