/* bokartas v5 20121121 */


body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{
	margin:0;
	padding:0;
}
table{
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img{
	border:0;
}
address,caption,cite,code,dfn,th,var{
	font-style:normal;
	font-weight:normal;
}
caption,th{
	text-align:left;
}
h1,h2,h3,h4,h5,h6{
	font-size:100%;
	font-weight:normal;
}
q:before,q:after{
	content:'';
}
abbr,acronym{
	border:0;
}



@font-face {
    font-family: 'yeseva_one';
    src: url('fonts/yesevaone-regular-webfont.eot');
    src: url('fonts/yesevaone-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/yesevaone-regular-webfont.woff') format('woff'),
         url('fonts/yesevaone-regular-webfont.ttf') format('truetype'),
         url('fonts/yesevaone-regular-webfont.svg#yeseva_oneregular') format('svg');
    font-weight: normal;
    font-style: normal;

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

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

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

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

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

}


body { 
   background-color: #f37021;
  }
.c0 {
  clear: both;
}

#content1 {
	POSITION: absolute; BACKGROUND-COLOR: #000; WIDTH: 1000px; FONT-FAMILY: Verdana, Geneva, Arial, sans-serif; HEIGHT: 170px; VISIBILITY: hidden; TOP: -35px; LEFT: 16%; z-index:999;
}

#all {
  margin: 0 auto;
  background-color: #f37021;
  width: 1440px;
  height: 790px;
    z-index: -2;
}
#all a {
  text-decoration: none;
}
#all a:hover {
}

#all_f {
  margin: 0 auto;
  background-color: #f37021;
  width: 1440px;
  height: 790px;
    z-index: -1;
}

#all0 {
position:fixed;
top: 0;
        right: auto;
        bottom: auto;
        left: auto;
	height: 790px;
	 width: 1440px;
   text-align: center;
  font-size: 12px;
  margin-left: auto;
		margin-right: auto;
  background: url(fon1.png) no-repeat scroll;
  
}
.all0_chrz1 {
float: right;
  margin-top: 260px;
  margin-right: 210px;
  width: 7px;
  height: 530px;
  background: url(g_t5hrz16r.png)  no-repeat scroll; 
z-index: 5;
}
.all0_chrz {
float: left;
  margin-top: 260px;
  margin-left: 210px;
  width: 7px;
  height: 530px;
  background: url(g_t5hrz16.png) no-repeat scroll; 
z-index: 5;
}


#all1 {
  margin: 0 auto;
  background-color: #d2d0b8;
  width: 1000px;
  height: 790px;
    z-index: 2;
}

#temp {
  margin: 0 auto;
  background-color: #d2d0b8;
  width: 1000px;
  height: 790px;
     z-index: 2;
}

#head {
		top: 0;
        right: 0;
        bottom: 0;
        left: 0;
  width: 1000px;
  height: 300px;
}

#cont {
		top: 0;
        right: 0;
        bottom: 0;
        left: 0;
  width: 1000px;
  height: 490px;
}

#foot {
position:fixed;
top: auto;
        right: 0;
        bottom: 0;
        left: 0;
	height: 20px;
  line-height: 20px;
  text-align: center;
    color: #000000;
 font-family:  Arial,sans-serif;
  font-size: 12px;
  margin-left: auto;
		margin-right: auto;
background-color: #00a2a2;
  z-index: 99;
}
#foot a {
  color: #f37021;
}
#foot a:hover {
  text-decoration: underline;
  color: #d90731;
  }
  



 
#hrz_v0 {
  position: relative;
  top: 0px;
  left: 0px;
  width: 1000px;
  height: 160px;
  padding-left: 0;
  z-index: 7;
}
#hrz_vd {
float: right;
  width: 500px;
  height: 160px;
  padding-left: 0;
}
#hrz_vk {
float: left;
  width: 500px;
  height: 160px;
  padding-left: 0;
}

#hrz_ad {
float: right;
  width: 500px;
  height: 490px;
  padding-left: 0;
}
#hrz_ad_d {
float: right;
  width: 250px;
  height: 490px;
  padding-left: 0;
}
#hrz_ad_k {
float: left;
  width: 250px;
  height: 490px;
  padding-left: 0;
 }
 
