@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic,700&subset=latin,greek);
@font-face {
	font-family: 'AC-StrokingLines';
	src: url('/fonts/AC-StrokingLines.eot');
	src: url('/fonts/AC-StrokingLines.woff') format('woff'),
	     url('/fonts/AC-StrokingLines.ttf') format('truetype'),
	     url('/fonts/AC-StrokingLines.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Quimbie';
	src: url('/fonts/Quimbie.eot');
	src: url('/fonts/Quimbie.woff') format('woff'),
	     url('/fonts/Quimbie.ttf') format('truetype'),
	     url('/fonts/Quimbie.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

html {
}


body {
	position: relative;
	margin: 0;
	padding: 0;
	color: #aaaaaa;
	background: #000000;
	font-size: 16px;
	font-family: 'trebuchet ms', arial, helvetica, sans-serif;
}

header {
	text-align: center;
}

nav {
	text-align: center;
	border-top: 3px solid #3e3e3e;
	border-bottom: 3px solid #3e3e3e;
}
img { margin: 0; padding:0; border: 0; }

form { display: block; margin:0; padding: 0; border: 0; }

sub, sup { font-size: 0.5em; }

hr { border: 0; height: 0; border-top: 1px solid #ffffff; width: 100%; }

h1 {
	font-family: Quimbie, 'palatino linotype', 'times new roman', serif;
	font-size: 2.7em;
	color: #aa8800;
	font-weight: normal;
	margin: .3em 0;
	text-align: center;
	text-decoration: none;
}

h2 {
	font-family: Quimbie, arial,helvetica,sans-serif;
	color: #aa8800;
	font-size: 1.7em;
	font-weight: bold;
}

h3 {
	font-family: Quimbie, 'palatino linotype', 'times new roman', serif;
	display: block;
	padding: 2px;
	margin: .5em 0;
	color: #aa8800;
	font-size: 1.5em;
	font-weight: bold;
}
h3 a {
	color: #aa8800;
}

p { margin: 20px 0; }

a, a:hover, a:focus {
	color: #aa8800;
	text-decoration: underline;
}

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

ul { list-style-image: none; }

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix { display: inline-block; }  /* for IE/Mac */

#main {
	display: block;
	max-width: 1200px;
	margin: 0 auto;
	min-height: 400px;
	z-index: 1;
}

#header {
	display: block;
}
#homelink {
	display: inline-block;
}

#logo {
	max-height: 120px;
	overflow: hidden;
	border-radius: 3px;
	-o-border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}


#headslider {
	display: block;
}

#bar {
	position: static;
	width: 100%;
}

#mainmenu { 
	display: block;
}

#langbar {
	position: absolute;
	bottom: 1em; right: 1em;
	width: 5em; height: 2em;
}
#langMenu { width: 5em; height: 2em; }
.langicon { display: inline; float: left; width: 24px; height: 18px; margin-left: 2px; border: 3px solid transparent; }
.langicon img { display: block; border: 2px solid transparent; }
.langicon img:hover { display: block; border: 2px solid #ffffff; }
.langselected { border: 3px solid #eecc00; }

#page {
}

#whereami a, #whereami a:hover {
	color: #cccccc;
	padding-left: 10px;
	padding-right: 5px;
	text-decoration: none;
	font-size: 0.85em;
}
#whereami a:hover { color: #aaaaaa; text-decoration: underline; }
#whereamiIcon a, #whereamiIcon a:hover { padding: 0; background: none; width: 20px; height: 20px; float: left; margin-right: 5px; }

#content {
	padding: 0 2em;
	min-height: 400px;
}
#content table { border-spacing: 1px; border: 0 solid #2f2811; font-size: 0.85em; }
#content table td,
#content table th { padding: 5px 10px; }

#content #contactPage table { font-size: 1em; }

.photoalbum ul { display: block; margin: 0; padding: 0; list-style: none; }
.photoalbum li { display: inline; float: left; margin-right: 10px; height: 280px; }
.photoalbum .thumb, .photoalbum .legent { width: 300px; text-align: center; }

#content #formtable { font-size: 1em; }

#footer {
	position: relative;
	display: block;
	color: #cccccc;
	font-family: tahoma, arial, helvetica, sans-serif;
	font-size: 0.85em;
	background-size: 100% 100%;
	text-align: right;
}
#footer a, #footer a:hover { color: #aaaaaa; font-weight: bold; text-shadow: 1px 1px 1px #000000; border: 0; text-decoration: none; }
#footer a:hover { color: #ffffff; }

