/* 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, html {height:100%;}

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

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

.bg1 {  background:url(../images/px1.jpg) 50% 50% repeat;min-width:940px;min-height:800px; position:absolute; z-index:0; left:0; top:0;}
.kolo1 { background:url(../images/kolo1.png) 50% 50% no-repeat; min-width:940px;min-height:800px;overflow:hidden; position:absolute; z-index:0;}
.kolo2 { background:url(../images/kolo2.png) 50% 50% no-repeat; min-width:940px;min-height:800px;overflow:hidden; position:absolute; z-index:0;}
.kolo3 { background:url(../images/kolo3.png) 50% 50% no-repeat; min-width:940px;min-height:800px;overflow:hidden; position:absolute; z-index:0;}

.block {height:78px;}
.extra {min-height:100%; height:auto !important; height:100%; margin: 0 auto -78px; position:relative;}
.bot { height:78px; position:relative; overflow:hidden;}
	.bot1{ height:78px; background:url(../images/bot_px1.jpg) repeat-x; position:absolute; left:0; top:78px; width:100%; z-index:10;}
	.bot2{height:78px; float:left; width:540px;}
	.bot3{height:78px; float:right; width:400px;}
	
.main { width:900px;min-height:800px;margin: 0px auto; padding-top:0px; }
.main2 { width:900px;min-height:800px; position:relative;}

#logo1 {position:absolute; top:370px; left:50px; z-index:10;}
#logo_splash1{display:block; text-indent:-9999px; background:url(../images/logo1.png) 0 0 no-repeat; width:360px; height:58px;}

#logo2 {position:absolute; top:-10px; left:270px; z-index:10; height:0; display:none;}
#logo_splash2{display:block; text-indent:-9999px; background:url(../images/logo1.png) 0 0 no-repeat; width:360px; height:58px;}

h2{ font-size:35px; line-height:1.2em; padding:10px 0 10px 0; letter-spacing:-2px;}
a{ color:#8ac4f1; text-decoration: underline; outline:none}
a:hover{ text-decoration: none; color:#FFFFFF;}


/* ============================= menu ====================== */
.enter1 {position: absolute; z-index:100; top:313px; left:523px;}
.enter1 img {position:relative; z-index:2;}
.enter1 .img_act{ position:absolute; z-index:2; top:0px; left:0px;}


