@import url('global.css');

body{
	background:url('../img/bg.png');
}

#wrapper, #header, #showcase{
	width:100%;
	float:left;
}

#header{
	background:#fff;
}

#header{
	height:95px;
}

#showcase{
	background:url('../img/showcase-bg.png') no-repeat center;
	background-size:cover !important;
}

#showcase .center, #showcase{
	height:192px;	
}

#showcase .center{
	position:relative;
}

#showcase .center h1{
	position:absolute;
	left:0px;
	bottom:0px;
	height:42px;
	padding-top:8px;
	width:100%;
	background:#339f45;
	color:#90ee9f;	
}

#showcase .center h1 .arrow{
	position:absolute;
	top:14px;
	height:22px;
	width:14px;
}

#showcase .center h1 .arrow.left{
	background:url('../img/menu-prev.png') no-repeat top left;
	left:17px;
}

#showcase .center h1 .arrow.right{
	background:url('../img/menu-next.png') no-repeat top left;
	right:17px;
}

.center{
	width:980px;
	margin:0 auto;
}

#content{
	width:950px;
	padding:15px;
	/*
	padding-bottom:45px;
	*/
	background:#fff;
	float:left;
}

.di{
	display:inline-block;
	width:100%;
}

#logo{
	float:left;
	width:150px;
}

#menu{
	float:right;
	margin-top:35px;
}

#menu li a{
	text-transform:uppercase;
	font-size:17px;
	color:#339f45;
}

#menu li {
	float:left;
	margin-left:45px;
}

#menu li.active a, #menu li:hover a{
	color:#000000;
}

#home-page{
	width:100%;
	float:left;
}

.sm-news-item{
	width:435px;
	float:left;
	padding:15px;
	background:#f3f3f3;
	margin-bottom:15px;
	margin-right:20px;
}

.sm-news-item h3{
	width:100%;
	float:left;
	margin-bottom:10px;
}

.sm-news-item .text{
	font-size:13px;
}

.fast-menu{
	float:left;
	width:225px;
	padding-top:68px;
	margin-right:15px;
	background-color:#f3f3f3;
	text-align:center;
	padding-bottom:10px;
	background-repeat:no-repeat;
	background-position:center 12px;
}

.fast-menu.wood{
	background-image:url('../img/wood-icon.png');
}

.fast-menu.tree{
	background-image:url('../img/tree-icon.png');
}

.fast-menu.gallery{
	background-image:url('../img/gallery-icon.png');
}

.fast-menu.contact{
	background-image:url('../img/contact-icon.png');
}

.fast-menu.contact{
	width:230px;
}

#home-page #text-page{
	padding-top:25px;
}

#text-page, #gallery-page{
	width:100%;
	float:left;
}

.h1.title-border{
	margin-bottom:19px;
	border-bottom:1px solid #e6e6e6;
	padding-bottom:4px;
}


#text-page .text{
	width:100%;
	float:left;
}

#text-page img{
	margin-bottom:20px;
}

#text-page img[style*="float:right"] {
	margin-left:20px;
}

#text-page img[style*="float:left"] {
	margin-right:20px;
}

#footer{
	width:100%;
	float:left;
	height:125px;
	background-color:#000;
	position:relative;
}

#footer .center{
	background:url('../img/footer-border.png') no-repeat right 50px;
	min-height:52px;
}

#footer .space-fix{
	position:absolute;
	left:0px;
	top:-4px;
	background:#000;	
	height:4px;
	width:100%;
}

#footer .blocks{
	width:455px;
	float:left;
}

#footer .blocks.r{
	padding-top:20px;
}

#footer .blocks.l{
	width:525px;
	float:right;
	padding-top:20px;
}

#footer .title{
	text-align:center;
	font-size:18px;
	color:#727272;
	text-transform:uppercase;
	width:100%;
	float:left;
	margin-bottom:17px;
}

#footer .blocks.curling{
	width:325px;
}

#footer .blocks.racing{
	width:200px;
}

#footer .blocks.curling img, #footer .blocks.racing img{
	float:left;
	margin-right:10px;
	position:relative;
	top:4px;
}	

#footer p, #footer p a{
	font-size:13px;
}

#languages{
	float:left;
	box-shadow:
	-2px 2px 5px rgba(0, 0, 0, 0.6),
	2px 2px 5px rgba(0, 0, 0, 0.6);
}

#languages li{
	float:left;
}

#languages li a{
	width:38px;
	height:20px;
	padding-top:4px;
	float:left;
	text-transform:uppercase;
	text-align:center;
	color:#215c2b;
	font-size:11px;
    font-family: 'Raleway', Arial;	
}

#languages li.active a, #languages li:hover a{
	background:url('../img/languages.png') no-repeat top center;
	color:#ffffff;
}

#languages li a{
	background:url('../img/languages.png') no-repeat top left;
}

#sm-news{
	width:100%;
	float:left;
}

#text-page #sm-news{
	padding-top:50px;
}

#gallery-page #sm-news{
	padding-top:120px;
}

.image-scroll{
	width:100%;
	float:left;
	height:80px;
}

.image-scroll .controller{
	width:35px;
	float:left;
	height:100%;
}

.image-scroll .controller.prev{
	background:url('../img/grey-arrow-left.png') no-repeat center left;
}

.image-scroll .controller.next{
	background:url('../img/grey-arrow-right.png') no-repeat center right;
}

.image-scroll .image-holder{
	width:880px;
	float:left;
	position:relative;
	height:100%;
	overflow:hidden;
}

.image-scroll .image-holder .scroll{
	width:200%;
	height:100%;
	position:absolute;
	left:0px;
	top:0px;
}

.image-scroll .image-holder .scroll .scroll-elem{
	float:left;
	margin-right:9px;
}

.image-preview{
	padding-left:35px;
	padding-right:34px;
}


.image-preview .image{
	width:100%;
	float:left;
	padding-top:20px;
}

.image-preview img{
	width:100%;
	max-width:100%;
}

#google-map{
	width:465px;
	float:left;
	height:445px;
	margin-right:20px;
	margin-bottom:20px;
	background:url('../img/google-map.png') no-repeat top left;
}