/*Main css class for uncle website*/
body{
    margin: 0px;
    padding: 0px;
    background-color: black;
    /* _overflow:hidden; */
}

.floating_div{
    position: absolute;
    width: 200px;
    height: 350px;
    background-color: aqua;
    z-index: 999999;
}

.main{
    width: 1024px;
    /*overflow:auto;*/
    background-color: #80CFEE;
}

.background{
    background-image:url("../img/clean.jpg");
    background-repeat:no-repeat;    
    width: 1024px;
    display:block;
    margin: auto;
    position: relative;
}
.background2 {
    background-image:url("../img/clean2.jpg");
    background-repeat:no-repeat;    
    width: 1024px;
    display:block;
    margin: auto;
    position: relative;
    padding-top: 120px;
}
.background3 {
    background-image:url("../img/missionBack.jpg");
    background-repeat:no-repeat;    
    width: 1024px;
    display:block;
    margin: auto;
    position: relative;
    padding-top: 0px;
    border-top: 1px #80CFEE solid;
}

.banner{
    position: relative;
    width: 100%;
    height: 730px;
}

.uncle_works_wrapper{
    position: relative;
   
    width: 100%;
    height: 490px;
    
}

.uncle_works{
    position: relative;
    left: 293px;
    top: 29px;
    width: 450px;
    height: 432px;
    float: left; 
}

.uncle_work{
    width: 104px;
    height: 104px;
    /*background-color: white;*/
    margin-right: 2px;
    margin-bottom: 2px;
    float: left;
    border: 2px #06808D solid;
    position: relative;
}
.WorksCount {
    width: 104px;
    height: 104px;
    /*background-color: white;*/
    margin-right: 2px;
    margin-bottom: 2px;
    position: absolute;
    top: 0px;
    left: 0px;
}
.workNew { 
     border: 2px Yellow solid;
    position: absolute;
    top: -2px;
    left: -2px;
 }

.works_navigation{
    position: absolute;
    top: 440px;
    right: 75px;
    font-family: Chocolate Amargo;
    font-size: 10px;
    color: white;
}

.next_page{
     width:70px; height:20px; position: absolute; top: 0px; left: -180px; cursor:pointer;
}

.previous_page{
     width:70px; height:20px; position: absolute; top: 0px; left: -90px; cursor:pointer;
}

.pdf_wrapper{
   position: relative; 
   width: 100%;
   height: 175px;
}

.pdf_size{
    position: absolute;
    left: 770px;
    top: 90px;
    font-size: 20px;
    color: white;
    width: 150px;
    text-align: center;
}

a.pdf_size_link {

display:block;
height:100px;
left:790px;
position:absolute;
top:10px;
width:110px;
}

.client_list{
    position: relative;
    width: 100%;
    height: 400px;
    /*border: 1px solid yellow;*/
}

.words_of_uncle_wrapper{
    position: relative;
    left: 0px;
    width: 100%;
    height: 500px;
}

.words_of_uncle{
    position: absolute;
    left: 0px;
    top: 3px;
    width: 410px;
}

.words_of_uncle_last_blogs{
    position: absolute;
    top: 140px;
    left: 5px;
    width: 190px;
    height: 200px;
    
    
}

.words_of_uncle_blog_title{
    font-family: Chocolate Dulce;
    color: white;
    font-size: 20px;
    margin-top: 0px;
    padding: 0px;
    margin: 0px;
    margin-bottom: 1px;
    height: 30px;
}

.blog_title{
    font-family: Chocolate Amargo;
    color: #8FCCDC;
    font-size: 1px;
    letter-spacing:1px;
    padding: 0px;
    margin: 0px;
    margin-bottom: 8px;
    _margin-bottom: 0px;
    line-height: 2px;
    height: 12px;
    _height: 5px;
}
.blog_title object { _margin-bottom: -6px; }

.blog_date{
    font-family: tahoma, sans-serif;
    font-size: 11px;
    color: white;
    line-height: 8px;
    margin-top:0px;
    margin-bottom: 4px;
    padding:0px;

}

.words_of_uncle_filter{
    position: absolute;
    font-family: Chocolate Dulce;
    color: white;
    font-size: 20px;
    bottom: 62px;
    left: 5px;
    width: 150px;
    height: 30px;
}