#footer h2 {
	font-size: 1.2em;
	font-family: arial, helvetica, sans-serif;
}

#footer-contact { position: absolute; top: 0; left: 0; display: block; width: 24%; text-align: center; }
#footer-contact img { display: inline-block; width: 7em; float: left; }

#footer-menu { /*margin-left: 25%; margin-right: 25%; display: block; */ width: 48%; float: left; margin-left: 25%; }
#footer-menu ul { display: block; margin: 0; padding: 0; text-align: center; }
#footer-menu ul li { display: inline-block; padding: 10px; }
#footer-menu ul li a { display: block; }

#mailinglist {
/*	position: absolute; top: 0; right: 0; 	*/
	display: inline-block;
	width: 24%;
	text-align: center;
	padding: 0 1em;
	padding-top: 45px;
	margin: 2em 0;
}
#mailingListAction { font-size: .85em; font-weight: bold; color: #aaaaaa; padding: .3em; }

#footer-copyright {
	text-align: center;
	margin: .2em 25%;
	color: #aaaaaa;
	font-size: 0.8em;
	line-height: 3em;
}

#bottom { width: 100%; }

#signature { display: inline-block; float: right; clear: right; width: 150px; height: 3em; line-height: 3em; text-align: right; padding: 0 1em; }
#torus { font-size: .6em; text-align: right; }
#torus a, #torus a:hover {
	color: #aaaaaa; font-weight: bold; text-decoration: none; border: 0;
	font-family: verdana, arial, helvetica, sans-serif;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
}
#torus a:hover { color: #ffffff; }



.layoutSplitter { display: none; }
.products-fp { width: 345px; height: 180px; overflow: hidden; float: left; }

#socialicons {
	position: fixed;
	right: 0;
	top: 250px;
	width: 50px;
	height: 100px;
	z-index: 10;
}
a#icon-fbprofile, a#icon-fbprofile:hover {
	display: block;
	background: url(/images/socialstripe.png) 0 -43px no-repeat;
	width: 50px;
	height: 43px;
}
a#icon-fbprofile:hover { background: url(/images/socialstripe.png) 0 0 no-repeat; }

a#icon-twitter, a#icon-twitter:hover {
	display: block;
	background: url(/images/socialstripe.png) 0 -129px no-repeat;
	width: 50px;
	height: 43px;
}
a#icon-twitter:hover { background: url(/images/socialstripe.png) 0 -86px no-repeat; }

a#icon-googleplus, a#icon-googleplus:hover {
	display: block;
	background: url(/images/socialstripe.png) 0 -215px no-repeat;
	width: 50px;
	height: 43px;
}
a#icon-googleplus:hover { background: url(/images/socialstripe.png) 0 -172px no-repeat; }

a#icon-linkedin, a#icon-linkedin:hover {
	display: block;
	background: url(/images/socialstripe.png) 0 -301px no-repeat;
	width: 50px;
	height: 43px;
}
a#icon-linkedin:hover { background: url(/images/socialstripe.png) 0 -258px no-repeat; }

/*
#photoList, #photoList ul { display: block; width: 350px; float: right; margin-left: 10px; }
.productdetail #photoList { width: 250px; }
.productdetail #photoList img { max-width: 250px; }

*/

.photoLegent { display: block; font-style: italic; }

.page #photoList ul,
.textfirst #photoList ul,
.productdetail ul#photoList { display: block; clear: both; margin: 0; padding: 0; list-style: none; text-align: center; }

.productdetail ul#photoList { width: auto; }

.page #photoList ul li,
.textfirst #photoList ul li,
.productdetail ul#photoList li { display: inline-block; width: 31%; margin: 1%;
	border-radius: .5em;
  }

.productdetail ul#photoList li { display: block; width: auto; }

.page #photoList a, .page #photoList a:hover,
.textfirst #photoList a, .textfirst #photoList a:hover,
.productdetail #photoList a, .productdetail #photoList a:hover {
	display: block;
	overflow: hidden;
	padding: 3%;
	border-radius: .5em;
	background: rgba(170,153,85,.5); /* #aa9955; */
	transition: all .1s;
}

.page #photoList a:hover,
.textfirst #photoList a:hover,
.productdetail #photoList a:hover { padding: 0;  background: none; }

.page #photoList a:hover,
.productdetail #photoList a:hover { margin: 3%; }

