@CHARSET "UTF-8";

@import "store.css";
@import "registration.css";
@import "calendar.css";

/** Custom CSS */


body{
	background-color: #7ea71f;
	font-family: Futura, Trebuchet MS, Verdana, Ariel, Times, sans-serif;
	font-size: 11pt;
	line-height:16pt;
	margin:0;
	padding:0;
	color:#414244;
	background-image:url(../images/body_bg.jpg);
	background-repeat:repeat-x;	
	background-position:0px 1px;
	border-top:1px solid black;

}

body.logged {
	background-position:0px 49px;
}

a{
	color:#9fc827;
}

h1, h2, h3, h4, h5 {
	font-family: Verdana, Ariel, Helvetica, Times, sans-serif;
	padding:0px;
	padding-bottom:10px;
	padding-top:0px;
	color:#8aa533;
	font-weight:normal;
	text-transform: uppercase;

}

h1{
	padding-bottom:10px;
	padding-top:0px;
	font-size: 14pt;

}

h2{
	padding-top:30px;
	padding-bottom:10px;
	font-size: 13pt;
	font-weight:normal;
}

h3{
	padding:0px;
	font-size: 11pt;
}


button.send_order {
	border:none;
	background:none;
	width:220px;
	height:65px;
	background-image:url(../images/laheta_tilaus.png);
	background-repeat:no-repeat;
	outline: none;
	background-position:0px 0px;
	cursor:pointer;
	behavior: url(iepngfix.htc);
}

button.send_order:hover {
	background-position:0px -65px;
}

.send_order_btn {
	border:none;
	background:none;
	position:relative;
	top:-2px;
	left:-3px;
	border:1px solid red;
}

.send_order_btn:hover {
	visibility:hidden;
}

#main{
	height:742px;
	width:988px;
	margin:auto;
	padding:0px;
	margin-bottom:0px;
	position:relative;
}

#header, #header_frontpage, #header_demo {
	height:660px;
	width:988px;
	background-image:url(../images/header_bg.jpg);
	background-repeat:no-repeat;
	border-top:1px solid black;
	position:relative;
	top:0px;
	z-index:100;
}

#header_frontpage {
	background-image:url(../images/header_fp.jpg);
}

#header_top {
	background-image:url(../images/header_bg_demo2.jpg);
	height:719px;
}
#header_demo {
	background-image:url(../images/header_bg_repeat.jpg);
	background-repeat:repeat-y;
	height:1300px;
}
#header_bottom {
	height:41px;
	width:988px;
	background-image:url(../images/header_bottom.jpg);

}

#logo {
	height:70px;
	width:265px;
	background-image:url(../images/logo.jpg);
	background-repeat:no-repeat;
	position:absolute;
	left:138px;
}

#content {
	height:400px;
	width:650px;
	position:absolute;
	left:160px;
	top:200px;
	float:left;
}

#content_left {
	height:300px;
	width:300px;
	float:left;
	position:relative;
	top:50px;
}

#content_right {
	width:320px;
	height:400px;
	margin-left:20px;
	float:left;	
	position:relative;
	top:-50px;		
}

#ingress {
	position: relative;
	width: 330px;
	left: 320px;
	top: -50px;
}

#demovideo {
	position: relative;
	text-align: right;
	top: 10px;
	border: 5px solid #cccccc;
	padding: 0;
	width: 640px;
	height: 360px;
}

#demoteksti {
		width: 640px;
	height: 360px;
}

#login {
	margin:40px;
	padding-left:140px;
}

#footer {
	z-index:1;
	height:198px;
	width:988px;
	background-image:url(../images/footer_bg.jpg);
	background-repeat:no-repeat;
	position:relative;
}

#navigation {
	height:262px;
	width:440px;
	position:absolute;
	left:444px;
	float:left;
}

.etusivu, .demovideo, .tilaa, .extra {
	background-repeat:no-repeat;

	float:left;
	display:block;	
	height:62px;
}

.etusivu {
	width:106px;
	background-image:url(../images/nav_etusivu.jpg);
}
.etusivu:hover {
	background-position:-106px 0px;
}

.demovideo {
	width:142px;
	background-image:url(../images/nav_demovideo.jpg);
	
}
.demovideo:hover {
	background-position:-142px 0px;
}

.tilaa {
	width:76px;
	background-image:url(../images/nav_tilaa.jpg);
}
.tilaa:hover {
	background-position:-76px 0px;
}

.extra {
	width:87px;
	background-image:url(../images/nav_extra.jpg);
}
.extra:hover {
	background-position:-87px 0px;
}

.etusivu p, .demovideo p, .tilaa p, .extra p {
	display:none;
}

#mainnavigation {
	margin-top:20px;
}

#fp_navigation a, #fp_navigation strong a, #mainnavigation a, #mainnavigation strong a  {
	font-family:helvetica;
	text-transform: uppercase;
	font-size:14pt;
	color:#797ea5;
	text-decoration:none;
	font-weight:normal;
}

#mainnavigation strong a  {
	/*text-decoration:underline;*/
	color:#1d1d1d;
}



