/* = FONTS
----------------------------------------------------------------------------------------------------------------------*/
@font-face { font-family: 'AauxProMediumItalicSC'; src: url('fonts/AauxProMediumItalicSC.eot');src: local('?'), url('fonts/AauxProMediumItalicSC.woff') format('woff'), url('fonts/AauxProMediumItalicSC.ttf') format('truetype'), url('fonts/AauxProMediumItalicSC.svg') format('svg');; font-weight: normal; font-style: normal }
@font-face { font-family: 'AauxProMediumOSF'; src: url('fonts/AauxProMediumOSF.eot');src: local('?'), url('fonts/AauxProMediumOSF.woff') format('woff'), url('fonts/AauxProMediumOSF.ttf') format('truetype'), url('fonts/AauxProMediumOSF.svg') format('svg'); font-weight: normal; font-style: normal }
@font-face { font-family: 'AauxProMediumSC'; src: url('fonts/AauxProMediumSC.eot');src: local('?'), url('fonts/AauxProMediumSC.woff') format('woff'), url('fonts/AauxProMediumSC.ttf') format('truetype'), url('fonts/AauxProMediumSC.svg') format('svg'); font-weight: normal; font-style: normal }
@font-face { font-family: 'BeforetheRain'; src: url('fonts/BeforetheRain.eot');src: local('?'), url('fonts/BeforetheRain.woff') format('woff'), url('fonts/BeforetheRain.ttf') format('truetype'), url('fonts/BeforetheRain.svg') format('svg'); font-weight: normal; font-style: normal }


/*	FONT FAMILY:
----------------------------------------------------------------------------------------------------------------------*/
.fAuxSC{font-family: 'AauxProMediumSC', sans-serif; }
.fAuxOSF{font-family: 'AauxProMediumOSF', sans-serif; }
.fAuxMISC{font-family: 'AauxProMediumItalicSC', sans-serif; }

/* = BODY
----------------------------------------------------------------------------------------------------------------------*/
html{position:relative; height: 100%;}
body{
	background-image: url('images/bg.png');
	background-repeat: repeat-x repeat-y;
	color: #845635;
	font-family: 'AauxProMediumOSF', sans-serif;
	font-size: 16px;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	margin: 0px;
	height: 100%;
	min-height: 100%;
}
p {line-height: 120%;margin:0}
a{z-index: 100;}
h1, h2, h3, h4, h5, h6 {font-weight: lighter;}
strong{font-size: inherit; font-weight: normal; font-family: 'RaiffeisenROBold', sans-serif; }
a{font: inherit; color: inherit; text-decoration: none; cursor: pointer; }
a:hover{text-decoration: underline; }


.clear {float: none; clear: both; margin: 0 !important; padding: 0 !important; border: 0 !important; line-height: 0 !important; font-size: 0 !important; height: 0 !important;}
.left{ float: left}
.right{ float: right}

.aleft{text-align: left;}
.acenter{text-align: center;}
.aright{text-align: right;}

.relative{position: relative; z-index: 100;}



/* VERTICAL SPACE:
----------------------------------------------------------------------------------------------------------------------*/
.vspace-5, .vspace-10, .vspace-20, .vspace-50, .vspace-100{
	display: block; clear: both; font-size: 0; text-indent: -5000px; overflow: hidden;}

.vspace-5 {height: 5px; min-height: 5px; }
.vspace-10 {height: 10px; min-height: 10px; }
.vspace-20 {height: 20px; min-height: 20px; }
.vspace-50 {height: 50px; min-height: 50px; }
.vspace-100 {height: 100px; min-height: 100px; }