.productdetail #photoList a, .productdetail #photoList a:hover {
	display: inline-block;
	width: auto;
}

.page #photoList img,
.textfirst #photoList img,
.productdetail #photoList img {
	display: block;
	overflow: hidden;
	max-width: 100%;
	max-height: 350px;
}

.productdetail #photoList img { display: block; width: auto; }
.page #photoList img { display: inline-block; width: auto; }

.page #photoList {
	float: right;
	display: inline-block;
	margin: 0 1em;
}

.page #photoList ul li { display: block; width: 100%; height: auto; margin: 1%;  }

.page #photoList img { width: auto; height: auto; }

.col {
	width: 58%;
	margin: 1%;
	column-count: 3;
	-moz-column-count: 3;
	-webkit-column-count: 3;
}
.col.last {
	float: right; width: 38%; margin: 1%;
	column-count: 1;
	-moz-column-count: 1;
	-webkit-column-count: 1;
}

.productCard {
	display: inline-block;
	margin: .5em;
	padding: 10px;
	width: 16em;
	height: 16em;
	overflow: hidden;
	border-radius: 1em;
	filter:alpha(opacity=70);
	opacity:.7;
	font-size: 100%;
	text-align: center;
	transition: opacity .5s;
}
.productCard:hover {
	filter:alpha(opacity=100);
	opacity:1;
}
.productCard h2, .productCard div {
	filter:alpha(opacity=100);
	opacity:1;
	font-size: 1.3em;
	line-height: 2em;
}

.productCard img {
	width: auto;
	max-height: 10em;
	border-radius: .5em;
	margin-top: 1em;
}

.firstpage {
	text-align: center;
}
.firstpage p { text-align: center; }
.fpblock {
	display: inline-block;
	position: relative;
	margin: .5em;
	padding: 10px;
	width: 31%;
	min-height: 26em;
	overflow: hidden;
	border-radius: 1em;
	filter:alpha(opacity=100);
	opacity:1;
	font-size: 100%;
	text-align: center;
	transition: opacity .5s;
	vertical-align: top;
}
.fpblock:hover {
	filter:alpha(opacity=80);
	opacity:.8;
}
.fpblock h2 {
	font-size: 1.3em;
	line-height: 2em;
	margin: 0;
}

.fpblock .fptext { height: 12em; }

.fpblock img {
	width: auto;
	max-height: 10em;
	border-radius: .5em;
}

#captcha { display: inline-block; }

.edit {
	-moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box;
	width: 100%;
	padding: .5em .5em;
	font-size: 1.1em;
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border: 0;
	border-radius: .5em;
	background-color: rgba(255,255,255,0.2);
}
.button, .button:hover {
	color: #2F2811;
	font-weight: bold;
	font-size: 1em;
	font-family: 'Open Sans Condensed',arial,helvetica,sans-serif;
	padding: .5em 1em;
	border: 0;
	border-radius: .5em;
	box-shadow: 3px 3px 3px rgba(0,0,0,0.5);
	margin-bottom: 3px; margin-right: 3px;
}
.button:hover { margin: 0; margin-top: 3px; margin-left: 3px; box-shadow: 0 0 0 transparent; }

.labelcell { white-space: nowrap; }

#footer .edit {
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
	background-color: rgba(255,255,255,0.2);
}

#contactPage { width: 100%; }
#contactInfo { width: 50%; float: left; }
div#contactForm { width: 50%; margin-left: 50%; }

.messageBox {
	font-size: 1.3em;
	font-style: italic;
	background-color: rgba(47, 40,17, 0.2);
	width: 75%;
	margin: 0 auto;
	padding: 2em;
	text-align: center;
	-webkit-border-radius: 1em;
	-moz-border-radius: 1em;
	border-radius: 1em;
}

::selection { background: #ffffff; color: #000000; }
::-moz-selection { background: #ffffff; color: #000000; }

@media screen and (max-width: 1024px) {
	#main {
		width: 98%;
	}
	#bar {
		background-size: 80%;
	}
	.fpblock { width: 47%; }
	#footer-contact {
		font-size: 0.8em;
	}
}

@media screen and (max-width: 768px) {
	#menu {
		left: 7em !important;
		bottom: 1em !important;
	}
	.fpblock { width: 47%; font-size: 90%; min-height: 20%; }
	.fpblock .fptext { height: 10em; }
	.productCard { width: 16em; }
	#footer-contact img {
		display: block;
		clear: both;
		float: none;
		margin: 0 auto;
	}
	#contactInfo { display: block; width: 100%; float: none; }
	div#contactForm { display: block; width: 100%; margin: 0; }
}

