@charset "utf-8";
/* Reset Css Document */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap')

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	outline: none
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
::-moz-selection {
background: #fff;
color: #333;
text-shadow: none;
}
::selection {
	background: #fff;
	color: #333;
	text-shadow: none;
}
/* BASIC RESET */
ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote, fieldset, input {
	margin: 0;
	padding: 0;
}
style {
	-webkit-transition-property: color, border-radius, opacity, border-color, background-color, background-image;
	-webkit-transition-duration: .5s, .5s, .5s, .5s, .5s, .5s;
	-moz-transition-property: color, border-radius, opacity, border-color, background-color, background-image;
	-moz-transition-duration: .5s, .5s, .5s, .5s, .5s, .5s;
	-o-transition-property: color, border-radius, opacity, border-color, background-color, background-image;
	-o-transition-duration: .5s, .5s, .5s, .5s, .5s, .5s;
	transition-property: color, border-radius, opacity, border-color, background-color, background-image;
	transition-duration: .5s, .5s, .5s, .5s, .5s, .5s;
	-webkit-transition-property: color, border-radius, opacity, border-color, background-color, background-image;
	-webkit-transition-duration: .5s, .5s, .5s, .5s, .5s, .5s;
	-moz-transition-property: color, border-radius, opacity, border-color, background-color, background-image;
	-moz-transition-duration: .5s, .5s, .5s, .5s, .5s, .5s;
	-o-transition-property: color, border-radius, opacity, border-color, background-color, background-image;
	-o-transition-duration: .5s, .5s, .5s, .5s, .5s, .5s;
	transition-property: color, border-radius, opacity, border-color, background-color, background-image;
	transition-duration: .5s, .5s, .5s, .5s, .5s, .5s
}
 @import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic,700);
@import url(http://fonts.googleapis.com/css?family=Archivo+Narrow:400,700);
/*font-family: 'Open Sans', sans-serif;, font-family: 'Noto Sans', sans-serif; font-family: 'Archivo Narrow', sans-serif;*/
/* HTML ELEMENTS */
body {
	background: #fff;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	overflow: hidden;/*Needed to eliminate scrollbars*/
	width: 100%;
	overflow-x: auto;
	min-width: 980px;
	height: 100%;
}
.bg {
	background: #dfe0df url(../img/bg.jpg) center top no-repeat;
}
.bg .contact {
	display: block;
	width: 100%;
	height: 100%;
	position: fixed;
	background: #fff url('../img/slide01.jpg') center center no-repeat fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/slide01.jpg', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/slide01.jpg', sizingMethod='scale')";
	overflow: auto;
}
a {
	-webkit-transition-property: color, border-radius, opacity, border-color, background-color, background-image;
	-webkit-transition-duration: .5s, .5s, .5s, .5s, .5s, .5s;
	-moz-transition-property: color, border-radius, opacity, border-color, background-color, background-image;
	-moz-transition-duration: .5s, .5s, .5s, .5s, .5s, .5s;
	-o-transition-property: color, border-radius, opacity, border-color, background-color, background-image;
	-o-transition-duration: .5s, .5s, .5s, .5s, .5s, .5s;
	transition-property: color, border-radius, opacity, border-color, background-color, background-image;
	transition-duration: .5s, .5s, .5s, .5s, .5s, .5s;
	-webkit-transition-property: color, border-radius, opacity, border-color, background-color, background-image;
	-webkit-transition-duration: .5s, .5s, .5s, .5s, .5s, .5s;
	-moz-transition-property: color, border-radius, opacity, border-color, background-color, background-image;
	-moz-transition-duration: .5s, .5s, .5s, .5s, .5s, .5s;
	-o-transition-property: color, border-radius, opacity, border-color, background-color, background-image;
	-o-transition-duration: .5s, .5s, .5s, .5s, .5s, .5s;
	transition-property: color, border-radius, opacity, border-color, background-color, background-image;
	transition-duration: .5s, .5s, .5s, .5s, .5s, .5s;
	text-decoration: none;
	color: #333;
	outline: none;
}
a:hover {
	color: #930
}
/* supersized */
	
#supersized-loader {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: -1110;
	width: 60px;
	height: 60px;
	margin: -30px 0 0 -30px;
	text-indent: -999em;
}
#supersized {
	display: block;
	position: fixed;
	left: 0;
	top: 0;
	overflow: hidden;
	z-index: -999;
	height: 100%;
	width: 100%;
}
#supersized img {
	width: auto;
	height: auto;
	position: relative;
	display: none;
	outline: none;
	border: none;
}
#supersized.speed img {
	-ms-interpolation-mode: nearest-neighbor;
	image-rendering: -moz-crisp-edges;
}	/*Speed*/
#supersized.quality img {
	-ms-interpolation-mode: bicubic;
	image-rendering: optimizeQuality;
}			/*Quality*/
#supersized li {
	display: block;
	list-style: none;
	z-index: -30;
	position: fixed;
	overflow: hidden;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #111;
}
#supersized a {
	width: 100%;
	height: 100%;
	display: block;
}
#supersized li.prevslide {
	z-index: -20;
}
#supersized li.activeslide {
	z-index: -10;
}
#supersized li.image-loading {
	width: 100%;
	height: 100%;
}
#supersized li.image-loading img {
	visibility: hidden;
}
#supersized li.prevslide img, #supersized li.activeslide img {
	display: inline;
}
/*Supersize Plugin Styles*/
.sliderwrap {
	width: 960px;
	margin: 0px 25px 0 45px;
	position: relative;
	z-index: 13
}
#slidecaption {
	overflow: hidden;
	position: absolute;
	color: #000;
	width: 350px;
	font-family: 'AvantGardeCERegular';
	font-size: 60px;
	line-height: 48px;
	letter-spacing: -2px;
	font-weight: normal;
	top: 230px;
	left: 10px;
	z-index: 12;
}
#navigation {
	position: fixed;
	bottom: 0px;
	background: #FFF;
	padding: 12px 41px 9px 41px;
	width: 100px;
	font-family: 'AvantGardeCERegular';
	text-transform: uppercase;
	font-size: 12px;
	z-index: 10;
	color: #666;
}
#prevslide {
	width: 50px;
	padding: 1px 10px;
	color: #666;
	opacity: 1
}
#nextslide {
	width: 50px;
	padding: 1px 10px;
	color: #666;
	opacity: 1
}
#prevslide:active, #nextslide:active {
	color: #c30b0b;
	cursor: pointer;
	opacity: 1
}
#prevslide:hover, #nextslide:hover {
	color: #c30b0b;
	cursor: pointer;
	opacity: 1
}
/*header*/

