* {
margin: 0px;
padding: 0px;
}

html, body {
height:100%;
width: 100%;
}

@font-face {
    font-family: 'univ';
    src: url('../fonts/univ57cond.eot');
    src: url('../fonts/univ57cond.eot?#iefix') format('embedded-opentype'),
         url('../fonts/univ57cond.woff') format('woff'),
         url('../fonts/univ57cond.ttf') format('truetype'),
         url('../fonts/univ57cond.svg#Univers57CondensedRegular') format('svg');
	font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'anton';
    src: url('../fonts/anton.eot');
    src: url('../fonts/anton.eot?#iefix') format('embedded-opentype'),
         url('../fonts/anton.woff') format('woff'),
         url('../fonts/anton.ttf') format('truetype'),
         url('../fonts/anton.svg#AntonioRegular') format('svg');
	font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'pay';
    src: url('../fonts/paytoneone.eot');
    src: url('../fonts/paytoneone.eot?#iefix') format('embedded-opentype'),
         url('../fonts/paytoneone.woff') format('woff'),
         url('../fonts/paytoneone.ttf') format('truetype'),
         url('../fonts/paytoneone.svg#PaytoneOneRegular') format('svg');
	font-weight: normal;
    font-style: normal;
}

body {
font-family: univ, sans-serif;
/* background-image: url('../img/WEBbarcodeProd.1280X800.jpg'); */ 
/* background-image: url('../img/brozsekDesign.0002.jpg'); */

background-color: black;/*
background-image: url('../img/bg2.jpg'); 
background-repeat:no-repeat;*/

/* background-color: gray; */
font-size: 1em;
/* display: inline-block; */
}


.bg {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -999;
}
.bg img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 1280px;
  height: 800px;
  
  animation-name: show-for-a-while;
  animation-duration: 50s; /*50s;*/
  animation-iteration-count: infinite;
  animation-fill-mode: both;
}
.bg img:nth-child(1) { animation-delay: -50s; }
.bg img:nth-child(2) { animation-delay: -40s; }
.bg img:nth-child(3) { animation-delay: -30s; }
.bg img:nth-child(4) { animation-delay: -20s; }
.bg img:nth-child(5) { animation-delay: -10s; }
.bg img:nth-child(6) { animation-delay: 0s; }
.bg img:nth-child(7) { animation-delay: 10s; }

/* Add .debug class to see the images. */
/*.bg.debug img:nth-child(1) { margin-top: 1em; }
.bg.debug img:nth-child(2) { margin-top: 2em; }
.bg.debug img:nth-child(3) { margin-top: 3em; }
.bg.debug img:nth-child(4) { margin-top: 4em; }
.bg.debug img:nth-child(5) { margin-top: 5em; }*/


@keyframes show-for-a-while {
  0%,20% { opacity: 1; }
  25%,95% { opacity: 0; }
}

li {
 list-style-type: disc;/* square; *//* disc; */
 list-style-position: inside;
 }
 
table  {
border-collapse:collapse;
text-align: center;
empty-cells: show;
white-space:nowrap;
overflow: hidden;
empty-cells: show;
}

td{
/* border: 1px solid black; */
}

.allContent {
width: 1280px;
/* margin: 1 auto; */
}


/* ------------------- HEADER ------------------- */
#headerTable {
table-layout:fixed;
white-space: nowrap;
width: 1280px;
/* border: 3px solid red; */
white-space:nowrap;
overflow: hidden;
empty-cells: show;
color: white;
}

#headerMainTable {
table-layout:fixed;
white-space: nowrap;
width: 100%;
text-align: center;
}

#logoTable {
height: 100px;
width: 100px;
margin-left: 62px;
/* border: 1px solid red; */
text-align:left;
}

#belaTable{
text-align: center;
width: 100%;
}

#belaName {
font-family: anton;
font-size: 2.6em;
letter-spacing: 7px;
color:rgb(241, 231, 5);
color:yellow;
}

#belaNameDIV {
/* padding-top: 4px; */
height:30px;
}

#belaSubtitles {
/* line-height: 35px; */
font-family: pay;
font-size: 1.4em;
letter-spacing: 31.5px;
padding-top: 18px;
padding-left: 29px;
/* background-color: black; */
}

 #menuCrossBar {