#mainnavigation a:hover, #fp_navigation a:hover {
	/*text-decoration:underline;*/
	color:#1d1d1d;
}


#mainnavigation ul {
	list-style-type:none;
	margin-left:0;
	padding-left:0;
	margin:auto;
}

#mainnavigation ul li {
	margin-bottom:10px;
	text-transform: uppercase;
	color:#797ea5;
	display:inline;
	margin:5px;
}

.evideo p, .tilaa p, .extra p {
	display:none;
}


#gallery_inner_left {
	border:none;
	width:310px;
	margin:50px;
	float:left;
	
}

#gallery_inner_right {
	margin:50px;
	margin-left:0;
	width:300px;
	float:left;
	color:#343434;
	overflow:hidden;
}


#gallery {
	display:block;
	width:850px;
	background-color:white;
	background-image:url(../images/gallery_bg.jpg);
	background-repeat:repeat-x;
	border:1px solid #DDDDDD;
	margin-top:20px;
	margin-bottom:0px;
	margin-left:5px;
	padding:20px;

}

#gallery .gallery_thumbnails {
	padding-top:0px;

}

#gallery .gallery_thumbnails .gallery_thumbnail {
	float:left;
	width:150px;
	height:150px;
	text-align:center;
	margin:auto;
	vertical-align:middle;
	display:block;
	padding:10px;
}

#gallery .gallery_thumbnails .gallery_thumbnail a {
	
}

#gallery .gallery_thumbnails .gallery_thumbnail a img {
	border:1px solid #AAAAAA;
	padding:3px;
	background-color:white;
}

#gallery .gallery_thumbnails .gallery_thumbnail a img:hover {
	border:1px solid #AAAAAA;
	padding:3px;
	background-color:#dedff0;
}

#gallery .gallery_thumbnails .gallery_thumbnail .thumbnail_title, .title_link {
	text-transform:uppercase;
	text-decoration:none;
}

.gallery_single_image {
	margin-left:0px;
	position:relative;
}

.gallery_single_image a {

}

.gallery_single_image a img{
	border:1px solid #AAAAAA;
	display:inline;
	padding:5px;
	background-color:white;
}

#gallery_navigation, .gallery_single_image .image_title, .gallery_single_image .caption {
	position:absolute;
	left:620px;
	width:210px;
	text-transform:uppercase;
}

#gallery_navigation {
	top:0px;
}

#gallery_navigation a {
	display:block;
	width:210px;
	padding:5px;
	font-size:10pt;
	margin-bottom:3px;
	background-color:white;
	text-decoration:none;
	border:1px solid #DDDDDD;
}

.gallery_single_image .image_title {
	top:40px;
}

.gallery_single_image .caption {
	top:110px;
}

#subnavigation {
	/*text-transform:uppercase;*/
	font-size:13pt;
	line-height:18pt;
	text-decoration:none;
	font-weight:normal;
	float:right;
	font-family:"Helvetica";
	text-align:right;
	text-transform:uppercase;
	color:#749d1a;
	font-stretch: ultra-condensed;
}

#subnavigation ul {
	list-style-type:none;
	margin-bottom:20px;
}

#subnavigation ul li {

}

#subnavigation ul li a{
	text-decoration:none;

	
}

#subnavigation ul li strong a  {
	text-decoration:none;
	font-weight:normal;
}

#subnavigation ul li a:hover{
	
}

#subnavigation ul li ul li a{
	text-transform:none;
	font-size:11pt;
		color:#856a01;
}

#subnavigation ul li ul li a:hover, #subnavigation ul li ul li strong a{
	color:#8aba17;
}

#dropper {
	width:100%;
	height:50px;
	clear:both;
	
}



table.news {
	float:right;
	text-align:right;
	font-family:Helvetica;
	text-transform:uppercase;
	text-decoration:none;
	display:block;
	width:250px;
	padding:0;
}

table.news .headerrow {
	text-align:right;
	text-decoration:none;
	float:right;
	

}

table.news .headerrow .created {
	display:block;
	text-align:right;
	
	position:relative;
	top:-2em;	

}

table.news .headerrow th {
	display:block;
	text-align:right;
	float:right;
	text-decoration:none;
	padding:0;
	font-size:11pt;	
	width:250px;
	position:relative;
	top:1.5em;	
}

table.news .headerrow th a {
	top:1em;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:normal;	
	display:block;
}

table.news .headerrow th a:hover{
	text-decoration:underline;

}

table.news .summaryrow {

}

table.news .summaryrow .summary {
	text-transform:none;
	font-weight:normal;
	margin-bottom:25px;
	margin:0;
	padding:0;
}

table.news .summaryrow .summary a {

}

table.news .summaryrow .summary .news_summary_image {

}



#breadcrumbs {
	list-style-type:none;
	margin-top:-17px;
}

#breadcrumbs {
	list-style-type:none;
	margin-left:0;
	padding-left:0;
}

#breadcrumbs li {
	margin-bottom:10px;
	margin-right:10px;
	display:inline;
}

#breadcrumbs li.last {
	margin-right:0px;
}

#loginSet{
	border:none;
}


@import "calendar.css";