.filter_year, .filter_month {
     background-image: url('../img/filter.jpg');
     background-position: 80px 4px;
     background-repeat: no-repeat;
     cursor: pointer;
}
.filter_year_select {
     background-color: #7ED1F1;
     width: 105px;
     position: absolute;
     z-index: 999;
     top: 2260px;
     left: 256px;
     font-family: arial;
     font-size: 11px;
     display: none;
}
.filter_year_select span, .filter_month_select span {
     display: block;
     margin: 3px;
}
.filter_year_select span a, .filter_month_select span a {
     font-family: arial;
     font-size: 11px;
     color: Black;
     text-decoration: none;
}
.filter_year_select span a:hover, .filter_month_select span a:hover {
     text-decoration: underline;
}

.filter_month_select {
     background-color: #7ED1F1;
     width: 105px;
     position: absolute;
     z-index: 10;
     top: 2260px;
     left: 365px;
     font-family: arial;
     font-size: 11px;
     display: none;
}

.filter{
    position: absolute;
    bottom: 40px;
    float: right;
    left: 5px;
}
.filter_year, .filter_month{
    position: relative;
    float: left;
    width: 105px;
    height: 20px;
    color: black;
    background-color: #7ED1F1;
    font-family: arial;
    font-size: 11px;
    display: block;
    margin-right: 4px;
}

.year, .month{
    position: absolute;
    top: 3px;
    left: 3px;
}

.words_of_uncle_blog_wrapper{
    position: absolute;
    right: 5px;
    width:440px;
    height: 421px;
    top: 8px;
    overflow-y: hidden;
    overflow-x: hidden;
    /*border: 1px red solid;*/
}

.words_of_uncle_subwrapper{
    position: absolute;
    width: 675px;
    height: 445px;
    left: 256px;
    top: 30px;
}

.scrollbar{
    top:10px;
    position: absolute;
    right: 0px;
    height: 445px;
    width: 70px;
}
a.up_arrow{
    right:0px;
    top: 0px;
    position: absolute;
    cursor:pointer;
    background-image: url('../img/blogArrowUp.png');
    background-repeat: no-repeat;
    width: 22px; height: 12px;
}
a.up_arrow:hover{
    right:0px;
    top: 0px;
    position: absolute;
    cursor:pointer;
    background-image: url('../img/blogArrowUpOn.png');
    background-repeat: no-repeat;
    width: 22px; height: 12px;
}

a.bottom_arrow{
    right:0px;
    position: absolute;
    bottom: 0px;
    cursor:pointer;
    background-image: url('../img/blogArrowDown.png');
    background-repeat: no-repeat;
    width: 22px; height: 12px;
}
a.bottom_arrow:hover{
    right:0px;
    position: absolute;
    bottom: 0px;
    cursor:pointer;
    background-image: url('../img/blogArrowDownOn.png');
    background-repeat: no-repeat;
    width: 22px; height: 12px;
}

.words_of_uncle_subwrapper{
    position: absolute;
    width: 675px;
    height: 445px;
    left: 256px;
    top: 30px;
}

.wordsTime { color: White; font-family: Tahoma, sans-serif; font-size: 11px; }
.wordsTime span.date {}
.wordsTime span.who { font-weight: bold; }
.wordsImg { margin-top: 10px; }
.wordsText { margin-top: 5px; color: White; font-family: Tahoma, sans-serif; font-size: 11px; }
.wordsText p { margin: 0px; padding: 0px; }

.prev_next{
    position: absolute;
    bottom: -4px;
    right: 160px;
    font-size: 13px;
    color: #5BA3B6;
}

.hand_cursor{
    cursor: pointer;
}

.the_order_of_uncle{
    top: 7px;
    left: 0px;
    position: relative;
    height: auto;
    background-image: url(../img/uncle_statement_pixel_background.jpg);
}

.the_order_of_uncle_header{
    top: 0px;
    width: 100%;
    height: 240px;
    background-image: url(../img/uncle_statement_background2.jpg);
}

.the_order_of_uncle{
    width: 100%;
    height: 100%;
}



.the_order_of_uncle_pixel_background{
    position: relative;
    background-image: url(../img/lineBackground.jpg);
    background-position: bottom;
    background-repeat: repeat-x;
    background-position: bottom;
    width: 100%;
    
}

.the_order_of_uncle_image{
    margin-top: -240px;
    position: relative;
}

.uncles_people_wrapper{
    position: relative;
    /*background-image: url(../img/pixel_background0.jpg);*/
    background-repeat: repeat;
    /*height: 700px;*/
    top: 0px;
}