/* background-color: green; */
background-image: url('../img/blackTransparent1X35.png');
background-repeat:repeat-x;
height: 35px;
width: 100%;
 }

#headerMenuTable {
width: 100%;
text-align: center;
margin-left:62px;
margin-top:-31px;
width: 1156px;
table-layout:fixed;
white-space: nowrap;
font-family: anton;
font-size: 1.3em;
/* letter-spacing: 7px; */
/* border: 1px solid red; */
}

#innerMenuTable {
table-layout:fixed;
white-space: nowrap;
/* width: 100%; */
/* border: 3px solid red; */
white-space:nowrap;
overflow: hidden;
empty-cells: show;
color: gray;
width:100%;
}

#innerMenuTable table{
/* border: 1px solid blue; */
width:100%;
}

#firstMenuTable {
text-align: left;
}

#secondMenuTable {
text-align: left;
margin-left: 5px;
}

#thirdMenuTable {
text-align: left;
margin-left: 50px;
}

#fourthMenuTable {
text-align: left;
margin-left: 50px;
}

#lastMenuTable {
text-align: right;
margin-left: -11px;
color: white;
}
/* ------------------- HEADER END ------------------- */


/* ------------------- CONTENT ------------------- */
#yellowText {
color: yellow;
font-size: 1.1em;
/*border: 1px solid blue;*/ 
}

div.embeddedImageRight {
float: right;
width:100px;
margin: 0px;
padding: 0px;
padding-top: 15px;
margin: 5px;
}

#mainContent {
margin: 0px;
padding:0px;
/* border: 1px solid blue; */
}

#mainContentTable td{
margin: 0px;
padding:0px;
/* border: 1px solid blue; */
vertical-align: top;
}

#mainContentTable {
/* width:1190px; */
margin: 0px;
padding:0px;
vertical-align: top;
margin-left:45px;
margin-top: 110px;
margin-right:35px;
}

#leftTable {
margin: 0px;
padding:0px;
width:895px;
}

#leftTable td{
margin: 0px;
padding:0px;
/* border: 1px solid yellow; */
}

#leftBlock {
/* width: 250px; */
height: 605px;
margin: 0px;
padding:0px;
}

#leftBlockTable {
margin-top: 0px;
padding:0px;
text-align: left;
height:100%;
color: white;
width: 250px;
/*background-image: url('../img/1X430_80P_black.png');
background-repeat:repeat;*/
background: black;
white-space:normal;
font-family: univ;
font-size: 0.9em;
/*border: solid 1px yellow;*/
}

#leftBlockTable img {
	padding-top:11px;
	padding-left: 7px;
}

#leftBlockTable td{
margin-top: 35px;

/*padding:0px;*/
padding-left:15px;
padding-right:15px;
}

#capT {
font-family: pay;
font-size: 2em;
}

#leftSpacer {
margin: 0px;
padding:0px;
width: 35px
}

@supports ( box-shadow: 2px 3px 8px rgba(0,0,0,0.40) ) or
          ( -moz-box-shadow: 2px 3px 8px rgba(0,0,0,0.40) ) or
          ( -webkit-box-shadow: 2px 3px 8px rgba(0,0,0,0.40) ) or
          ( -o-box-shadow:  2px 3px 8px rgba(0,0,0,0.40) ) 
	{
				#leftBlockTable, 
				#leftBlockTableWeb, 
				#leftBlockTableGraphics, 
				#leftBlockTableArt, 
				#leftBlockTableDevelopment,
				#leftBlockTableAchievements,
				#rightBlock,
				#rightBlockTable,
				#rightTable,
				#mailForm
				{
				-webkit-box-shadow: 2px 3px 8px rgba(0,0,0,0.40); 
				-moz-box-shadow:  2px 3px 8px rgba(0,0,0,0.40);  
				-o-box-shadow:  2px 3px 8px rgba(0,0,0,0.40);  
				box-shadow:  2px 3px 8px rgba(0,0,0,0.40);   /* unprefixed last */
				  }
	}

