/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Jun 25, 2016, 10:32:52 AM
    Author     : root
*/
body{
  padding:0px;
  margin:0px;
  border:0px;
  background-color: rgb(125, 105, 105);
  background-image:url("Images/test2.jpg");width:100%;background-repeat:no-repea
t;background-attachment:fixed;background-position:top center;
  font-family: 'Play', sans-serif;
}

header{
  position: relative;
  margin:0px;
  border:0px;
  padding:0px;
  background-image:url("/var/www/Images/test_trans.png");background-repeat:no-repeat;background-size:contain;background-position:top right;
  min-height:320px;
  width:100%;
  font-family: 'Orbitron', sans-serif;
  font-weight: 400;
  font-size:42px;
  text-shadow:0px 0px 10px #FFFFF9;
  color: rgba(255, 255, 245, .99);
  letter-spacing: 12px;
}
.topLeft_header{
    position: absolute;
    top: 33px;
    left: 36px;
    color: rgba(255, 255, 245, .99);
}
.bottomLeft_header{
  position: absolute;
  bottom: 10px;
  left:36px;
}
footer{
  position: relative;
  margin:0px;
  border:0px;
  padding:0px;
  min-height:380px;
  width:100%;
  font-family: 'Orbitron', sans-serif;
  font-size:30px;
  color: rgba(245, 255, 240, .8);
}
.footer_head{
    position:relative;
    height:80px;
    width:100%;
    background-color:rgba(30,30,30,.4);
    font-size:17px;
    padding:0px;
    vertical-align:middle;
}
.footer_halfr{
    position:absolute;
    display:inline-block;
    height:53px;
    top:10px;
    left:20px;
    width:50%;
    border-left:1px solid gray;
    padding-top:7px;
    padding-left:20px;
}
.footer_halfl{
    position:absolute;
    display:inline-block;
    height:53px;
    top:10px;
    right:20px;
    width:50%;
    border-right:1px solid gray;
    border-left:1px solid gray;
    padding-top:1px;
    padding-left:20px;
}
.gimp_ban{
    display:inline-block;
    height:47px;
    width:200px;
    padding-left:7px;
    color:white;
}
.footer_list{
    position:absolute;
    top:80px;
    display:inline-block;
    margin:33px;
    margin-left:43px;
}
.footer_h1{
    margin-bottom:17px;
    font-size:20px;
    font-weight: 500;
    color: rgba(255, 255, 245, .99);
}
.footer_h2{
    margin-top:9px;
    margin-bottom:9px;
    font-size:13px;
    font-weight: 350;
    color: rgba(255, 255, 245, .99);
}
.footer_terms{
    position:absolute;
    left:10px;
    bottom:3px;
    margin:0px;
    font-size:13px;
    width:143px;
    height:33px;
    border-right:1px solid gray;
    border-left:1px solid gray;
    padding-top:17px;
    padding-bottom:3px;
    padding-left:3px;
    background-color:rgba(30,30,30,.4);
}
.footer_hostcred{
    position:absolute;
    right:0px;
    bottom:14px;
    margin:0px;
    font-size:19px;
    width:300px;
    padding:7px;
}
.nav_footer{
    position: fixed;
    margin:0px;
    height:70px;
    width:100%;
    bottom:0px;
    background:url(Images/web_bottom_v0_a40.png) no-repeat center center;
    background-size:100% 100%;
    font-family: 'Play', sans-serif;
    font-size:20px;
}
.nav_bloc{
    position:absolute;
    display:inline-block;
    left:230px;
    top:17px;
}
.nav_bloc1{
    position:absolute;
    display:inline-block;
    left:410px;
    top:17px;
}
.nav_bloc2{
    position:absolute;
    display:inline-block;
    left:590px;
    top:17px;
}
.nav_bloc3{
    position:absolute;
    display:inline-block;
    left:770px;
    top:17px;
}
.nav_bloc4{
    position:absolute;
    display:inline-block;
    left:950px;
    top:17px;
}
.nav_bloc5{
    position:absolute;
    display:inline-block;
    left:1130px;
    top:17px;
}
.nav_button{
   background-color: rgba(249,245,240,.74);
   background-image:url("Images/web_h2_bak_v0.png");background-repeat:no-repeat;background-size:cover;background-position:bottom left;
   height:31px;
   width:120px;
   font-weight:bold;
   font-size:18px;
   text-shadow:-1px -1px 0px rgb(205,207,164);
   vertical-align:bottom;
   text-align:left;
   padding-left:12px;
   padding-top:1px;
   padding-bottom:3px;   
   border-radius:5px;
   box-shadow:2px 2px 3px white inset;
   border:solid;
   border-top-color:#AAAAAA;
   border-left-color:#AAAAAA;
   border-right-color:#444444;
   border-bottom-color:#444444;
   border-width:2px;
   color:rgb(105,87,64);
}
.nav_I{
    padding:0px;
    vertical-align:bottom;
    display:inline-block;
    width:43px;
    height:27px;
    font-size:27px;
    font-family: 'PT Serif', serif;
}
.intro_but_l{
    position:relative;
    display:inline-block;
    margin:0px;
    margin-right:0px;
    margin-bottom:12px;
    padding:0px;
    vertical-align:middle;
    width:6%;
}
.intro_but_r{
    position:relative;
    display:inline-block;
    vertical-align:middle;
    margin:0px;
    margin-bottom:12px;
    width:90%;
}
main{
  background-color: rgba(209, 205, 190, .75);
  min-height:320px;
  min-width:420px;
  margin:0px;
  border:0px;
  padding:0px;
}
.main_block{
   width:75%;
   margin-left:6%;
   margin-right:19%;
   padding:30px;
   font-size:21px;
}
.section_block{
    background-color: rgba(249,245,240,.94);
    padding:45px;
    box-shadow: 3px 3px 3px #333 inset;
    border-radius: 9px;
    margin-top:30px;
    margin-bottom:30px;
}
h3{
    border-top: 1px solid gray;
    font-size:25px;
    padding-top:7px;
    margin-top:90px;
    margin-bottom:25px;
}
.screenshot{
    position:relative;
    text-align:center;
    margin-top:5px;
    margin-bottom:5px;
    padding:7px;
    background-color:rgba(255,255,255,1);
    border-radius:12px;
    border:solid;
    border-width:3px;
    border-color:rgb(155,150,100);
    box-shadow: 3px 3px 5px #333 inset;
}
.co{
    position: relative;
    font-size:19px;
    margin-top:5px;
    margin-bottom:5px;
    padding:9px;
    background-color: rgba(0, 0, 0, 0.85);
    color: rgba(215, 255, 190, 0.95);
}
.coc{
    font-size:19px;
    margin-top:12px;
    margin-bottom:19px;
    padding:9px;
    padding-left:12px;
    padding-right:12px;
    background-color: rgba(0, 0, 0, 0.85);
    color: rgba(215, 255, 190, 0.95);
}
code {
    font-size:19px;
    background-color: rgba(255,255,255, 0.3);
    color: rgba(015, 055, 0, 0.99);
}
.bcl{
    position:relative;
     background:url(Images/web_gradleft_brn_icon_a60.png) no-repeat center left,url(Images/web_gradright_brn_icon_a60.png) no-repeat center right,url(Images/test2.jpg) top center;
     background-size:contain,contain,cover;
     min-height:60px;
     min-width:90%;
     padding:0px;
     margin:0px;
     margin-top:38px;
     margin-bottom:42px;
     border:3px;
     border-color:black;
     box-shadow:0px 2px 3px #666661, 0px 20px 30px rgba(220, 220, 215, 0.6) inset;
     /*box-shadow: 3px 3px 1px #333 inset;*/
     padding:7px;
     padding-left:10px;
     padding-right:10px;
     border-radius: 15px;
     border-bottom-style:solid;
     border-bottom-width:1px;
     border-bottom-color: rgba(20, 20, 15, 0.9);
}
.bcl_ex{
    /* take this min-width setting out later and make it reset with javascript */
    min-width:90%;
    background-image:url("Images/test2.jpg");background-repeat:no-repeat;background-attachment:fixed;background-position:top center;
    margin:0px;
    margin-top:20px;
    margin-bottom:20px;
    border:3px;
    border-color:black;
    box-shadow: 3px 3px 1px #333 inset;
    padding:0px;
    padding-bottom:19px;
    border-radius: 15px;
}
.bcl_in{
    margin:9px;
    margin-top:19px;
    margin-left:42px;
    margin-right:42px;
    opacity:0.93;
    background-color:rgba(249,245,240, 1.0);
    padding-top:19px;
    padding-bottom:21px;
    padding-left:0px;
    padding-right:5px;
    border-radius:9px;
    border: 3px;
    border-color:ghostwhite;
    box-shadow: 3px 3px 3px ghostwhite;
}
.bcl_in3{
    margin-top:32px;
    margin-bottom:32px;
    margin-left:42px;
    margin-right:42px;
    opacity:0.93;
    background-color:rgba(249,245,240, 1.0);
    padding-top:2px;
    padding-bottom:21px;
    padding-left:0px;
    padding-right:5px;
    border-radius:5px;
    border: 3px;
    border-color:ghostwhite;
    box-shadow: 3px 3px 3px ghostwhite;
}
.bcl_top{
    position: relative;
    text-align:center;
    font-size:25px;
    font-weight:bold;
    padding-left:8px;
    padding-top:7px;
    padding-bottom:0px;
    padding-right:8px;
    background:url(Images/web_gradleft_brn_icon_a60.png) no-repeat center left,url(Images/web_gradright_brn_icon_a60.png) no-repeat center right;
    background-size:contain, contain;
    background-origin:padding-box, padding-box;
    border-bottom-style:solid;
    border-bottom-width:1px;
    border-bottom-color: rgba(20, 20, 15, 0.9);
    box-shadow: 0px 2px 3px #666661, 0px 20px 30px rgba(220, 220, 215, 0.6) inset;
    margin_top:3px;
    margin-left:0px;
    margin-right:0px;
    border-radius:0px;
    margin_bottom:20px;
    min-height:56px;
}
.bcl_h{
    margin:3px;
    margin-left:12px;
    min-height:48px;
    padding:6px;
    padding-bottom:0px;
    font-size:25px;
    font-weight:bold;
    vertical-align: text-bottom;
}
.bcl_txt{
    background-color:rgba(249,245,240, 1.0);
    opacity:1.0;
    margin:auto;
    margin-top:21px;
    margin-bottom:21px;
    padding-left:37px;
    padding-right:37px;
}
.bcl_txt3{
    background-color:rgba(249,245,240, 1.0);
    opacity:1.0;
    margin:auto;
    margin-top:21px;
    margin-bottom:21px;
    padding-left:37px;
    padding-right:37px;
}

.btn_right{
    position:absolute;
    top: 2px;
    right:7px;
}
.btn_left{
    position:absolute;
    top: 2px;
    left:7px;
    margin-bottom:0px;
}
.btn_grp{
    margin-left:6px;
    margin-bottom:0px;
    border-radius:9px;
}
.testpos{
    min-height:45px;
    min-width:45px;
    background-color:rgba(255,200, 0, 1.0);
    position:absolute;
    right: 0px;
    top:0px;
}