.wrapper {
	width: 960px;
	margin: 0 25px 0px 45px;
	position: relative;
	z-index: 9
}
.header {
	width: 420px;
	display: block;
	padding: 0px;
	z-index: 21
}
.logo {
	background: #fff url(../img/logo.png) no-repeat center;
	width: 200px;
	height: 128px;
	display: block;
	float: left;
	text-indent: -9999px
}
.menu {
	background: none;
	width: 200px;
	height: 200px;
	display: block;
	float: left;
}
.menu ul {
	padding: 0px 0px;
	margin: 0px;
	list-style: none;
}
.menu ul li a {
	-webkit-transition-property: color, border-radius, opacity, border-color, background-color, background-image;
	-webkit-transition-duration: .5s, .5s, .5s, .5s, .5s, .5s;
	-moz-transition-property: color, border-radius, opacity, border-color, background-color, background-image;
	-moz-transition-duration: .5s, .5s, .5s, .5s, .5s, .5s;
	-o-transition-property: color, border-radius, opacity, border-color, background-color, background-image;
	-o-transition-duration: .5s, .5s, .5s, .5s, .5s, .5s;
	transition-property: color, border-radius, opacity, border-color, background-color, background-image;
	transition-duration: .5s, .5s, .5s, .5s, .5s, .5s;
	-webkit-transition-property: color, border-radius, opacity, border-color, background-color, background-image;
	-webkit-transition-duration: .5s, .5s, .5s, .5s, .5s, .5s;
	-moz-transition-property: color, border-radius, opacity, border-color, background-color, background-image;
	-moz-transition-duration: .5s, .5s, .5s, .5s, .5s, .5s;
	-o-transition-property: color, border-radius, opacity, border-color, background-color, background-image;
	-o-transition-duration: .5s, .5s, .5s, .5s, .5s, .5s;
	transition-property: color, border-radius, opacity, border-color, background-color, background-image;
	transition-duration: .5s, .5s, .5s, .5s, .5s, .5s;
	color: #eeeeee;
	background-image: url(../img/menubg.png);
	font-size: 16px;
	line-height: 18px;
	font-family: "Open Sans", sans-serif;
  font-optical-sizing: auto;
	font-weight: normal;
	margin-bottom: 0px;
	/*padding: 8px 15px 6px 15px;*/
    padding:9px 15px 9px 15px;
	display: block;
	text-transform: uppercase;
}
.menu ul li a:hover, .menu ul li a.active {
	color: #fff;
	background-image: url(../img/menubg-h.png)
}
/*upcoming event*/

