/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }

/* Left & Right alignment */

.left { float:left;}
.right { float:right;}
.wrapper {width:100%; overflow:hidden;}

/* Global properties ======================================================== */
#page1 {min-width:1022px;}
body{ background:#f1f1f1; border:0; font:12px Arial, Helvetica, sans-serif; color:#898989; line-height:18px;}

.css3{border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; box-shadow: 0 0 4px rgba(0, 0, 0, .4); -moz-box-shadow: 0 0 4px rgba(0, 0, 0, .4); -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .4); behavior: url(js/PIE.htc); position: relative;}

/* Global Structure ============================================================= */

.main {	margin: 0 auto;	width:1022px; position:relative}

.body1{ background:url(../images/bg_top.gif) top repeat-x #fff;}
.body2{ background:#fafafa}
.body3 { border-bottom:1px solid #d9d9d9; border-top:1px solid #d9d9d9; font:22px Georgia, "Times New Roman", Times, serif; line-height:31px; color:#343637; font-style:italic; padding-top:19px; padding-bottom:17px;}

/* ============================= main layout ====================== */

a{ color:#258ef6; text-decoration: none; outline:none}
a:hover{ color:#000}
h1{ float:left; padding:32px 0 0 10px}
h2{ font-size:20px; line-height:1.2em; color:#555c61; padding:34px 0 23px 0; letter-spacing:-1px}
h2.pad_bot1{ padding-bottom:29px;}
p{ padding-bottom:18px;}

/* ============================= header ====================== */
header{ min-height:119px;}

#page1 header{ height:562px;}

#logo{ display:block; background:url(../images/logo.png) no-repeat; width:350px; height:75px; text-indent:-9999px}

#menu { float:right; margin-right:-10px; position:relative; z-index:99}
#menu > li { padding-left:1px; float:left; position:relative;}
#menu > li > a{ display:block; padding:66px 17px 30px 19px; font:18px Georgia, "Times New Roman", Times, serif; color:#282827; line-height:1.2em; font-style:italic; letter-spacing:-1px;}
* +html #menu > li > a{ padding:66px 15px 30px 17px;}
#menu > li:hover > a, #menu > .active > a{ background:url(../images/menu_active.jpg) top repeat-x; color:#fff;}

#menu .ul_1{ position:absolute; top:119px; width:103px; left:1px; display:none; padding:0 1px}
#menu .ul_1 li{ padding-bottom:2px; width:100%; position:relative}
#menu .ul_1 li a{ display:block; font:13px Georgia, "Times New Roman", Times, serif; color:#2c2c2c; line-height:32px;  border:1px solid #e1e1e1; font-style:italic; padding:0 13px; background:url(../images/menu_bg.gif) top repeat-x #eeeeee}
#menu .ul_1 .with_ul:hover a span{ background:url(../images/menu_marker.gif) right 15px no-repeat; display:block;}
#menu .ul_1 li:hover > a{ background:#fff;}

#menu .ul_2{ position:absolute; top:0; left:105px; width:206px; display:none; padding:1px}

/* The Nivo Slider styles */
.slider_wrapper{ width:100%; overflow:hidden; height:392px; position:absolute; top:140px;}
.slider_left_marker{ background:url(../images/marker_left.jpg) left 0 no-repeat;}
.slider_right_marker{ background:url(../images/marker_right.jpg) right 0 no-repeat;}
#slider{ height:350px; width:940px !important; left:41px;}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {position:absolute;top:0px;left:0px;width:100%;height:100%;border:0;padding:0;	margin:0;z-index:60;display:none;}
/* The slices in the Slider */
.nivo-slice {display:block;	position:absolute;z-index:50;height:100%;}

/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {	position:absolute; top:154px;	z-index:99;	cursor:pointer;text-indent:-5000px; width:17px; height:22px;  display:block;}
.nivo-prevNav {left:-26px;}
.nivo-prevNav:hover{ background:url(../images/marker_left_active.gif) no-repeat}
.nivo-nextNav {right:-26px;}
.nivo-nextNav:hover{ background:url(../images/marker_right_active.gif) no-repeat}

/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav{ position: absolute;z-index:99; left:429px; top:379px;}
.nivo-controlNav a {position:relative;z-index:99;cursor:pointer; text-indent:-5000px; width:12px; height:12px; float:left; margin-right:8px; background:url(../images/buttons.gif) no-repeat}
.nivo-controlNav a.active { background:url(../images/buttons_active.gif) no-repeat}


/* ============================= content ====================== */

#content{padding-top:34px; width:100%; overflow:hidden; padding-bottom:45px;}

#page1 #content{padding-top:37px;}


figure{ padding-bottom:18px;}

.marg_right1{ margin-right:20px;}
.marg_right2{ margin-right:23px;}
.pad_bot1{ padding-bottom:26px;}
.marg_top1{ margin-top:3px;}
.pad_left1{ padding-left:40px;}

.font1, .font2, .font3{ font-size:20px; color:#258ef6; line-height:1.2em; padding:0 0 4px 0; display:block;}
.font1 span, .font2 span, .font3 span{ display:block; margin-top:-4px;}
.font2{ font-size:18px; padding-top:3px; padding-bottom:6px;}


.link1{ display:inline; background:url(../images/marker_1.gif) 0 5px no-repeat;}
.link1:hover{ background-image:url(../images/marker_1_active.gif);}

.box1{ border:1px solid #e0e0e0;border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; behavior: url(js/PIE.htc); position: relative;}
.box1 .pad{ border:1px solid #fff; background:url(../images/box1_bg.gif) top repeat-x #ebecec; padding:10px 0 10px 15px;border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; behavior: url(js/PIE.htc); position: relative;}

.box2{ border:1px solid #e0e0e0;behavior: url(js/PIE.htc); position: relative;border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
.box2 .pad{padding:21px 19px 16px 21px;behavior: url(js/PIE.htc); position: relative;border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px;border:1px solid #fff; background:url(../images/box3_bg.gif) top repeat-x #ebeced;}
.box2.active .pad{ background:url(../images/box3_bg_acitve.gif) top repeat-x #a4a4a4; color:#fff;}
.box2.active .pad .link1{ background-image:url(../images/marker_1_onbox.gif);}
.box2.active .pad .link1:hover{ background-image:url(../images/marker_1_active.gif);}
.box2 a{ margin-bottom:18px;}
.box2 p{ padding-bottom:2px}
.box2 strong{ font-size:13px;}

.carousel-box .inner1{ position:relative; width:100%; }
.gallery1{ width:420px; overflow:hidden; margin-left:20px;}
.gallery1 li{ float:left; margin-right:0; }

.inner1 .next{ position:absolute; z-index:10; top:96px; right:-2px; background:url(../images/marker_right2.png) no-repeat; display:block; width:34px; height:34px;}
.inner1 .prev{ position:absolute; z-index:10; top:96px; left:0px; background:url(../images/marker_left2.png) no-repeat; display:block; width:34px; height:34px;}
.inner1 .next:hover{ background:url(../images/marker_right2_active.png) no-repeat}
.inner1 .prev:hover{ background:url(../images/marker_left2_active.png) no-repeat}

.gallery1 img{ padding-bottom:19px;}
.gallery1 p{ padding:0 5px;}

.carousel-box .inner2{ position:relative; width:100%; overflow:hidden}
.gallery2{ width:420px; overflow:hidden; margin-left:38px;}
.gallery2 li{ float:left; width:170px; margin-right:15px;}
.gallery2 img{ padding-bottom:13px;}
.gallery2 p{ padding-bottom:0}

.inner2 .next{ position:absolute; z-index:10; top:57px; right:0px; background:url(../images/marker_right3.gif) no-repeat; display:block; width:26px; height:105px;}
.inner2 .prev{ position:absolute; z-index:10; top:57px; left:1px; background:url(../images/marker_left3.gif) no-repeat; display:block; width:26px; height:105px;}
.inner2 .next:hover{ background:url(../images/marker_right3_active.gif) no-repeat}
.inner2 .prev:hover{ background:url(../images/marker_left3_active.gif) no-repeat}


.news{ margin-top:-2px;}
.news li{ width:100%; overflow:hidden; padding-bottom:12px; border-bottom:1px solid #e8e8e8; padding-top:12px; font-style:italic}
.news .date{ float:left; width:45px; height:51px; border:1px solid #dedede; background:url(../images/calendar_bg.gif) top repeat-x #dedede; margin-right:15px; font-size:24px; color:#5f5f5f; line-height:1.2em; font-style:normal; text-align:center;border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; behavior: url(js/PIE.htc); position: relative; letter-spacing:-1px; padding-top:4px;}
.news .date span{ display:block; margin-top:-12px;}

.list1{ padding-right:24px;}
.list1 li{ margin-bottom:6px;border: 1px solid #fff;box-shadow: -0px -0px 1px #a4a4a4; -moz-box-shadow: -0px -0px 1px #a4a4a4; -webkit-box-shadow: -0px -0px 1px #a4a4a4; behavior: url(js/PIE.htc); position: relative; background:url(../images/bg_box2.gif) top repeat-x #eeeeee;}
.list1 li a{ display:block;  font-size:18px; color:#555c61; line-height:38px; height:42px; padding:0 20px;}
.list1 li a:hover{ background:url(../images/bg_box2_active.gif) top repeat-x #30b2ff; color:#fff}

.list2{ padding-bottom:18px; margin-top:-10px;}
.list2 li{ font-size:12px; line-height:29px;}
.list2 li a{ color:#258ef6; background:url(../images/marker2.gif) 0 5px no-repeat; padding-left:20px;}
.list2 li a:hover{ color:#898989; text-decoration:underline}

.under{ border-bottom:1px solid #e8e8e8; margin-bottom:22px;}

.dropcap_1{ width:51px; height:51px; float:left; margin-right:18px; background:url(../images/dropcap_1.gif) no-repeat; margin-bottom:15px; font:41px "Arial Black", Gadget, sans-serif; color:#fff; line-height:51px; text-align:center}
* +html .dropcap_1 span{ display:block; margin-top:-4px;}
.dropcap_2{ width:53px; height:54px; font:36px Arial, Helvetica, sans-serif; color:#fff; font-weight:bold; text-align:center; margin-right:15px; float:left; background:url(../images/dropcap2.gif) no-repeat; line-height:54px;}

.arrow_1{ background:url(../images/arrow_1.gif) 170px 7px no-repeat; padding-top:17px;}
.arrow_2{ background:url(../images/arrow_2.gif) 390px bottom no-repeat; padding-bottom:2px;}
.arrow_1 .font1{ padding-top:4px; padding-bottom:18px;}
.arrow_1 .font3{ padding-top:0px; padding-bottom:6px; overflow:hidden}
.arrow_1 .font2{ padding-top:5px; padding-bottom:22px;}

.cols{ width:180px; float:left;}

#page2 #content{ padding-bottom:49px;}
#page3 .box2{ margin-bottom:17px;}
#page3 #content{ padding-bottom:30px;}
#page4 figure{ padding-bottom:0px;}
#page5 figure{ background:#e6e7e7; float:left; padding:9px;}
#page5 .cols{ width:164px;}

/* ============================= footer ====================== */

footer { padding-top:16px; padding-bottom:16px; width:100%; overflow:hidden; line-height:21px; color:#616161}
footer a{ color:#616161}
footer a:hover{ color:#000; text-decoration:underline}

#icons{ float: right;}
#icons li{ float:left; padding-left:5px;}

/* Tooltips */
.aToolTip {	border:1px solid #000; background: url(../images/opacity_50_black.png) repeat; color:#fff;	margin:0; padding:2px 10px; font-size:11px;	}
.aToolTip .aToolTipContent { position:relative;	margin:0; padding:0; }
a.aToolTipCloseBtn { display:block;	height:20px; width:20px; overflow:hidden;background: url(../images/loading/close.gif) no-repeat;text-indent:-9999px;	outline:none; position:absolute; top:-15px;	right:-20px; }

/* Lightbox image */
.lightbox-image {position:relative;overflow:hidden;	display:block; background:#fff}
.lightbox-image img {position:relative;z-index:2;}
.lightbox-image span {display:block;position:absolute;left:0;top:0;width:100%;height:100%;background: url(../images/magnify.png) no-repeat 50% 50%;z-index:1;}
.hide{ display:none; width:760px !important; overflow:hidden; position:relative !important}
.pp_inline .marg_right1{ margin-right:30px;}
.pp_inline p{ font:12px Arial, Helvetica, sans-serif; color:#898989; line-height:18px; padding-bottom:18px;}
.pp_inline h6{ font-size:13px; font-weight:bold; padding:15px 0 15px; color:#898989;}


/* ============================= forms ============================= */

#ContactForm { padding-top:1px;}
#ContactForm .wrapper{ min-height:43px; padding:1px}
#ContactForm .textarea_box{ min-height:240px; padding:1px;}
#ContactForm .bg{ background:url(../images/bg_input.gif) top repeat-x #eeeeee; border:1px solid #fff;box-shadow: -0px -0px 1px #a4a4a4; -moz-box-shadow: -0px -0px 1px #a4a4a4; -webkit-box-shadow: -0px -0px 1px #a4a4a4; behavior: url(js/PIE.htc); position: relative; float:left;}
#ContactForm .bg2{background:url(../images/bg_textarea.gif) top repeat-x #eeeeee; border:1px solid #fff;box-shadow: -0px -0px 1px #a4a4a4; -moz-box-shadow: -0px -0px 1px #a4a4a4; -webkit-box-shadow: -0px -0px 1px #a4a4a4; behavior: url(js/PIE.htc); position: relative; float:left;}
#ContactForm {}
#ContactForm {}
#ContactForm a{ float: right; font-size:20px; line-height:41px; width:141px; text-align:center; color:#fff; background:url(../images/subscribe_bg.gif) top repeat-x #218af3;border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; behavior: url(js/PIE.htc); position: relative; letter-spacing:-1px;}
#ContactForm a:hover{ background:#c4c4c4; }
#ContactForm .input {width:294px; height:14px; background:none; padding:10px 14px; color:#898989; font:12px Arial, Helvetica, sans-serif;}
#ContactForm textarea { overflow: auto;width:508px; height:191px; background:none; padding:10px 14px; color:#898989; font:12px Arial, Helvetica, sans-serif; margin:0}

#form_1 .left{ margin-right:16px;}
* +html #form_1 .left{ margin-right:11px;}
#form_1{ font:22px Georgia, "Times New Roman", Times, serif; color:#343637; line-height:41px; font-style:italic; width:100%; overflow:hidden;}
#form_1 .input{ background:url(../images/input1.gif) no-repeat; width:341px; height:17px; padding:12px 10px; font:14px Arial, Helvetica, sans-serif; color:#898989; float:left; margin-right:9px;}
#form_1 a{ float:left; font-size:20px; line-height:41px; width:141px; text-align:center; color:#fff; background:url(../images/subscribe_bg.gif) top repeat-x #218af3;border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; behavior: url(js/PIE.htc); position: relative;}
#form_1 a:hover{ background:#c4c4c4;}

#soc{position:absolute; top:8px; right:0px; z-index:999;}
#soc a{display:inline-block; margin:0 5px; text-indent:-9999px; width:32px; height:32px; background:url('/images/instagram.png') center center no-repeat #fff; border:2px solid #fff; border-radius:3px;}
#soc a:first-child{background-image:url('/images/vk.png')}

.error{
	position:absolute;
	z-index:100000;
	/* supply height to ensure consistent positioning for every browser */
/* 	height:15px; */
	background-color:#FFFE36;
	border:1px solid #E1E16D;
	font-size:11px;
	color:#000;
	padding:3px 10px;
	margin-left:-2px;
	max-width:300px;

	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-o-border-radius: 3px;
	-khtml-border-radius: 3px;
	box-shadow:0 0 6px #ddd;
	-moz-box-shadow:0 0 6px #ddd;
	-webkit-box-shadow:0 0 6px #ddd;
	-o-box-shadow: 0 0 6px #ddd;
	-khtml-box-shadow: 0 0 6px #ddd;
}

.error em {
	bottom:-9px;
	_bottom:-14px;
	display:block;
	height:9px;
	width:17px;
	left:10px;
	position:absolute;
	z-index:100001;
	background:url('/img/arrow.gif') top left no-repeat;
}

.error p{
	padding:0;
	margin:0;
}