.uncle_people_header{
    background-image: url(../img/uncle_titulek.png);
    width: 100%;
    height: 150px;
    background-position: center;
    background-repeat: no-repeat;
    margin-top: -80px;
    position: absolute;
}

.uncle_people_inner_wrapper{    
    width: 100%;
    background-position:bottom;
    background-repeat: no-repeat;
    background-image: url(../img/background1.jpg);
    margin-top: 5px;
}

.uncle_people_paragraph{
    position: relative;
    margin-top: -30px;
    width: 100%;
    height: 170px;
    text-align: center;
}
.uncle_people_paragraph img {
     position: relative;
     margin-top: 50px;
     %margin-top: 90px;
}

.uncle_people{
    position: relative;
    width: 700px;
    /*margin: auto;*/
    margin-left: 183px;
    margin-top: 25px;
    $margin-top: 60px;
}

.uncle_person_container{
    position: relative;
    float: left;
    margin: 12px;
}

.generator{
    position: relative;
    width: 100%;
    /*border: 1px red solid;
    margin-top: 280px;
    %margin-top: 285px; */
}

.uncle_person_name {
     width: 138px;
}
.crowd_photo {
     %margin-bottom: 5px; 
}

.uncle_person_linkedin {
     margin-top: 5px;
     width: 138px;
}


/**/
/* LZ */
.mainMenu {
     width: 161px;
     height: 297px;
     _position:absolute;
     z-index: 1000;
     top: 300px;
     background-image: url('../img/menu_off.png');
     background-repeat: no-repeat;
     /*display: none;*/
}
.mainMenu a {
     display: block;
     position: absolute; 
     left: 10px;
     height: 21px;
     
}
.mainMenuLink {
     position: absolute;
     top: 10px;
     left: 10px;
     background-color: Blue;
}
.menuSide {
     position: absolute;
     background-image: url('../img/menu_side.png');
     width: 62px;
     height: 76px;
     top: 70px;
     left: 161px;
}
.newPost {
     position: absolute;
     background-image: url('../img/newpost.png');
     width: 106px;
     height: 68px;
     top: 11px;
     left: 169px;
     display:none;
}
.newPostPoint {
     background-image:url(../img/newpostpoint.png);
     height:10px;
     left:120px;
     position:absolute;
     top:122px;
     width:11px;
     display:none;
}
a.b01 {
     top: 44px;
     width: 107px;
     z-index: 556;
}
a.b01:hover {
     background-image: url('../img/b01.jpg');
}
a.b02 {
     top: 80px;
     width: 135px;
}
a.b02:hover {
     background-image: url('../img/b02.jpg');
}
a.b03 {
     top: 116px;
     width: 135px;
}
a.b03:hover {
     background-image: url('../img/b03.jpg');
}
a.b04 {
     top: 153px;
     width: 120px;
}
a.b04:hover {
     background-image: url('../img/b04.jpg');
}
a.b05 {
     top: 189px;
     width: 115px;
}
a.b05:hover {
     background-image: url('../img/b05.jpg');
}
a.b06 {
     top: 225px;
     width: 125px;
}
a.b06:hover {
     background-image: url('../img/b06.jpg');
}
a.b07 {
     top: 261px;
     width: 100px;
}
a.b07:hover {
     background-image: url('../img/b07.jpg');
}

/**/
div.bird01 {
     width: 35px;
     height: 40px;
     position: absolute;
     left: 106px;
     top: -6px;
}
div.bird02 {
     width: 40px;
     height: 31px;
     position: absolute;
     left: 160px;
     top: 166px;
}

/* final prelaunch */
#blog {
     color:White;
     font-family:Tahoma,sans-serif;
     font-size:11px;
}

.youtube_video{
    position:relative;
    bottom:0px;
}

.youtube_video a{
    color:white;
    font-size:11px;
    font-family:tahoma, sans-serif;
}

#order, #belief, #sin, #uncle, #prayer {
     text-align: center;
}
#order img, #belief img, #uncle img, #tppd img, #prayer img {
     margin-top: 10px;
     margin-bottom: 10px;
}
.tppdWrapper { position: absolute; top: 255px; left: 310px; width: 440px; height: 235px; }
#tppd { margin: auto; }
#client {
     position: relative; top: 170px; left: 240px;
}
#sin {
     margin-top: 550px;
      text-align: center;
}
#sin img {
     margin: auto;
}
#fact {
     display: none;
}

