/* 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;}
.clear {clear:both;}
.table {display:table;}
.wrapper {width:100%; overflow:hidden;}
.relative {position:relative;}
.absolute {position:absolute;}

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

body{ background:#000; border:0; font: 12px Arial, Helvetica, sans-serif; color:#e1e1e1; line-height:18px; min-width:940px; position:relative; overflow:hidden;}

.block {height:100px;}
.extra {min-height:100%; height:auto !important; height:100%; margin: 0 auto -100px;}
body, html {height:100%;}




.spinner{ position:absolute; z-index:99; background:url(../images/loader.gif) 50% 50% no-repeat #000; width:100%; height:100%; top:0; left:0}
.bg_spinner{ position:absolute; z-index:1; background:url(../images/loader_bg.gif) 50% 50% no-repeat ; width:100%; height:100%; top:0; left:0}

.prev{width:28px; height:48px; position:absolute; left: 423px; top: 33px;}
.next{width:28px; height:48px; position:absolute; left: 463px; top: 33px;}


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

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

.top1{ position:absolute; z-index:10; background-color:#000000; width:100%; height:103px; top:-78px; left:0}

.bot1{ height:100px; position:relative; z-index:10;}

.bot2{ width:100%; height:110px;  position:absolute; z-index:10; top:-150px; left:0;}
.buttons1{ width:914px; height:110px; margin:0 auto; background:url(../images/menu1.png); position:relative;}

.bot3{ position:absolute; z-index:10; background-color:#000000; width:100%; height:50px; top:50px; left:0;}
.copyright{ width:614px; padding:15px 0 0 300px; margin:0 auto;}
.copyright span { margin-right:30px; font:13px "Times New Roman", Times, serif; color:#4f4f4f;}
.copyright a { color:#a1a1a1;}


#logo1 {position:absolute; z-index:10; width:100%; margin-top:-300px}
#logo_splash1{display:block; text-indent:-9999px; background:url(../images/logo1.png) 0 0 no-repeat; width:399px; height:75px; margin:0px auto 0}

#logo2 {position:absolute; z-index:11; width:100%; top:-75px}
#logo_splash2{display:block; text-indent:-9999px; background:url(../images/logo1.png) 0 0 no-repeat; width:399px; height:75px; margin:0px auto 0}



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

.col1, .col2, .col3, .cols{ float:left;}

.col1{ width:360px;}
.col2{ width:430px;}


.pad_left1{ padding-left:30px;}


a{ color:#afdfeb; text-decoration: underline; outline:none}
a:hover{ text-decoration: none}

h2{ font-size:40px; line-height:1.2em; padding:10px 0 10px 0;}
p{ padding-bottom:25px;}

#menu { padding:25px 0 0 15px;}
#menu > li { float:left; position:relative; margin-right:10px; width:120px; text-align:center;}
#menu > li > a{ display:block; font-size:22px; line-height:1.2em; text-decoration:none; position: relative; padding-top:18px; overflow:hidden; padding-bottom:20px;}
#menu > li > a span{ position: absolute; top:0; right:0; left:0; background:url(../images/menu_active.png) center 0 no-repeat; height:69px;}
#menu > li > a:hover, #menu > .active > a{color:#fff}

#menu .marg_right1{ margin-right:125px}
#menu .last{ margin-right:0}

.submenu{ position:absolute; top:-120px; left:-4px; width:127px; height:121px;}
.submenu ul{ position:relative; background:url(../images/submenu_bg.png) 0 0 no-repeat; width:127px; height:121px; padding-top:10px;}
.submenu li{ line-height:30px;}
.submenu a{ text-align:center; text-decoration:none; display:block; font-size:18px; color:#9a9a9a}
.submenu a:hover{ color:#fff}

/* ============================= header ====================== */




/* ============================= content ====================== */
#content{ height:514px; padding: 30px 0 0 0; position:relative; z-index:1}
#content > ul{position:relative;}
#content > ul > li{ width:100%; position:absolute; left:0; top:0;}

.upper{ text-transform:uppercase;}

.box{ background:url(../images/content_bg.png) 0 0 no-repeat; padding:50px 40px 50px 90px; height:414px;}

.close{ position:absolute; display:block; width:18px; height:20px; top:20px; right:20px}
.close img{ position:absolute; top:0; left:0; opacity:0.7;}


