body	{font-family:Arial, Helvetica, sans-serif; margin:0; padding:0; color: #333333; font-size:13px; text-align:left;}
#container {width:800px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */ background: #fff url(images/1.png) no-repeat; margin:0 auto; /* the auto margins (in conjunction with a width) center the page */}
#header1 {height:195px;	padding:0; background-repeat:no-repeat;	width:800px; margin:0; background-image:url(images/1bg.png);}
#header2 {height:195px;	padding:0; background-repeat:no-repeat;	width:800px; margin:0; background-image:url(images/2bg.png);}
#header3 {height:195px;	padding:0; background-repeat:no-repeat;	width:800px; margin:0; background-image:url(images/3bg.png);}

#header1e {height:195px;	padding:0; background-repeat:no-repeat;	width:800px; margin:0; background-image:url(images/1bge.png);}
#header2e {height:195px;	padding:0; background-repeat:no-repeat;	width:800px; margin:0; background-image:url(images/2bge.png);}
#header3e {height:195px;	padding:0; background-repeat:no-repeat;	width:800px; margin:0; background-image:url(images/3bge.png);}

p		{text-align:justify; margin:0; padding:0}
a		{outline: none; text-decoration:none; color:#ff0000; font-weight:bold; border-bottom:1px dotted;}
a:hover	{text-decoration:none; color:#990000; font-weight:bold; border-bottom:none;}
img 	{border:0;}
.bild a 	{border-bottom:none;}
.bild:hover {border-bottom:none;}
.twits	{text-align:center; width:200px; float:left;}

iframe.navi	{width:800px; height: 195px; border:none; float:left;}
iframe.video	{width:500px; height: 284px; border:none;}

.title {position:absolute; z-index:50; width:650px; text-align:right;}
li		{background: url(images/list.gif) no-repeat; list-style:none; padding-left:20px; margin-top:10px; text-decoration:none;}
#floatdiv {position:absolute;width:117px;height:97px;left:0px;top:0px;padding:50px 0 0 0;border:1px;z-index:304}
.float {width:117px; height:97px; filter:alpha(opacity=80);-moz-opacity:.80;opacity:.80;}	

.button {border: none; color: #ffffff; cursor: pointer; height: 40px; background-color:#ff0000;}
input.txt{width:15em; border:1px solid #a7a7a7;}
textarea {color:#333333; background:#ffffff; border:1px solid #a7a7a7; display:block; font:1em normal, Tahoma, sans-serif;}

.virsraksts {background:#333333; color:#ffffff; padding: 5px 10px; width:550px; float:right;}
.stasti {width:570px; float:right;}

.b {width:170px; height:155px; float:left; border-bottom: 1px solid #a7a7a7;}
.btxt {width:360px; height:155px; padding-left:20px; float:left; border-bottom: 1px solid #a7a7a7;}

h1 {margin:0; padding: 5px 0 15px 0; font-size:18px; color:#ff0000; font-weight:normal;}
h2 {margin:0; padding:5px 0; font-size:13px; color:#ff0000;}
h4 {margin:0; padding:5px 0; font-size:16px; color:#ff0000; font-weight:100;}

.red  {font-size: 14px; color: #ff0000; padding: 10px 0;}
.red a {color:#ff0000; border-bottom:1px dotted;}
.red a:hover {color:#990000; border-bottom: none;}

.w  {font-size: 14px; color: #fff; padding: 10px 0;}
.w a {color:#fff; border-bottom:1px dotted;}
.w a:hover {color:#fff; border-bottom: none;}

#footer {width:800px; float:left; font-size:10px; text-align:center;} 

.tumb {border: 5px solid #cccccc; margin: 2px 2px 0 2px;}
.tumb:hover {border: 5px solid #ff0000;}

#links a span {display: none;}
#links a:hover span {display: block;
   position:absolute;
   width: 125px;
   padding: 5px; margin: 10px; z-index: 100;
   color: #000000; background-color: #ff0000;
   font: 10px Verdana, sans-serif; text-align: center;}
#links a img {height: 0; width: 0; border-width: 0;}
#links a:hover img {position:absolute; margin-top:-150px; height: 266px; width: 200px; background-color:#ffffff}

.logo:hover img {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); opacity: 1; -moz-opacity: 0.99; }
.logo img {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); opacity: 0.8; -moz-opacity: 0.80; }

/*---------- bubble tooltip -----------*/
.tt a{
    position: relative;
    z-index: 24;
	font-weight: normal;
    text-decoration: none;
	float:left;
	}
.tt a span{
	display: none;
	}
.tt a:hover{
	z-index: 25;
	}
.tt a:hover span.tooltip{
    display: block;
    position: absolute;
    top: 115px;
	left: 10px;
	padding: 0;
	width: 300px;
	color: #333333;
    text-align: left;

	
}
.tt a:hover span.top{
	display: block;
	padding: 30px 0;
    background: url(images/bubble.png) no-repeat top;
}
.tt a:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 15px 0 25px; 
	background: url(images/bubble_filler.png) repeat bottom; 
}
.tt a:hover span.bottom{
	display: block;
	padding: 3px 15px 40px 25px;
    background: url(images/bubble.png) no-repeat bottom;
}
/*---------- bubble tooltip end-----------*/

/*---------- simple tooltip -----------*/
.tts a{
    position: relative;
    z-index: 24;
	font-weight: normal;
    text-decoration: none;
	}
.tts a span{
	display: none;
	}
.tts a:hover{
	z-index: 25;
	background:;
	}
.tts a:hover span.tooltip{
    display: block;
    position: absolute;
    top: -287px;
	left: 0px;
	padding: 0;
	width: 600px;
	color: #333333;
    text-align: left;
}

/*---------- simple tooltip end-----------*/

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 303; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a { border: none; text-decoration: none; border-bottom:none;}
#lightbox a:hover {text-decoration: none; border-bottom:none;}

#outerImageContainer{ position: relative; background-color: #ffffff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 303; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(http://www.kublunoma.lv/mobila-atputa/images/prevlabel.gif) left 15% no-repeat;}
#nextLink:hover, #nextLink:visited:hover { background: url(http://www.kublunoma.lv/mobila-atputa/images/nextlabel.gif) right 15% no-repeat;}

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #0099cc; margin: 0 auto; line-height: 1.4em; overflow:auto; width: 100%;}

#imageData{padding:0.7em; color: #222222; }
#imageData #imageDetails{ width: 80%; float: left; text-align: left; padding-bottom:0.7em;}	
#imageData #caption{ font-weight: bold;}
#imageData #numberDisplay{ display: block; clear: left;}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 302; width: 100%; height: 500px; background-color: #222222; }