/* 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;}
.center{ text-align:center}
.wrapper {width:100%; overflow:hidden;}

/* Global properties ======================================================== */

/* body{ background:#fff; border:0; font:14px Arial, Helvetica, sans-serif; color:#40434c; line-height:21px; min-width:960px;}
 */

body{ background:#fff; border:0; font:14px Segoe UI, Segoe UI, Segoe UI; color:#40434c; line-height:21px; min-width:960px;}

.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.php); position: relative;}

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

.body1{ background:url(../images/bg_top.jpg) top center no-repeat; overflow:hidden}
.body2{ background:url(../images/bg_img.jpg) center 84px no-repeat; overflow:hidden}

.body3{ background:url(../images/bg.jpg) top center repeat; overflow:hidden}
.body4{ background:url(../images/bg_top2.jpg) top center no-repeat; overflow:hidden}

.body5{ background:url(../images/bg2.jpg) top center repeat; overflow:hidden}
.body6{ background:url(../images/bg_top3.jpg) top center no-repeat; overflow:hidden}

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

a{ color:#2175cb; text-decoration: none; outline:none}
a:hover{ text-decoration: underline}
h1{ float: left; padding:40px 0 0 0}
h2{ font-size:40px; font-weight:700; color:#fff; line-height:1.2em; text-transform:uppercase; padding:10px 0 9px 0; letter-spacing:-1px;}
h2 span{ display:block; font-weight:400; margin-top:-13px;}
h3{ font-size:40px; line-height:1.2em; color:#2e2f31; text-transform:uppercase; font-weight:400; padding:12px 0 10px 0; letter-spacing:-1px;}
h3 span{ display:block; margin-top:-13px;}
p{ padding-bottom:21px;}

/* ============================= header ====================== */
header{ width:100%; height:308px;}
#page1 header{height:638px;}

#logo{ display:block; background:url(../images/logo.png) no-repeat; width:280px; height:88px; text-indent:-5000px}
#menu { float:left; padding:46px 0 0 43px}
#menu li { float:left; padding-right:24px; position:relative}
#menu a{ display:block; font-size:15px; font-weight:600; color:#fff; background:none; line-height:33px; text-transform:uppercase}
#menu a span{ display:block;}
#menu a span span{ margin:0 16px;}
#menu li:hover a, #menu .active a{text-decoration:none; background:url(../images/menu1_left.png) top left no-repeat}
#menu li:hover a span, #menu .active a span{ background:url(../images/menu1_right.png) top right no-repeat}
#menu li:hover a span span, #menu .active a span span{ background: url(../images/menu1_bg.gif) top repeat-x}

#menu .ul_1{ position:absolute; top:33px; left:0px; width:111px; z-index:10}
#menu .ul_1 li{ float:none; width:100%; z-index:10}
#menu .ul_1 a{ font-size:13px; font-weight:400; position:relative; z-index:10}
#menu .ul_1 li:hover a{ color:#111}
#menu .ul_1 a{text-decoration:none; background:url(../images/menu1_left.png) top left no-repeat}
#menu .ul_1 a span{ background:url(../images/menu1_right.png) top right no-repeat}
#menu .ul_1 a span span{ background: url(../images/menu1_bg.gif) top repeat-x}

#menu .ul_2 { position:absolute; top:0; left:111px; z-index:1;}
#menu .ul_2 li{ width:auto}
#menu li:hover .ul_2 a, #menu .ul_2 a{ background:url(../images/menu2_left.png) top left no-repeat; color:#fff;}
#menu .first{ position:absolute; left:90px; width:0; height:33px; background: url(../images/menu_right.png) right 0 no-repeat; top:0;}
#menu li:hover .ul_2 a span, #menu .ul_2 a span{background:url(../images/menu2_right.png) top right no-repeat}
#menu li:hover .ul_2 a span span, #menu .ul_2 a span span{ background: url(../images/menu2_bg.gif) top repeat-x}
#menu li:hover .ul_2 li:hover a, #menu  .ul_2 li:hover a{ color:#3679ff}

/* The Nivo Slider styles */
#slider_nivo{ height:350px;  width:100%; position: absolute; top:288px; left:0; overflow:hidden display: block}
#slider{ float: left; margin-left:76px; width:377px !important; height:350px;position:relative;}
.nivoSlider {position: absolute; overflow:inherit !important;}
.nivoSlider img {	top:0px;left:0px;}
/* 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%;}

.text{ font-size:120px; font-weight:700; text-transform:uppercase; line-height:1.2em; width:460px; padding-top:42px; text-align:right; float: left; color:#06050c; letter-spacing:-8px;}
.text span{ display:block; margin-top:-49px;}
.text .text1{ font-size:50px; letter-spacing:-2px; margin-top:-29px; line-height:1.2em; margin-right:-5px;}

/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {	position:absolute; top:50%; margin-top:-58px;	z-index:99;	cursor:pointer;text-indent:-5000px; width:68px; height:68px;}
.nivo-prevNav {left:-76px;  display:block; background:url(../images/marker_left.png) no-repeat;}
.nivo-nextNav {right:0px; background:url(../images/marker_right.png) no-repeat;}
.nivo-prevNav:hover{ background:url(../images/marker_left_active.png) no-repeat}
.nivo-nextNav:hover{ background:url(../images/marker_right_active.png) no-repeat}



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

#content{ width:100%; overflow:hidden; padding-bottom:20px; color:#fff;}
#content2{width:100%; overflow:hidden; padding-top:30px; padding-bottom:29px;}
#content p{ line-height:20px; color:#fff;}

.pad_bot1{ padding-bottom:15px;}
.pad_bot2{ padding-bottom:4px;}
.marg_right1{ margin-right:20px;}
.marg_right2{ margin-right:10px;}

.button{ font-size:13px; color:#fff; text-transform:uppercase; background:url(../images/button1_bg.gif) top repeat-x #2057e9; display:inline-block; line-height:33px;border-radius:16px; -moz-border-radius:16px; -webkit-border-radius:16px; behavior: url(js/pie.php); position: relative; padding:0 16px; font-weight:400}
.button:hover{ text-decoration: none; background: url(../images/button1_hover.gif) 0 0 repeat-x #0b0f16}



.dropcap_1{ float:left; background:url(../images/dropcap_bg.png) 0 0 no-repeat; width:42px; height:42px; font-size:30px; color:#fff; font-weight:400; margin-right:9px; padding-bottom:21px;line-height:42px; text-align:center;}
.dropcap_2{ float:left; font-size:30px; color:#fff; line-height:1.2em; background:url(../images/dropcap_bg2.png) no-repeat; width:77px; height:71px; padding-top:6px; text-align:center; margin-right:8px;}
.dropcap_2 span{ display:block; margin-top:-6px;}

.calendar li{ padding-bottom:40px; width:100%; overflow:hidden}
.calendar .no_pad{ padding-bottom:0}

#content .standarts{ line-height:21px; margin-bottom:-15px;}
#content .standarts a{ color:#fff; padding-top:5px;}

.color1{ color:#2175cb}

.font1{ font-size:24px; line-height:1.2em; text-transform:uppercase; letter-spacing:-1px; display:block; padding-top:5px;}
.font1 span{ display:block; margin-top:-5px}

dl.list1{ margin-top:-5px; padding-bottom:8px;}
.list1 li, .list1 dd{ line-height:32px;}
.list1 a{ padding-left:15px; background:url(../images/marker_1.png) 0 4px no-repeat; color:#40434c}
.list1 a:hover{ color:#2175cb; text-decoration:none}
#content .list1 a{ color:#fff;}
#content .list1 a:hover{ color:#2175cb; text-decoration: none}

#page3 .marg_right2{ margin-right:40px}
#page4 .links1:hover{text-decoration:none; color:#fff;}
#page4 .links2:hover{text-decoration:none; color:#000;}
#page5 #content p{ padding-top:6px; padding-bottom:1px}
#page5 figure{ background:#e3e3e3; padding:5px; margin-bottom:15px;}
#page5 .marg_right2{ margin-right:115px;}
#page6 #content2{ padding-top:0; margin-top:-2px; line-height:20px;}
#page6 #content2 p{ padding-bottom:20px;}

#icons{ float:right; padding:2px 26px 0 0}
#icons li{ float:left; padding-left:17px;}

.carousel-box .inner1{ position:relative; width:100%;}
.gallery1{}
.works-list li{ float:left; width:440px; padding-right:40px; }
.gallery1 .pad_bot1 img{ padding-bottom:20px;}

.inner1 .next{ position:absolute; top:-55px; right:0px; background:url(../images/marker_right2.png) no-repeat; display:block; width:38px; height:33px;}
.inner1 .prev{ position:absolute; top:-55px; right:39px; background:url(../images/marker_left2.png) no-repeat; display:block; width:38px; height:33px;}
.inner1 .next:hover{ background:url(../images/marker_right2_active.png) no-repeat}
.inner1 .prev:hover{ background:url(../images/marker_left2_active.png) no-repeat}

iframe{ margin-top:-3px;}

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

footer { font-size:11px; color:#636363; padding:15px 37px 35px; text-align:right}
footer a{ color:#636363}
footer span{ text-transform:uppercase}

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

#ContactForm .textarea_box .bg{ height:156px;}
#ContactForm .wrapper{ min-height:55px;}
#ContactForm .textarea_box{ min-height:178px; width:100%; overflow:hidden}
#ContactForm .bg{ float:left; background:#e3e3e3; border:1px solid #c8c8c8;border-radius:16px; -moz-border-radius:16px; -webkit-border-radius:16px;behavior: url(js/pie.php); position: relative;}
#ContactForm a{ margin-right:10px; margin-left:5px;}
#ContactForm .input {width:387px; height:17px; background:none; padding:8px 15px;color:#40434c; font:14px Arial, Helvetica, sans-serif;}
#ContactForm textarea { overflow: auto; width:577px; height:140px; background:none; padding:8px 15px;color:#40434c; font:14px Arial, Helvetica, sans-serif;}