@media screen and (max-width: 480px) {
	#bodywrap { background: none; }
	#main { position: relative; width: 100%; }
	#top { background: none; display: inline-block; width: 10em; height: 10em; }
	#header { width: auto; }
	#bar {
		position: absolute;
		top: 0;
		right: 0;
		z-index: 52;
		background: none;
		margin: 0;
		height: 10em;
	}
	#headslider {
		display: none;
	}

	#content { padding: 0 1em; }
	.categoriesMenu { margin: 0; font-size: 0.8em; 
	}
	.categoriesMenu a, .categoriesMenu a:hover {
		padding: 1.5em 1.5em 1.5em 0
	}
	.productdetail { margin-left: 7em; }
	.product-photos { float: none; width: 100%; }
	.page #photoList img, .textfirst #photoList img, .productdetail #photoList img {
		width: 100%;
		height: auto;
	}
	#photoList { width: 100%; }
	.fpblock {
		display: block;
		width: 100%;
	}
	#content #contactPage table {
		width: 100%; font-size: 0.9em;
	}
	#content table td, #content table th {
		padding: .3em .6em;
	}
	.edit { display: inline-block; width: 100%; }
	#footer { background: none; }
	#footer-menu, #mailinglist, #footer-contact {
		position: static;
		display: block;
		width: 100%;
		margin: 0 auto;
		float: none;
		clear: both;
	}
	#footer-menu {
		border-bottom: 1em solid rgba(0,0,0,0.5);
	}
	#footer-contact {
		border-top: 1em solid rgba(0,0,0,0.5);
		padding-bottom: 1em;
	}
	#mailinglist {
		max-width: 300px;
		margin: 1em auto;
	}

	/* menu */
	#mainmenu {
		height: auto;
	}
	a.menu-link {
		display: block;
		color: #fff;
		background-color: #2f2811;
		background-color: rgba(47, 40,17, 0.9);
	}
	.menu > ul > li, .menu ul li {
		display: block !important;
	}
	.menu ul ul {
		position: static !important;
		background: none !important;
	}
	.menu.active, .menu > ul ul.active {
		margin-left: 10%;
	}
	.menu li.has-submenu > a.active:after {
		
	}
	.menu ul li > a {
		background: #e0ddb0 !important;
	}
	#menu { position: static !important; width: 100%; }
	.menu {
		clear: both;
		min-width: inherit;
		float: none;
	}
	.menu, .menu > ul ul {
		overflow: hidden;
		max-height: 0;
	}
	.menu > li > ul.sub-menu {
		padding: 0px;
		border: none;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		-webkit-background-clip: padding-box;
		-moz-background-clip: padding;
		background-clip: padding-box;
	}
	.menu.active, .menu > ul ul.active {
		max-height: 55em;
	}
	.menu ul {
		display: block !important;
		z-index: 52;
		background: transparent !important;
	}
	.menu > ul {
		border-top: 1px solid #808080;
	}
	.menu li, .menu > ul > li {
		display: block;
	}
	.menu li a {
		color: #000;
		display: block;
		padding: 0.8em;
		border-bottom: 1px solid #808080;
		position: relative;
	}
	.menu li.has-submenu > a:after {
		content: '+';
		position: absolute;
		top: 0;
		right: 0;
		display: block;
		font-size: 1.5em;
		padding: 0.55em 0.5em;
	}
	.menu li.has-submenu > a.active:after {
		content: "-";
	}
	.menu ul ul > li a {
		height:58px;
		padding: 19px 18px 19px 30px;
	}
	.menu ul ul, .menu ul ul ul {
		display: inherit;
		position: relative;
		left: auto; top:auto;
		box-shadow: none; 
		border:none;
	}
	/* /menu */

}


@media screen and (max-width: 320px) {
	#main { width: 100%; }
	#footer-menu ul { display: block; }
	#footer-menu li { display: block; }
}

/*

@media screen and (min-width: 650px) and (max-width:1099px) {
	#mainmenu {
		font-size: 0.7em;
	}
}

@media screen and (min-width: 1100px) {
	#mainmenu {	
		font-size: 0.8em;
	}
}

@media screen and (min-width: 1280px) {
	#mainmenu {	
		font-size: 0.9em;
	}
}

@media screen and (min-width: 1400px) {
	#mainmenu {	
		font-size: 1em;
	}
}
*/