.CollapsiblePanel {
	margin: 0px;
	padding: 0px;
	outline: none;
	width: 250px;
	position: fixed;
	right: 30px;
	z-index: 100;
	background: url(../img/blackopc.png)
}
.CollapsiblePanelTab {
	font-family: 'AvantGardeCERegular';
	font-size: 14px;
	text-align: center;
	background-color: #222;
	color: #FFF;
	margin: 0px;
	padding: 12px 6px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	outline: none
}
.CollapsiblePanelContent {
	margin: 0px;
	padding: 5px 20px 5px 20px;
}
.CollapsiblePanelContent div {
	border-bottom: 1px solid #666;
	width: 212px;
	height: auto;
}
.CollapsiblePanelContent div.date {
	border-bottom: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	color: #ddd;
}
.CollapsiblePanelContent p {
	margin-bottom: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	word-spacing: normal;
	color: #ddd;
	margin-bottom: 10px;
}
.CollapsiblePanelContent h2.title {
	font-family: Arial, Helvetica, sans-serif;
	color: #eda739;
	letter-spacing: normal;
	font-size: 12px;
	font-weight: normal;
	padding-top: 15px;
	margin-bottom: 8px;
}
.CollapsiblePanelContent hr {
	border: none;
}
.CollapsiblePanelTab a {
	color: #e18327;
	text-decoration: none;
}
.CollapsiblePanelOpen .CollapsiblePanelTab {
	-webkit-transition-property: color, border-radius, opacity, border-color, background-color, background-image;
	-webkit-transition-duration: .5s, .5s, .5s, .5s, .5s, .5s;
	-moz-transition-property: color, border-radius, opacity, border-color, background-color, background-image;
	-moz-transition-duration: .5s, .5s, .5s, .5s, .5s, .5s;
	-o-transition-property: color, border-radius, opacity, border-color, background-color, background-image;
	-o-transition-duration: .5s, .5s, .5s, .5s, .5s, .5s;
	transition-property: color, border-radius, opacity, border-color, background-color, background-image;
	transition-duration: .5s, .5s, .5s, .5s, .5s, .5s;
	-webkit-transition-property: color, border-radius, opacity, border-color, background-color, background-image;
	-webkit-transition-duration: .5s, .5s, .5s, .5s, .5s, .5s;
	-moz-transition-property: color, border-radius, opacity, border-color, background-color, background-image;
	-moz-transition-duration: .5s, .5s, .5s, .5s, .5s, .5s;
	-o-transition-property: color, border-radius, opacity, border-color, background-color, background-image;
	-o-transition-duration: .5s, .5s, .5s, .5s, .5s, .5s;
	transition-property: color, border-radius, opacity, border-color, background-color, background-image;
	transition-duration: .5s, .5s, .5s, .5s, .5s, .5s;
	background-color: #111;
	color: #ed5639;
}
.CollapsiblePanelClosed .CollapsiblePanelTab {
/* background-color: #EFEFEF */
}
.CollapsiblePanelTabHover, .CollapsiblePanelOpen .CollapsiblePanelTabHover {
	background-color: #111;
	color: #ed5639;
}
.CollapsiblePanelFocused .CollapsiblePanelTab {
	background-color: #111;
	color: #ed5639;
}
/* content */
.content {
	background: url(../img/whitebg.png);
	width: 360px;
	height: auto;
	position: fixed;
	top: 128px;
	bottom: 34px;
	padding: 26px 20px;
}
.content a {
	color: #a18c2a;
	-webkit-transition-property: color, border-radius, opacity, border-color, background-color, background-image;
	-webkit-transition-duration: .5s, .5s, .5s, .5s, .5s, .5s;
	-moz-transition-property: color, border-radius, opacity, border-color, background-color, background-image;
	-moz-transition-duration: .5s, .5s, .5s, .5s, .5s, .5s;
	-o-transition-property: color, border-radius, opacity, border-color, background-color, background-image;
	-o-transition-duration: .5s, .5s, .5s, .5s, .5s, .5s;
	transition-property: color, border-radius, opacity, border-color, background-color, background-image;
	transition-duration: .5s, .5s, .5s, .5s, .5s, .5s;
	-webkit-transition-property: color, border-radius, opacity, border-color, background-color, background-image;
	-webkit-transition-duration: .5s, .5s, .5s, .5s, .5s, .5s;
	-moz-transition-property: color, border-radius, opacity, border-color, background-color, background-image;
	-moz-transition-duration: .5s, .5s, .5s, .5s, .5s, .5s;
	-o-transition-property: color, border-radius, opacity, border-color, background-color, background-image;
	-o-transition-duration: .5s, .5s, .5s, .5s, .5s, .5s;
	transition-property: color, border-radius, opacity, border-color, background-color, background-image;
	transition-duration: .5s, .5s, .5s, .5s, .5s, .5s
}
.content a:hover {
	color: #000
}
h1 {
	font-family: 'AlternateGothic2BTRegular';
	color: #a80000;
	font-weight: normal;
	margin-bottom: 15px;
	padding: 0px;
	font-size: 25px;
	letter-spacing: -1px;
	text-transform: uppercase;
}
h2 {
	font-family: 'AlternateGothic2BTRegular';
	color: #111;
	letter-spacing: -1px;
	font-weight: normal;
	margin-bottom: 10px;
	padding: 0px;
	font-size: 25px;
	text-transform: uppercase;
}
p {
	font-family: 'Archivo Narrow', sans-serif;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 21px;
	word-spacing: 2px;
	margin-bottom: 19px;
	color: #333
}
small {
	font-size: 14px;
	line-height: 28px;
}
.slogan {
	font-family: 'Archivo Narrow', sans-serif;
	font-size: 30px;
	line-height: 18px;
	letter-spacing: -1px;
	color: #c42101
}
p strong {
	font-size: 18px;
	letter-spacing: normal;
	font-weight: normal;
	color: #222;
	font-family: 'AvantGardeCEDemi';
}
p span {
	color: #cd6000;
	font-family: 'Archivo Narrow', sans-serif;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
}
p em {
	font-style: normal;
	width: 35px;
	display: inline-block;
	font-family: 'Archivo Narrow', sans-serif;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000;
}
.number {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333
}
.border {
	border: 4px solid #FFF;
	box-shadow: 0px 1px 3px #666;
	width: 100px;
	height: 56px;
}
.border:hover {
	padding: 3px;
	border: 1px solid #111;
}
.sloganbox {
	position: relative;
	background-color: #121212;
	padding: 23px 12px 23px 12px;
	width: 216px;
	display: block;
	color: #FFF;
	text-align: center;
	height: 82px;
	float: left;
	margin-left: 0px;
}
.sloganbox h2 {
	font-family: 'Archivo Narrow', sans-serif;
	color: #fff;
	letter-spacing: 0px;
	word-spacing: 2px;
	font-weight: normal;
	margin-bottom: 5px;
	padding: 0px;
	font-size: 24px;
	text-transform: uppercase;
}
.sloganbox small {
	line-height: 16px;
	font-size: 13px;
	font-family: Tahoma, Geneva, sans-serif;
	color: #b98f4e;
}
.submenu {
	width: 240px;
	display: block;
	height: auto;
	position: absolute;
	top: 0px;
	left: 400px;
	z-index: 50
}
.submenu ul {
	padding: 0px;
	margin: 0px;
	margin-bottom: 4px;
	float: left;
}
.submenu ul li a {
	padding: 8px 15px;
	display: block;
	font-size: 14px;
	line-height: 18px;
	color: #111;
	border-bottom: 1px solid #c0c0c0;
	border-color: #c0c0c0;
	background-image: url(../img/sub.png);
	/*font-family: 'Archivo Narrow', sans-serif;*/
	font-family: Arial, Helvetica, sans-serif;
	text-transform: capitalize;
	-webkit-transition-property: color, border-radius, opacity, border-color, background-color, background-image;
	-webkit-transition-duration: .5s, .5s, .5s, .5s, .5s, .5s;
	-moz-transition-property: color, border-radius, opacity, border-color, background-color, background-image;
	-moz-transition-duration: .5s, .5s, .5s, .5s, .5s, .5s;
	-o-transition-property: color, border-radius, opacity, border-color, background-color, background-image;
	-o-transition-duration: .5s, .5s, .5s, .5s, .5s, .5s;
	transition-property: color, border-radius, opacity, border-color, background-color, background-image;
	transition-duration: .5s, .5s, .5s, .5s, .5s, .5s;
	-webkit-transition-property: color, border-radius, opacity, border-color, background-color, background-image;
	-webkit-transition-duration: .5s, .5s, .5s, .5s, .5s, .5s;
	-moz-transition-property: color, border-radius, opacity, border-color, background-color, background-image;
	-moz-transition-duration: .5s, .5s, .5s, .5s, .5s, .5s;
	-o-transition-property: color, border-radius, opacity, border-color, background-color, background-image;
	-o-transition-duration: .5s, .5s, .5s, .5s, .5s, .5s;
	transition-property: color, border-radius, opacity, border-color, background-color, background-image;
	transition-duration: .5s, .5s, .5s, .5s, .5s, .5s
}
.submenu ul li a:hover, .submenu ul li a.subactive {
	background-image: url(../img/subhover.png);
	border-bottom: 1px solid #fff;
	border-color: #fff;
	color: #fff;
}
/*contact*/