.submenu{ position:absolute; z-index:20; top:100px; left:75px; width:139px; height:109px;}
.submenu ul{ position:relative; background:url(../images/submenu_bg.png) 0 0 no-repeat; width:129px; height:86px; padding-top:23px; padding-left:10px;}
.submenu li{ line-height:25px;}
.submenu a{ text-align:left; text-decoration:none; display:block; font-size:18px; color:#b3b3b3}
.submenu a:hover{ color:#fff}


#menu_bot { margin:30px 0 0 15px; height:30px;}
#menu_bot > li { float:left; margin-right:10px; height:30px; }
#menu_bot > li > a{ font-size:12px;  text-decoration:none; color:#9d9d9d;}
#menu_bot > li > a:hover, #menu_bot > .active > a{color:#fff}
.lines1 { background:url(../images/lines1.png) 0 8px no-repeat; width:6px;}

.menu {position: absolute; z-index:99; top:313px; left:523px;text-decoration:none;}

#menu { position:relative; top:0; left:0; font-size:30px; text-align:center; letter-spacing:-2px;text-decoration:none;}

#menu > li.b1 { position:absolute; top:0px; left:0px; width:148px; height:168px; background:url(../images/b1.png);text-decoration:none;}
#menu > li.b1 > a{ display:block;width:148px; height:168px; position: relative; overflow:hidden;text-decoration:none; }
#menu > li.b1 > a span{ position: absolute; z-index:0; top:0; left:0; background:url(../images/b1_over.png) 0 0 no-repeat; width:148px; height:168px;}
#menu > li.b1 > a p{ position: absolute; z-index:0; top:0; left:0; margin:70px auto; width:148px; }


#menu > li.b2 { position:absolute; top:0px; left:0px; width:148px; height:168px; background:url(../images/b2.png);}
#menu > li.b2 > a{ display:block;width:148px; height:168px; position: relative; overflow:hidden; text-decoration:none;}
#menu > li.b2 > a span{ position: absolute; z-index:0; top:0; left:0; background:url(../images/b2_over.png) 0 0 no-repeat; width:148px; height:168px;}
#menu > li.b2 > a p{ position: absolute; z-index:0; top:0; left:0; margin:70px auto; width:148px; }



#menu > li.b3 { position:absolute; top:0px; left:0px; width:148px; height:168px; background:url(../images/b3.png);}
#menu > li.b3 > a{ display:block;width:148px; height:168px; position: relative; overflow:hidden; text-decoration:none;}
#menu > li.b3 > a span{ position: absolute; z-index:0; top:0; left:0; background:url(../images/b3_over.png) 0 0 no-repeat; width:148px; height:168px;}
#menu > li.b3 > a p{ position: absolute; z-index:0; top:0; left:0; margin:70px auto; width:148px; }



#menu > li.b4 { position:absolute; top:0px; left:0px; width:148px; height:168px; background:url(../images/b4.png);}
#menu > li.b4 > a{ display:block;width:148px; height:168px; position: relative; overflow:hidden; text-decoration:none;}
#menu > li.b4 > a span{ position: absolute; z-index:0; top:0; left:0; background:url(../images/b4_over.png) 0 0 no-repeat; width:148px; height:168px;}
#menu > li.b4 > a p{ position: absolute; z-index:0; top:0; left:0; margin:70px auto; width:148px; }



#menu > li.b5 { position:absolute; top:0px; left:0px; width:148px; height:168px; background:url(../images/b5.png);}
#menu > li.b5 > a{ display:block;width:148px; height:168px; position: relative; overflow:hidden;text-decoration:none; }
#menu > li.b5 > a span{ position: absolute; z-index:0; top:0; left:0; background:url(../images/b5_over.png) 0 0 no-repeat; width:148px; height:168px;}
#menu > li.b5 > a p{ position: absolute; z-index:0; top:0; left:0; margin:70px auto; width:148px; }




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

.center1 { position:absolute; top:240px; left:10px; z-index:1; width:883px; height:494px;}
#content{ height:494px; padding: 0px 0 0 0; position: relative;}
#content > ul{position:relative;}
#content > ul > li{ width:100%; position:absolute; left:0; top:0;}

.box{ background-color:#000000; padding:30px 0px 0px 50px; height:464px; width:833px;}


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

.col1{ width:450px;}
.col2{ width:250px;}
.col3{ width:400px;}
.col4{ width:300px;}
.col5{ width:175px;}
.col6{ width:450px;}


.pad_left1{ padding-left:50px;}


.pad_1{ padding-left:10px;}

.upper{ text-transform:uppercase;}
.disk{ background:url(../images/li_st1.png) 0 8px no-repeat; color:#8ac4f1; padding-left:20px; text-decoration: underline; line-height:30px; }
.more1{ background:url(../images/more1.png) 0 0 no-repeat; width:111px; height:31px; text-align:center; font-size:20px; padding-top:5px; letter-spacing:-1px;text-decoration:none;}
.more1 a{text-decoration:none;}
.more2{ background:url(../images/more2.png) 0 0 no-repeat; width:90px; height:26px; text-align:center; font-size:20px; padding-top:2px; letter-spacing:-1px;text-decoration:none;}
.more2 a{text-decoration:none;}
.more3{height:26px; text-align:left; font-size:20px; padding-top:2px; letter-spacing:-1px;text-decoration:none;}
.more3 a{text-decoration:none;}

.box strong { color:#FFFFFF;}
.img1 { margin-right:15px; margin-bottom:10px;}
.gmap span { margin-left:0px;}





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


.photo { width:780px; padding-top:10px}
.photo > li{position:relative; z-index:1; float:left; width:370px; margin-right:20px; padding-bottom:50px;}

.photo .last{ padding-bottom:0}


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




.orange { color:#ff6b00 !important;}








.copyright{ margin-top:25px;}
.copyright p {display: block; margin-right:30px; margin-top:10px; font:11px Arial, Helvetica, sans-serif; color:#3b3b3b;}
.copyright a { color:#5f5f5f;}
.copyright img { margin-right:20px}


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

.scroll{height:430px; width:780px; overflow:hidden;}
.track{ background: url(../images/scroll_track.png) 0 0 no-repeat; left:790px; top:-10px; width:21px; position:absolute; height:447px; padding:0 0;}
.shuttle{ width:19px; height:72px; left:1px; background: url(../images/scroll_shuttle.png) 0 0 no-repeat;}
._up-butt{ width:19px; height:19px; margin:4px 0px 0px 1px; background: url(../images/scroll_up.png) 0 0 no-repeat;}
._down-butt{ width:19px; height:19px; margin-left:1px; background: url(../images/scroll_down.png) 0 0 no-repeat;}


/*================= Contacts =========================*/
.notification_error{ height: auto;width:410px;padding: 2px;background: #282828; text-align: left; color:#f00; border: 1px solid #5a5a5a; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius:4px; margin-bottom:5px}
.notification_ok{ border: 0px ; height: auto; width: 100%; padding: 8px; background: #0d0d0d; text-align: center;-moz-border-radius:4px; -webkit-border-radius: 4px; border-radius:4px  } 
 .info_fieldset legend { border: 1px #5a5a5a solid;  color: #fff;   font: 12px  Arial;  padding: 2px 5px 2px 5px; }

/* Label */
label  { width: 130px;  margin: 0px; color:#b3b3b3; float:left;  line-height:22px}

/* Input, Textarea */
input{ margin: 0px; padding: 0px;   border: 1px solid #434343;  color: #fff; background:#282828; font: 12px Arial, Helvetica, Arial, sans-serif; height:30px; margin-bottom:5px; width:280px; line-height:22px;-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius:4px}

textarea{margin: 0px; padding: 0px;   background:#282828; border: 1px solid #434343;  color: #fff;   font: 12px Arial, Helvetica, Arial, sans-serif; height:90px; margin-bottom:5px; width:280px; line-height:22px;-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius:4px}

.pin { 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:111px; height:31px; color:#fff; font-size:22px; margin-top:10px; margin-left:130px; cursor:pointer;  opacity:1; text-indent:-9999px;}
.pin:hover{ opacity:.5;}

#ajax-contact-form{ width:450px}