.filterNew {
     position: absolute;
     bottom: 5px;
}
a.contact {
     display:block;
     height:40px;
     left:430px;
     position:absolute;
     top:160px;
     width:180px;
}
.uncle_work .year { display: none; }
.uncle_work .month { display: none; }

/**/
/**/
/* crowd tooltip - inner */
.ToolTip .Text {
     color: #2E5753;
     font-family: Arial, Helvetica, sans-serif;
     font-size: 11px;
}
.ToolTip .Text p {
     position: relative;
     top: -10px;
}
.ToolTip .Text h1 {
     color: #2C7BC0;
     font-weight: bold; 
     font-size: 18px;
     text-transform: uppercase;
     margin: 0px;
     padding-bottom: 9px;
}
.ToolTip .Text h2,
.ToolTip .Text h3,
.ToolTip .Text h4,
.ToolTip .Text h5 {
     color: #2E5753;
     font-weight: normal; 
     font-size: 14px;
     padding-bottom: 14px;
     text-transform: uppercase;
     display: block; margin: 0px;
     margin-bottom: 5px;
}
a.linkedinInnerlink {
     color: #6EA3D5;
     text-transform: uppercase;
     font-size: 11px;
     text-decoration: none;
}

/* works tooltip - inner */
.ToolTip2 .Text2 {
     color: #FFFFFF;
     font-family: Arial, Helvetica, sans-serif;
     font-size: 11px;
}
.ToolTip2 .Text2 p {
     position: relative;
     top: -10px;
}
.ToolTip2 .Text2 h1 {
     color: #FFFFFF;
     font-weight: bold; 
     font-size: 18px;
     padding-bottom: 10px;
     text-transform: uppercase;
     display: block; margin: 0px;
}
.ToolTip2 .Text2 h2,
.ToolTip2 .Text2 h3,
.ToolTip2 .Text2 h4,
.ToolTip2 .Text2 h5 {
     color: #FFFFFF;
     font-weight: normal; 
     font-size: 15px;
     padding-bottom: 14px;
     text-transform: uppercase;
     display: block; margin: 0px;
}
.ToolTip2 .Text2 h2 strong { font-weight: normal; }

/**/
/* blog */
.words_of_uncle_blog_wrapper span.header {
     display: block;
     color: #7ED0F6;
     font-family: Arial, Helvetica, sans-serif;
    /* font-style: italic;*/
     font-weight: normal;
     font-size: 25px;
     margin-top: 5px;
     margin-bottom: 5px;
}

span.header{
    cursor:pointer;
}

.words_of_uncle_blog_wrapper .year,
.words_of_uncle_blog_wrapper .month,
.words_of_uncle_blog_wrapper .day {
     position: static;
}
#blog_contents { color: White; }
#blog_contents span.header {
     display: block;
     color: #7ED0F6;
     font-family: Arial, Helvetica, sans-serif;
     /*font-style: italic;*/
     font-weight: normal;
     font-size: 13px;
}
#blog_contents .year,
#blog_contents .month,
#blog_contents .day {
     position: static;
     font-size: 12px;
     color: #FFFFFF;
}
p.blog_filter {
     height: 18px;
     padding: 0px;
     margin: 0px;
     margin-bottom: 15px;
     margin-left: 5px;
}

#footer {
     background-color:#A9A5A6;
     background-image:url(../img/background2.jpg);
     background-position:left bottom;
     background-repeat:no-repeat;
     height:1225px;
}


a.worksHover {
     position: absolute; display: block;
     top: 580px;
}
a.crowdHover {
     position: absolute; display: block;
     top: 4270px;
}
a.b07 { cursor: pointer; }
div#contactBox {
     position: absolute;
     z-index: 9999;
     background-color: White;     
     left: 20px;
     height: 934px;
     width: 981px;
     background-image: url(../img/contactBox.jpg);
     display: none;
}
div#ContactOverlay {
     background-color:#000000;
     height:500px;
     left:0;
     position:absolute;
     top:0;
     width:100%;
     z-index:5;
     display: none;
}
div.closeContact {
     position: absolute;
     right: 0px; bottom: 0px;
     background-image: url(../img/closelabel.gif);
     width: 66px;
     height: 22px;
     cursor: pointer;
}


div#clientMap a {
    background-image: url(../img/blank.gif);  
    display: block; position: absolute;   
}