span.textsymbol {
	color: #555;
	font-size: 13px;
	font-weight: normal
}
/* products / collection*/	
a.linkmore {
	display: inline-block;
	padding: 6px 4px 3px 4px;
	background: #cc5043;
	color: #FFF;
	font-family: 'cartogothic_stdbook';
	line-height: 1;
	font-size: 11px;
	letter-spacing: normal;
	-webkit-transition-property: color, border-radius, opacity, border-color, background-color, background-image;
	-webkit-transition-duration: .5s, .5s, .5s, .5s, .5s, .5s;
	-moz-transition-property: color, border-radius, opacity, border-color, background-color, background-image;
	-moz-transition-duration: .5s, .5s, .5s, .5s, .5s, .5s;
	-o-transition-property: color, border-radius, opacity, border-color, background-color, background-image;
	-o-transition-duration: .5s, .5s, .5s, .5s, .5s, .5s;
	transition-property: color, border-radius, opacity, border-color, background-color, background-image;
	transition-duration: .5s, .5s, .5s, .5s, .5s, .5s;
	-webkit-transition-property: color, border-radius, opacity, border-color, background-color, background-image;
	-webkit-transition-duration: .5s, .5s, .5s, .5s, .5s, .5s;
	-moz-transition-property: color, border-radius, opacity, border-color, background-color, background-image;
	-moz-transition-duration: .5s, .5s, .5s, .5s, .5s, .5s;
	-o-transition-property: color, border-radius, opacity, border-color, background-color, background-image;
	-o-transition-duration: .5s, .5s, .5s, .5s, .5s, .5s;
	transition-property: color, border-radius, opacity, border-color, background-color, background-image;
	transition-duration: .5s, .5s, .5s, .5s, .5s, .5s
}
a.linkmore:hover {
	background: #a7774d;
	color: #FFF;
}
h3 {
	font-family: 'AlternateGothic2BTRegular';
	color: #717171;
	letter-spacing: normal;
	margin: 0px 0px 10px 0px;
	padding: 10px 5px 10px 5px;
	font-size: 28px;
	line-height: 25px;
	font-weight: normal;
	display: block;
	letter-spacing: -1px;
	text-transform: uppercase;
	background: #f2f2f2;
	border-bottom: 5px solid #e3e1e0;
	border-right: 4px solid #e3e1e0;
	border-top: 1px solid #e3e1e0;
	border-left: 1px solid #e3e1e0;
}
h3 .line {
	height: 10px;
	display: block;
	background: url(../img/pattern_bg_40.png);
	margin: 0px;
	margin-bottom: 9px;
}
h3 .line2 {
	height: 1px;
	display: block;
	background: url(../img/pattern_bg_40.png);
	margin: 0px;
	margin-top: 6px;
}
.width {
	width: 180px;
	display: inline-block;
}
.symbol {
	font-family: 'WebSymbolsRegular';
	font-size: 15px;
	color: #FFF
}
/* 2021-05-05
 a.tip {
	font-family: 'WebSymbolsRegular';
	font-size: 18px;
	text-align: right;
	color: #d14115;
	text-transform: none;
	padding-top: 3px;
	display: inline-block;
	width: 160px;
} */
a.tip {
	font-family: 'WebSymbolsRegular';
	font-size: 18px;
	text-align: right;
	color: #d14115;
	text-transform: none;
	padding-top: 3px;
	display: inline-block;
}
span.tip2 {
	font-family: 'WebSymbolsRegular';
	font-size: 13px;
	color: #fff;
	padding-right: 8px;
	text-transform: none;
	display: inline-block;
	margin-top: -4px;
	padding-bottom: 2px;
}
/*tooltip*/
#easy_tooltip {
	padding: 10px 15px;
	background: url(../img/blackopc.png);
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	z-index: 888;
	width: 200px;
	line-height: 18px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #fff;
	box-shadow: 0px 0px 3px #333
}
#easy_tooltip span {
} /* extra element */
.gallery {
}
.content .gallery {
}
.gallery ul {
	background: #FFF;
	width: 100%;
	padding: 0px;
	margin: 0px;
	display: block;
	height: 100%;
}
.gallery li {
	display: block;
	position: relative;
	cursor: pointer;
	float: left;
	padding: 5px;
	padding-bottom: 10px;
	width: 170px;
	height: 220px;
	text-align: center;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	border-right: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	background-color: #fff;
	background-image: url(../img/lihover.jpg);
	-webkit-transition-property: color, border-radius, opacity, border-color, background-color, background-image;
	-webkit-transition-duration: .5s, .5s, .5s, .5s, .5s, .5s;
	-moz-transition-property: color, border-radius, opacity, border-color, background-color, background-image;
	-moz-transition-duration: .5s, .5s, .5s, .5s, .5s, .5s;
	-o-transition-property: color, border-radius, opacity, border-color, background-color, background-image;
	-o-transition-duration: .5s, .5s, .5s, .5s, .5s, .5s;
	transition-property: color, border-radius, opacity, border-color, background-color, background-image;
	transition-duration: .5s, .5s, .5s, .5s, .5s, .5s;
	-webkit-transition-property: color, border-radius, opacity, border-color, background-color, background-image;
	-webkit-transition-duration: .5s, .5s, .5s, .5s, .5s, .5s;
	-moz-transition-property: color, border-radius, opacity, border-color, background-color, background-image;
	-moz-transition-duration: .5s, .5s, .5s, .5s, .5s, .5s;
	-o-transition-property: color, border-radius, opacity, border-color, background-color, background-image;
	-o-transition-duration: .5s, .5s, .5s, .5s, .5s, .5s;
	transition-property: color, border-radius, opacity, border-color, background-color, background-image;
	transition-duration: .5s, .5s, .5s, .5s, .5s, .5s
}
.gallery li.nomargin {
	margin-right: 0px
}
.gallery li a div {
	color: #523f3b;
	padding: 5px 5px;
	-webkit-transition-property: color, border-radius, opacity, border-color, background-color, background-image;
	-webkit-transition-duration: .5s, .5s, .5s, .5s, .5s, .5s;
	-moz-transition-property: color, border-radius, opacity, border-color, background-color, background-image;
	-moz-transition-duration: .5s, .5s, .5s, .5s, .5s, .5s;
	-o-transition-property: color, border-radius, opacity, border-color, background-color, background-image;
	-o-transition-duration: .5s, .5s, .5s, .5s, .5s, .5s;
	transition-property: color, border-radius, opacity, border-color, background-color, background-image;
	transition-duration: .5s, .5s, .5s, .5s, .5s, .5s;
	-webkit-transition-property: color, border-radius, opacity, border-color, background-color, background-image;
	-webkit-transition-duration: .5s, .5s, .5s, .5s, .5s, .5s;
	-moz-transition-property: color, border-radius, opacity, border-color, background-color, background-image;
	-moz-transition-duration: .5s, .5s, .5s, .5s, .5s, .5s;
	-o-transition-property: color, border-radius, opacity, border-color, background-color, background-image;
	-o-transition-duration: .5s, .5s, .5s, .5s, .5s, .5s;
	transition-property: color, border-radius, opacity, border-color, background-color, background-image;
	transition-duration: .5s, .5s, .5s, .5s, .5s, .5s
}
.gallery li a img {
	margin: 10px 0px 5px 0px;
	width: 150px;
	height: 150px;
	border: 1px solid #fff;
	border-color: #fff;
	padding: 5px;
	-webkit-transition-property: color, border-radius, opacity, border-color, background-color, background-image;
	-webkit-transition-duration: .5s, .5s, .5s, .5s, .5s, .5s;
	-moz-transition-property: color, border-radius, opacity, border-color, background-color, background-image;
	-moz-transition-duration: .5s, .5s, .5s, .5s, .5s, .5s;
	-o-transition-property: color, border-radius, opacity, border-color, background-color, background-image;
	-o-transition-duration: .5s, .5s, .5s, .5s, .5s, .5s;
	transition-property: color, border-radius, opacity, border-color, background-color, background-image;
	transition-duration: .5s, .5s, .5s, .5s, .5s, .5s;
	-webkit-transition-property: color, border-radius, opacity, border-color, background-color, background-image;
	-webkit-transition-duration: .5s, .5s, .5s, .5s, .5s, .5s;
	-moz-transition-property: color, border-radius, opacity, border-color, background-color, background-image;
	-moz-transition-duration: .5s, .5s, .5s, .5s, .5s, .5s;
	-o-transition-property: color, border-radius, opacity, border-color, background-color, background-image;
	-o-transition-duration: .5s, .5s, .5s, .5s, .5s, .5s;
	transition-property: color, border-radius, opacity, border-color, background-color, background-image;
	transition-duration: .5s, .5s, .5s, .5s, .5s, .5s
}
.gallery li:hover {
	background-image: url(../img/li.jpg)
}
.gallery li:hover a img, .gallery li:hover a div {
	opacity: 1;
	color: #c10f0f;
	border-color: #111;
}
/*event*/
.year {
	margin-bottom: 25px;
}
.year a {
	margin-right: 1px;
	margin-bottom: 1px;
	font-size: 13px;
}
.year a:hover {
	background-color: #333;
}
.year a.Yactive {
	background-color: #333;
}
.eventalbum {
	width: 100%;
	display: inline-block;
	margin-bottom: 5px;
	font-size: 13px;
	color: #960
}
.eventalbum p {
	font-size: 12px;
	padding: 3px 4px 1px 4px;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 7px;
}
.event_title {
	font-family: 'AlternateGothic2BTRegular';
	background: url(../img/pattern_gray.jpg);
	font-weight: normal;
	padding: 9px 6px 9px 6px;
	font-size: 21px;
	text-transform: uppercase;
	color: #fff;
	clear: right;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin-bottom: 1px;
}
.event_date {
	font-family: Arial, Helvetica, sans-serif;
	background: url(../img/pattern_bg_40.png) #999;
	padding: 5px 6px 3px 6px;
	font-size: 13px;
	color: #FFF;
	text-align: center;
	display: inline-table;
	clear: both;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.eventphoto {
	clear: both;
	margin-bottom: 35px;
}
.eventphoto a img {
	border: 4px solid #FFF;
	box-shadow: 0px 1px 3px #666;
	width: 100px;
	height: 67px;
}
 .eventphoto a img:hover: {
 padding:3px;
 border:1px solid #111;
}
p.noimg {
	margin: 3px 0px;
	color: #fff;
	display: inline;
	padding-bottom: 3px;
	background: #be9427;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
/* scroller */



.pane {
	width: 370px;
	height: 100%;
	padding-bottom: 100px;
	overflow: hidden;
	outline: none;
	margin: 0px 0 0px 0px;
	-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch;
}
.pane p {
	width: 342px;
}
.jspContainer {
	overflow: hidden;
	position: relative;
}
.jspPane {
	position: absolute;
	padding-right: 20px !important;
}
.jspVerticalBar {
	position: absolute;
	top: 0;
	right: 0;
	width: 2px;
	height: 100%;
	background: transparent;
}
.jspHorizontalBar {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 10px;
	background: transparent;
}
.jspVerticalBar *, .jspHorizontalBar * {
	margin: 0;
	padding: 0;
}
.jspCap {
	display: none;
}
.jspHorizontalBar .jspCap {
	float: left;
}
.jspTrack {
	background: #ccc;
	position: relative;
	opacity: .6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha(opacity=60)";
	-khtml-opacity: .6;
	-moz-opacity: .6;
 filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
	ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"
}
.jspDrag {
	background: #F60;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
}
.jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag {
	float: left;
	height: 100%;
}
.jspArrow {
	background: #000;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
}
.jspArrow.jspDisabled {
	cursor: default;
	background: transparent;
}
.jspVerticalBar .jspArrow {
	height: 16px;
}
.jspHorizontalBar .jspArrow {
	width: 16px;
	float: left;
	height: 100%;
}
.jspVerticalBar .jspArrow:focus {
	outline: none;
}
.jspCorner {
	background: transparent;
	float: left;
	height: 100%;
}
/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner {
	margin: 0 -3px 0 0;
}
#map_canvas {
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 0;
	display: block;
	padding: 0;
	width: 100%;
	height: 110%;
	overflow: hidden
}
.pane2 {
	height: 300px;
	width: 244px;
	padding-bottom: 0px;
	overflow: hidden;
	outline: none;
	margin: 0px 0 0px 0px;
	-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch;
}
.pane2 .jspDrag {
	background: #333;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
}
.pane2 .jspPane {
	position: absolute;
	padding-right: -3px !important;
}
.pane2 .jspVerticalBar {
	position: absolute;
	top: 0;
	right: 4px;
	width: 3px;
	height: 100%;
	background: transparent;
}
/*Social*/

.social {
	position: fixed;
	bottom: 0px;
	padding: 12px 0px 9px 0px;
	margin-left: 183px;
	font-family: 'AvantGardeCERegular';
	text-transform: uppercase;
	font-size: 12px;
	z-index: 10;
}
.facebook {
	-webkit-transition-property: color, border-radius, opacity, border-color, background-color, background-image;
	-webkit-transition-duration: .5s, .5s, .5s, .5s, .5s, .5s;
	-moz-transition-property: color, border-radius, opacity, border-color, background-color, background-image;
	-moz-transition-duration: .5s, .5s, .5s, .5s, .5s, .5s;
	-o-transition-property: color, border-radius, opacity, border-color, background-color, background-image;
	-o-transition-duration: .5s, .5s, .5s, .5s, .5s, .5s;
	transition-property: color, border-radius, opacity, border-color, background-color, background-image;
	transition-duration: .5s, .5s, .5s, .5s, .5s, .5s;
	-webkit-transition-property: color, border-radius, opacity, border-color, background-color, background-image;
	-webkit-transition-duration: .5s, .5s, .5s, .5s, .5s, .5s;
	-moz-transition-property: color, border-radius, opacity, border-color, background-color, background-image;
	-moz-transition-duration: .5s, .5s, .5s, .5s, .5s, .5s;
	-o-transition-property: color, border-radius, opacity, border-color, background-color, background-image;
	-o-transition-duration: .5s, .5s, .5s, .5s, .5s, .5s;
	transition-property: color, border-radius, opacity, border-color, background-color, background-image;
	transition-duration: .5s, .5s, .5s, .5s, .5s, .5s;
	background: url(../img/social-a.png);
	padding: 10px 27px;
	color: #444
}
.facebook:hover {
	background: url(../img/social-hover.png);
	color: #FFF
}
.twitter {
	-webkit-transition-property: color, border-radius, opacity, border-color, background-color, background-image;
	-webkit-transition-duration: .5s, .5s, .5s, .5s, .5s, .5s;
	-moz-transition-property: color, border-radius, opacity, border-color, background-color, background-image;
	-moz-transition-duration: .5s, .5s, .5s, .5s, .5s, .5s;
	-o-transition-property: color, border-radius, opacity, border-color, background-color, background-image;
	-o-transition-duration: .5s, .5s, .5s, .5s, .5s, .5s;
	transition-property: color, border-radius, opacity, border-color, background-color, background-image;
	transition-duration: .5s, .5s, .5s, .5s, .5s, .5s;
	-webkit-transition-property: color, border-radius, opacity, border-color, background-color, background-image;
	-webkit-transition-duration: .5s, .5s, .5s, .5s, .5s, .5s;
	-moz-transition-property: color, border-radius, opacity, border-color, background-color, background-image;
	-moz-transition-duration: .5s, .5s, .5s, .5s, .5s, .5s;
	-o-transition-property: color, border-radius, opacity, border-color, background-color, background-image;
	-o-transition-duration: .5s, .5s, .5s, .5s, .5s, .5s;
	transition-property: color, border-radius, opacity, border-color, background-color, background-image;
	transition-duration: .5s, .5s, .5s, .5s, .5s, .5s;
	margin-left: 1px;
	background: url(../img/social-a.png);
	padding: 10px 27px;
	color: #444
}
.twitter:hover {
	background: url(../img/social-hover.png);
	color: #FFF
}
/*footer*/
.award-sme100-logo {
	position: fixed;
	bottom: 55px;
	right: 30px;
	width: 291px;
	height: 80px;
}
.award-sme100-logo img {
	width:291px;
	height:80px;
}
.footer {
	position: fixed;
	bottom: 0px;
	right: 10px;
	text-align: right;
	color: #000;
	padding: 10px 20px;
	font-size: 12px;
	width: 300px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 16px;
}
.footer a {
	color: #c81c2c
}
.footer a:hover {
	color: #8d7b7c;
	text-decoration: underline;
}
/****** contact us MAP *******/
hr#mapHR {
	width: 340px;
	margin: 40px 0;
}
#boxMap {
	width: 340px;
	height: 90px;
	clear: both;
}
.Mapimg {
	width: 100px;
	float: left;
}
p#Maptitle {
	width: 220px;
	height: 40px;
	margin: 0 0 0 20px;
	float: left;
}
a#viewMap {
	font-weight: 100;
	background: #999;
	color: #fff;
	text-decoration: none;
	display: inline-block;
	padding: 4px 12px;
	cursor: pointer;
	font-size: 14px;
	line-height: 13px;
	margin: 5px 0 0 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
a#viewMap:hover {
	color: #fff;
	font-weight: 100;
	background: #cf2727
}