/* TEXT COLLOR:
----------------------------------------------------------------------------------------------------------------------*/
.txt-brown{color: #845635 !important;}
.txt-pink{color: #E18584 !important;}
.txt-white{color: #FFFFFF !important;}

/* FONT SIZE:
----------------------------------------------------------------------------------------------------------------------*/
.size8{font-size: 8px !important;}
.size9{font-size: 9px !important;}
.size10{font-size: 10px !important;}
.size12{font-size: 12px !important;}
.size16{font-size: 16px !important;}
.size17{font-size: 17px !important;}
.size19{font-size: 19px !important;}
.size22{font-size: 22px !important;}

/* BLOCK WIDTH:
----------------------------------------------------------------------------------------------------------------------*/
.width300{width: 300px; }
.width400{width: 400px; }

.block-1p3{
	display: inline-block;
	width: 296px;
}


/* PADDING LEFT:
----------------------------------------------------------------------------------------------------------------------*/
.lpad70{padding-left: 70px; }
.lpad80{padding-left: 80px; }
.lpad90{padding-left: 90px; }
.lpad100{padding-left: 100px; }


/* TEMPLATE:
----------------------------------------------------------------------------------------------------------------------*/

.big-letter{
	color: inherit;
	font-family: 'BeforetheRain', 'AauxProMediumOSF', sans-serif;
	font-size: 16px !important;
	text-transform: uppercase;
	display: inline-block;
	overflow: visible;
	height: 16px;
}

article{
	text-align: left;
	width: 450px;
	font-size: 15px;
	color: #845635;
	line-height: 23px !important;
	vertical-align: top;
}

.nice-border {padding:6px; border: 14px solid #f6cec8; background-color:#fff;display:inline-block}
.nice-border img {border: 1px dashed #f6cec8;padding: 7px; display: inline-block; margin: 0; outline: 0;}
.nice-border .mid {border: 1px dashed #f6cec8;padding: 7px; display: inline-block; margin: 0; outline: 0;}

.nice-small-border {padding:3px; border: 5px solid #f6cec8; background-color:#fff;display:inline-block}
.nice-small-border .mid {display: inline-block; border: 1px dashed #f6cec8; padding: 3px; margin: 0; outline: 0;}

#main-wrapper-bg {
	width: 1085px;
	margin: 0 auto;
	background: url('images/bg-center-repeat.png') repeat-y top center transparent;
	background-size: 1085px;
	height: auto;
}
#main-wrapper {
	width: 1027px;
	margin: 0 auto;
	background: #ECE5DD url(images/flower-graphics-bottom.png) no-repeat center bottom;
	height: auto;
}
#motto{
	position: absolute;
	top:30px;
	left:50%;
	margin-left: -183px;
	width: 366px;
}

.image-copyright{
	display: block;
	width: 200px;
	text-align: right;
	position: absolute;
	right: 16px;
	bottom: -16px;
	z-index: 200;
	font-size: 14px;
}

/* BUTTONS:
----------------------------------------------------------------------------------------------------------------------*/
.btn {text-indent:-5000px;display:block; background-position: center top;background-repeat: no-repeat;cursor: pointer}

#play {width: 113px; height:57px; background-image: url('images/play.png'); position: absolute; right:0; top:752px }
#btn-catalog {width: 201px; height:57px;background-image: url('images/catalog.png');position: absolute;left:0;top: 960px; }
#btn-catalog-right {width: 132px; height:57px;background-image: url('images/catalog-right.png');position: absolute;right:0; /*top: 822px;*/ bottom: 150px; }



/* = HEADER
----------------------------------------------------------------------------------------------------------------------*/
header{
	padding: 29px 40px 0px 40px;
	background: transparent url(images/flower-graphics-top.png) no-repeat right top;
}

#fleurartist-logo{
}
#blog {
	width: 113px; height:57px;background-image: url('images/blog.png');position: absolute;right:0;top:155px;
	text-indent: 5px;
	line-height: 52px;
	color: #FFFFFF;
	text-align: center;
	font-size: 18px;
	vertical-align: middle;
	text-transform: lowercase;
	font-family: 'AauxProMediumItalicSC', sans-serif;
	text-decoration: none;
	/*font-weight: normal;*/
	/*letter-spacing: 1px;*/
}



#menuholder{width: auto; margin: 13px 0px 0 0; position: relative}
#menuholder ul {width: auto; height: 48px; position: relative; z-index: 104; margin: 0; padding: 0}
#menuholder li {float: left; display: inline-block; margin: 0 0px 0 0; padding: 0 10px; z-index: 205;text-align:center;height:48px; line-height:32px}
#menuholder li a, a:visited {color: #845635;text-align:center; font-size:14px;font-family: 'AauxProMediumItalicSC', sans-serif !important}
#menuholder li.double {text-align:center; line-height:16px !important}
#menuholder li a:hover{text-decoration: none !important; color: #e18584}
#menuholder li.active {
	/*background: url('images/menu-underline.png') no-repeat center bottom*/
}
#menuholder li.active a {color:#e18584}

/* = FOOTER
----------------------------------------------------------------------------------------------------------------------*/
footer{background: url('images/bg-bottom.png') repeat-x; height: 34px;padding: 16px 60px 43px 60px;color:#fff;}
#facebook {width: 20px; height:26px;background-image: url('images/facebook.png');padding:0 10px}
#twitter {width: 20px; height:26px;background-image: url('images/twitter.png');padding:0 10px}


/* = SECTION CONTAINER
----------------------------------------------------------------------------------------------------------------------*/
section.container{display: block; clear: both;padding:20px 45px 25px 45px;}


/* HOMEPAGE:
----------------------------------------------------------------------------------------------------------------------*/
.underflower{
	display: block;
	width: 210px;
	height: 32px;
	background: transparent url('images/floare-1.png') center center no-repeat;
	margin: 0 auto;
}


/* GALLERY:
----------------------------------------------------------------------------------------------------------------------*/

h2.gallery-title{
	display: block;
	width: 400px;
	position: absolute;
	left: 45;
	top: 320px;
}

#submenu{
	display: block;
	width: 215px;
	height: 162px;
	padding: 73px 90px 0 135px;
	position: absolute;
	left: 0;
	top: 375px;
	z-index: 210;
}

#submenu ul{
	list-style: none;
	text-align: center;
}
#submenu ul a{
	color: inherit;
	font: inherit;
	text-decoration: none;
}