#hrz_ak {
float: left;
  width: 500px;
  height: 490px;
  padding-left: 0;
 }
#hrz_ak_d {
float: right;
  width: 250px;
  height: 490px;
  padding-left: 0;
}
#hrz_ak_k {
float: left;
  width: 250px;
  height: 490px;
  padding-left: 0;
 }


 
 
#hrz1 {
  position: relative;
  top: 2px;
  left: 197px;
  width: 160px;
  height: 100px;
  padding-left: 0;
 }
.hrz1_a {
float: left;
  top: 0;
  left: 0;
  width: 45px;
  height: 100px;
  font-family: 'playfair_display', serif;
  font-weight: 400;
  text-align: left;
  font-size: 120pt;
  color: #edf2ec;
   line-height: 95px;
margin: 0 0; 
padding-bottom: 0px;  
	z-index:5; 
} .hrz1_b {
float: right;
  width: 115px;
  height: 100px;
  padding-top: 35px;
}
.hrz1_c {
position: relative;
  top: 12px;
  left: -15px;
  width: 7px;
  height: 181px;
  background: url(g_t5.png); 
z-index: 5;
}

#hrz2 {
  position: relative;
  top: 60px;
  left: 263px;
  width: 160px;
  height: 100px;
  padding-left: 0;
}
.hrz2_a {
float: left;
  top: 0;
  left: 0;
  width: 5px;
  height: 100px;
  font-family: 'playfair_display', serif;
  font-weight: 400;
  text-align: left;
  font-size: 120pt;
  color: #edf2ec;
   line-height: 95px;
margin: 0 0; 
padding-bottom: 0px;  
	z-index:5; 
}
.hrz2_b {
float: right;
  width: 155px;
  height: 100px;
  padding-top: 50px;
  	z-index:6; 
}

.hrz1_chrz2 {
position: relative;
  top: 60px;
  left: 0;
  width: 181px;
  height: 7px;
  background: url(g_t5hrz2.png); 
	z-index: 7;
}


#hrz3 {
  position: relative;
 top: 45px;
  left: 20px;
  width: 140px;
  height: 120px;
  padding-left: 0;
 }
.hrz3_a {
float: left;
  width: 1px;
  height: 100px;
  font-family: 'playfair_display', serif;
  font-weight: 400;
  text-align: left;
  font-size: 120pt;
  color: #edf2ec;
   line-height: 95px;
margin: 0 0; 
padding-bottom: 0px; 
padding-left: 10px;  
	z-index:5; 
}
.hrz3_b {
float: right;
  width: 129px;
  height: 100px;
  padding-top: 45px;
  	z-index:6; 
}
.hrz1_chrz3 {
position: relative;
  top: -130px;
  left: -12px;
  width: 7px;
  height: 146px;
    background: url(g_t5hrz4.png); 
z-index: 7;
}


#hrz4 {
  position: relative;
 top: 70px;
  left: 85px;
  width: 140px;
  height: 120px;
  padding-left: 0;
}
.hrz4_a {
float: left;
  width: 10px;
  height: 100px;
  font-family: 'playfair_display', serif;
  font-weight: 400;
  text-align: left;
  font-size: 120pt;
  color: #edf2ec;
   line-height: 95px;
margin: 0 0; 
padding-bottom: 0px; 
padding-left: 10px;  
	z-index:5; 
}
.hrz4_b {
float: right;
  width: 120px;
  height: 100px;
  padding-top: 58px;
  	z-index:6; 
}
.hrz1_chrz4 {
position: relative;
  top: -130px;
  left: -15px;
  width: 7px;
  height: 146px;
  background: url(g_t5hrz4.png); 
z-index: 5;
}