.radius1{border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.shadow1{box-shadow: 0px 0px 10px #000; -moz-box-shadow: 0px 0px 10px #000; -webkit-box-shadow: 0px 0px 10px #000;}
.img1 { margin-right:15px; margin-left:10px;}

.readmore { font-size:18px;}
.box strong { color:#FFFFFF;}
.add1 { color:#7c7c7c;}
.p_l_10 { padding-left:10px}


.video1 { width:238px; height:131px; position:relative; margin-bottom:10px;}
.video1 img {position:relative; z-index:2;}
.video1 span{position:absolute; z-index:2; margin:0 0 0 10px; top:0; left:0; background:url(../images/video_over.png) 50% 50% no-repeat #000; width:100%; height:100%;}

#video1 { width:790px; margin-top:10px}
#video1 li{position:relative; z-index:1; float:left; width:256px; padding-right:5px; padding-bottom:20px;}



.disk{ background:url(../images/li_disk.png) 0 5px no-repeat; padding-left:20px; text-decoration:underline; }


.photo2 { width:830px}
.photo2 > div{position:relative; z-index:1; float:left; width:199px; padding-right:5px; padding-bottom:10px;}
.photo2 img {position:relative; z-index:2;}
.photo2 .img_act{ position:absolute; z-index:2; top:9px; left:9px;}

.photo { width:830px; padding-top:10px}
.photo1 { width:181px; height:141px; position:relative; margin-bottom:10px;margin-right:20px; margin-bottom:20px;}
.photo1 img {position:relative; z-index:2;}
.photo1 span{position:absolute; z-index:2; margin:0 0 0 10px; top:0; left:0; background:url(../images/photo_over.html) 50% 50% no-repeat #000; width:100%; height:100%;}



.gmap span { margin-left:160px;}



/* ============================= jCarouselLite ====================== */

.carousel1 {position:relative; float:left; width:850px; height:330px; }
div.carousel1 > ul > li {position:relative; float:left; width:850px; height:330px;}

.carousel2 {position:relative; float:left; width:850px; height:330px; }
div.carousel2 > ul > li {position:relative; float:left; width:850px; height:330px;}

.carousel3 {position:relative; float:left; width:850px; height:330px; }
div.carousel3 > ul > li {position:relative; float:left; width:850px; height:330px;}

.go {margin:10px 0 0 370px;}
.go a {float:left;width:10px;height:11px;margin-left:5px;color:#7c7c7c; font-size:14px; text-decoration:none; }
.go a:hover {color:#ffffff; text-decoration:underline;}
.go .goActive {color:#ffffff; text-decoration:underline;}





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



/*===================== Scroll =====================*/

.scroll{height:414px; width:790px; overflow:hidden;}
.track{ background: url(../images/scroll_track.png) 0 0 no-repeat; left:800px; top:-10px; width:31px; position:absolute; height:432px; padding:0 0;}
.shuttle{ width:27px; height:112px; left:2px; background: url(../images/scroll_shuttle.png) 0 0 no-repeat;}
._up-butt{ width:27px; height:27px; margin:4px 0px 0px 2px; background: url(../images/scroll_up.png) 0 0 no-repeat;}
._down-butt{ width:27px; height:27px; margin-left:2px; background: url(../images/scroll_down.png) 0 0 no-repeat;}


/*================= Contacts =========================*/

.notification_error{ height: auto;width: 96%;padding: 2px; text-align: left; color:#f00;}
.notification_ok{ height: auto; width: 96%; padding: 2px; text-align: left; color:#fff;} 

.pinn { border:0; background:url(../images/submit.png) 0 0 no-repeat; display:block; text-align:center; line-height:25px; font-weight:bold; text-decoration:none; width:127px; height:36px; color:#fff; font-size:22px; margin-top:10px; cursor:pointer;  opacity:1; text-indent:-9999px;}
.pinn:hover{ opacity:.5;}

#note {
	position:absolute;
	z-index:2;
	width:100%;
	left: 170px;
	top: 395px;
}

/* Input, Textarea */
input{ margin: 0px; padding: 0px; float: left; border: 2px solid #dddddd;  color: #000; background:#9d9d9d; font: 14px Arial, Helvetica, Arial, sans-serif; height:35px; width:310px;border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin-bottom:5px;padding-left:5px}

.input{width:115px; text-align:center; padding-left:0px; margin-right:10px}

textarea{margin: 0px; padding: 0px; float: left; background:#9d9d9d; border: 2px solid #dddddd; color: #000; font: 14px Arial, Helvetica, Arial, sans-serif; height:135px; width:290px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;margin-bottom:5px ; padding-left:5px}