#submenu ul a.active, #submenu ul a:hover{
	text-decoration: none;
	color: #E18584;
}

article.top350{
	position: absolute;
	top: 350px;
	left: 70px;
	z-index: 208;
}

article.top550{
	position: absolute;
	top: 550px;
	left: 70px;
	z-index: 208;
}

article.top600{
	position: absolute;
	top: 600px;
	left: 70px;
	z-index: 208;
}

/* GALLERY BIG IMAGE:
----------------------------------------------------------------------------------------------------------------------*/
#big-image{
	display: block;
	width: 400px;
	height: 400px;
	text-align: center;
	vertical-align: middle;
}


/* GALLERY THUMBNAILS:
----------------------------------------------------------------------------------------------------------------------*/
#gallery-thumbs-box{
	width: 745px;
	height: 129px;
	min-height: 129px;
	max-height: 129px;
	display: block;
	margin: 0 auto;
	position: relative;
	z-index: 140;
}
#gallery-thumbs-box #arr-left,
#gallery-thumbs-box #arr-right{
	position: absolute;
	display: block;
	top: 35px;
	width: 22px;
	height: 20px;
	background-image: url('images/nav-mini-gallery.png');
	background-repeat: no-repeat;
	background-color: transparent;
	z-index: 150;
	text-indent: -5000px;
	cursor: pointer;
}
#gallery-thumbs-box #arr-left{background-position: left center; left: 7px; }
#gallery-thumbs-box #arr-right{background-position: right center; right: 7px; }

#gallery-thumbs-box #thumbs-holder{
	height: 88px;
	overflow: hidden;
	position: relative;
	margin: 0px 50px;
	width: 645px;
}
#images-list{position: absolute; top: 0px; left: 0; }
#images-list a{/*width: 129px; height: 88px;*/
	display: inline-block; width: 113px; height: 78px; float: left;
	margin-right: 6px; border: 2px solid #E18584; padding: 3px; }
#images-list a:hover{border-color: #845635;}


/* CONTACT:
----------------------------------------------------------------------------------------------------------------------*/
.flower-box-left{
	display: block;
	width: 215px;
	height: 162px;
	padding: 73px 90px 0 135px;
	background: transparent url('images/bg-submenu.png') no-repeat left center;
	position: absolute;
	left: 0;
	top: 320px;
	z-index: 210;
}


/* CONTACT FORM:
----------------------------------------------------------------------------------------------------------------------*/
.field-label{
	display: block;
	width: 142px;
	vertical-align: middle;
	line-height: 24px;
}

input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: none; }

input.text-field, textarea.textarea-field{
	font-family: 'AauxProMediumOSF', sans-serif;
	color: inherit;
	display: block;
	width: 240px;
	margin-right: 15px;
	border: 1px dashed #F6CEC8;
	outline: none;
	-moz-outline-style: none;
	padding: 2px 5px;
	font-size: 14px;
}

input.text-field{
	height: 22px;
}

textarea.textarea-field{
	height: 75px;
}

label.error .field-label{
	color: red;
}

label.error input.text-field, label.error textarea.textarea-field{
	color: red;
	border-color: red;
}

#send-message{display: block; background: transparent url('images/btn-send.png') no-repeat center bottom;
	cursor: pointer;
	width: 36px;
	height: 20px;
	border: 0px;
	margin: 0px;
	margin-right: 15px;
	padding: 0px;
	outline: none;
	-moz-outline-style: none;
	text-indent: -5000px;
}
#send-message:hover{
	background-position: center top;
}

/* HOME SLIDER:
----------------------------------------------------------------------------------------------------------------------*/
#slider{
	overflow: hidden;
	vertical-align: middle;
	text-align: center;
}



#footer-facebook, #footer-pinterest {
	display: inline-block;
	display: block;
	width: 44px;
	height: 44px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center center;
	text-decoration: none;
}
a#footer-facebook:hover, a#footer-pinterest:hover{
	text-decoration: none;
	cursor: pointer;
}
#footer-facebook {
	background-image: url('images/icon-facebook.png');
}
#footer-pinterest {
	background-image: url('images/icon-pinterest.png');
}

article.left .nice-border img, article.right .nice-border img {
	display: inline-block;
	width: 403px;
}

.nice-border.small-box{
	border-width: 6px !important;
	display: block;
	padding: 4px;
}
.nice-border.small-box > a {
	display: flex;
}
.nice-border.small-box img{
	padding: 5px;
}

.nice-border.small-border{
	border-width: 6px !important;
}


.slide_prev, .slide_next{
	position: absolute;
	top:50%;
	display: inline-block;
	width: 16px;
	height: 16px;
	background: transparent url(images/nav-mini-gallery.png) no-repeat center center;
	z-index: 1100;
	cursor: pointer;
}
.slide_prev{
	left: 25px;
	background-position: 1px 1px;
}
.slide_next{
	right: 25px;
	background-position: -28px 1px;
}