#hrz5 {
  position: relative;
 top: 355px;
  left: 220px;
  width: 140px;
  height: 120px;
  padding-left: 0;
 }
 .hrz5_a {
float: left;
  width: 1px;
  height: 100px;
  font-family: 'playfair_display', serif;
  font-weight: 400;
  text-align: left;
  font-size: 120pt;
  color: #edf2ec;
   line-height: 95px;
margin: 0 0; 
padding-bottom: 0px; 
padding-left: 10px;  
	z-index:5; 
}
.hrz5_b {
float: right;
  width: 119px;
  height: 100px;
  padding-top: 15px;
    padding-left: 10px;
  	z-index:6; 
}
.hrz1_chrz5 {
position: relative;
  top: -375px;
  left: -15px;
  width: 7px;
  height: 391px;
  background: url(g_t5hrz11.png); 
z-index: 5;
}

#hrz6 {
  position: relative;
 top: 265px;
  left: 35px;
  width: 140px;
  height: 120px;
  padding-left: 0;
  	z-index:5; 
 }
 .hrz6_a {
float: left;
  width: 10px;
  height: 100px;
  font-family: 'playfair_display', serif;
  font-weight: 400;
  text-align: left;
  font-size: 120pt;
  color: #edf2ec;
   line-height: 95px;
margin: 0 0; 
padding-bottom: 0px; 
padding-left: 10px;  
	z-index:5; 
}
.hrz6_b {
float: right;
  width: 110px;
  height: 100px;
  padding-top: 40px;
	z-index:6; 
}
.hrz1_chrz6 {
position: relative;
  top: -305px;
  left: -15px;
  width: 7px;
  height: 321px;
  background: url(g_t5hrz10.png); 
z-index: 5;
}


.nav{
	list-style:none;
	margin-bottom:1px;
	/* Clear floats */
	float:left;
	width:100%;
	position:relative;
	z-index:5;
	   font-family:  'ubuntu_condensed', serif;
   font-weight: 400;
   letter-spacing: 1px;
  text-align: left;
  font-size: 16pt;
  color: #d2d0b8;
    white-space: nowrap;
	}
.nav li{
	float:left;
	margin-right:1px;
	position:relative;
}
.nav a{
	display:block;
	padding:1px;
	color:#00a2a2;
	text-decoration:none;
}
.nav a:hover{
	color:#d90731;
	text-decoration:none;
}

/*--- DROPDOWN ---*/
.nav ul{
	/* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */
	list-style:none;
	position:absolute;
	left:1px; /* Hide off-screen when not needed (this is more accessible than display:none;) */

}
.nav ul li{
	padding-top:1px; /* Introducing a padding between the li and the a give the illusion spaced items */
	float:none;
}
.nav ul a{
	white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
	color:#d2d0b8;
}
.nav li:hover ul{ /* Display the dropdown on hover */
	left:0; /* Bring back on-screen when needed */
		background-color:#f37021;
}
.nav li:hover a{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
	
	text-decoration:none;
}
.nav li:hover ul a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
	text-decoration:none;
}
.nav li:hover ul li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */
	
}

#nav1{
	list-style:none;
	margin-bottom:1px;
	/* Clear floats */
	float:left;
	width:100%;
	position:relative;
	z-index:5;
	}
#nav2{
	list-style:none;
	margin-bottom:1px;
	/* Clear floats */
	float:left;
	width:100%;
	position:relative;
	z-index:5;
	}
#nav3{
	list-style:none;
	margin-bottom:1px;
	/* Clear floats */
	float:left;
	width:100%;
	position:relative;
	z-index:5;
	}
#nav4{
	list-style:none;
	margin-bottom:1px;
	/* Clear floats */
	float:left;
	width:100%;
	position:relative;
	z-index:5;
	}
#nav5{
	list-style:none;
	margin-bottom:1px;
	/* Clear floats */
	float:left;
	width:100%;
	position:relative;
	z-index:5;
	}

.bok1 {
background-image:url('bokartas.png');
background-repeat:no-repeat;
  position: relative;
  top: 0px;
  left: 0;
  height: 140px;
  width: 1000px;
 }
 
.kar1 {
  background: transparent url(kar1.png) no-repeat scroll;
  position: relative;
  top: 85px;
  left: 550px;
  height: 405px;
  width: 210px;
  cursor: text;
}