/* -----------------------PICTURE SLIDE SHOW----------------------- */
#pictureFrame {
position:absolute;
left: 45px;
top: 183px;
margin: 0px;
padding:0px;
width: 1200px;
height: 500px;
/*border: solid 1px yellow;*/
/*background-color: black;*/
/* background-image: url('../img/slideShow/index/slideShowTemplate_Autumn.jpg');
background-repeat:no-repeat; */
}


/* -----------------------END OF SLIDE SHOW----------------------- */

#skillBlock {
text-align: center;
font-family: anton;
font-size: 1.1em;
 /*border: solid blue 1px; */

}

#skillBlockTable {
height: 50px;
background-image: url('../img/1X50_85P_white.png');
background-repeat:repeat-x;
margin: 0px;
padding:0px;
width:100%;
/*border: solid blue 1px; */
 width:1177px;
margin-top:14px;
}

#skillBlockTable p{
margin: 0px;
padding:0px;
/* margin-left:100px; */
padding-top:12px;
color: black;
}
/* -----------------END LEFT TABLE-------------------- */

/* -----------------RIGHT TABLE----------------------- */
#rightTable {
margin: 0px;
padding:0px;
width:250px;
margin-left: 35px;
background-color: black;
}

#rightTable td{
margin: 0px;
padding:0px;
/* border: 1px solid green; */
vertical-align: middle;
}

#rightBlock {
margin: 0px;
padding:0px;
margin-bottom: 0px;
}

#rightBlockTable {
margin: 0px;
padding:0px;
text-align: left;
/* height:100%; */
font-family: univ;
font-size: 0.9em;
white-space:normal;
color:white;
height: 515px;
margin: 15px;
margin-bottom: 0px;
margin-top: 0px;
line-height: 173%;
}

#capM, #capP {
font-family: pay;
font-size: 2em;
}
/* ------------------- CONTENT END------------------- */

#footerBar {
width: 1280px;
height:35px;
margin-top: 35px;
}

#footerCrossBar {
background-image: url('../img/blackTransparent1X35.png');
background-repeat:repeat-x;
height: 35px;
width: 100%;
text-align: center;
font-family: anton;
font-size: 0.93em;
letter-spacing: 3px;
color: rgb(200, 200, 200);
}

#footerCrossBar p{
padding-top:7px;
}

/* ------------------------- MENU BUTTONS ----------------------------- */
#tagsTable {
width: 100%; 
}

/* TAG BUTTONS */
#headerTagsDiv {
margin-left: 45px;
margin-top: -35px;
/* border: 1px solid yellow; */
position:relative;
min-width: 1190px;
}

a#link1, a#link2, a#link3, a#link4, a#link5 {
display: block;
overflow: hidden;
position: absolute;   
background: transparent;
text-indent: -9999px; 
}

#link1, #link2, #link3, #link4, #link5 {
/* width: 109px; */ /* DEFINE BOX DIMESIONS AND TOP DISTANCE */
height: 49px;
}

#link1 {
left: 0px;
width: 153px;
}

#link2 {
left: 153px;
width: 272px;
}

#link3 {
left: 425px;  
width: 236px;
}

#link4 {
left: 661px;  
width: 299px; 
}

#link5 {
left: 960px; 
width: 220px;
}

div #headerTagsDiv .link1 :hover{
background-image: url('../img/tagsButtonHighlight.png'); 
background-repeat:repeat-x;
/* background-color: yellow; */ /* TESTING */
}

div #headerTagsDiv .link2 :hover{
background-image: url('../img/tagsButtonHighlight.png'); 
background-repeat:repeat-x;
/* background-color: blue; */ /* TESTING */
}

div #headerTagsDiv .link3 :hover{
background-image: url('../img/tagsButtonHighlight.png');  
background-repeat:repeat-x;
/* background-color: red; */ /* TESTING */
}

div #headerTagsDiv .link4 :hover{
background-image: url('../img/tagsButtonHighlight.png'); 
background-repeat:repeat-x;
/* background-color: purple; */ /* TESTING */
}

div #headerTagsDiv .link5 :hover{
background-image: url('../img/tagsButtonHighlight.png');  
background-repeat:repeat-x;
/* background-color: green; */ /* TESTING */
}

a:hover, a:visited, a:link, a:active{
text-decoration: none;
}