body {
	font-family: 'Merriweather', serif;
	font-weight:400;
	font-size:14px;
	line-height:2.2em;
	color:#333;
}

a { color:#333; &:hover { text-decoration:none; } }

h2 {
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
	font-weight:400;
	text-transform:uppercase;
	color:#787878;
	border-bottom:1px solid #d9d9d9;
	margin-top:40px;
}

.lang {
	font-size:12px;
	font-weight:400;
	color:#787878;
	text-align:right;
	
	a {
		text-decoration:underline;
		color:#333;
		
		&:hover { text-decoration:none; }
	}

}

.clear { clear:both; }
.clear-left { clear:left; }
.clear-right { clear:right; }


/* ========== */
/* ! LAYOUT ! */
/* ========== */

#wrapper {
	width:620px;
	margin:45px auto 60px auto;
}

#hdr {
	padding-bottom:10px;
	border-bottom:1px solid #d9d9d9;
	
	.logo { margin:0 auto; width:460px; }
}

#content {
	padding-top:35px;
	margin-bottom:60px;
	
	.facebook { margin-top:40px; }
	
	// -------------
	// image gallery
	//
	.image-gallery {
		margin-top:15px;
		
		.image {
			float:left;
			width:106px;
			border:1px solid #d9d9d9;
			height:67px;
			overflow:hidden;
			margin-right:5px;
			
			&.last {
				margin-right:0;
			}
		}
	}
	.more-images {
		text-align:right;
		padding-top:5px;
		a { font-size:12px; color:#787878; }
	}
}

.scrollable {
	position:relative;
	overflow:hidden;
	width: 562px;
	height:69px;
	float:left;
	margin-left:14px;
}

.scrollable .items {
	width:20000em;
	position:absolute;
}

.items div {
	float:left;
}

a.browse {
	width:16px;
	height:35px;
	display:block;
	cursor:pointer;
	position:relative;
	top:14px;
	
	&.left { float:left; background:url('img/scroll-left.png') no-repeat; }
	&.right { float:right; background:url('img/scroll-right.png') no-repeat; }
	&.left.disabled { background:url('img/scroll-left-disabled.png') no-repeat; }
	&.right.disabled { background:url('img/scroll-right-disabled.png') no-repeat; }
}

#footer {
	font-size:12px;
	color:#787878;
	border-top:1px solid #d9d9d9;
	padding-top:22px;
	
	a { color:#787878; text-decoration:none; }
	a img { position:relative; top:5px; margin-left:4px; }
	
	p { margin:0; text-align:center; }
}