/******************************* Html *******************************/


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

h1 { font-family: "papyrus", Verdana, Arial, Helvetica, sans-serif;font-size: 50px;color:#3b5998;font-weight:bold;margin-bottom:0; }
h2 { font-family: "papyrus", Verdana, Arial, Helvetica, sans-serif;font-size: 20px;color:#3b5998;font-weight:bold;margin-top:0;padding-left:45px; }

textarea {background-color:#fffff1;border: 1px solid #AAACB9;color: #AAACB9;}
input {background-color:#fffff1;border: 1px solid #AAACB9;color: #AAACB9;margin-top:1px;}

 a {
text-decoration: none;
/*padding-left: 20px;
background: url(images/puce1.gif) center left no-repeat;*/
font-family: "papyrus", Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
font-size: 15px;
font-weight:bold;
color:#3b5998;
padding:0;margin:0;
}
	 
 a:hover {
/*background-image: url(images/puce0.gif);*/
font-family: "papyrus", Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
font-size: 15px;
font-weight:bold;
color: #3b5998;
padding:0;margin:0;
}

img { border:none; }

ul {
margin: 20px 0 0 20px;
padding: 0;
list-style-type: none;
}

/******************************* Blocks *******************************/


#body { 
min-width:1260px;min-height:1200px;background-image:url(../images/head.jpg);background-repeat:no-repeat;background-position: 100% 2%;margin: 0px; padding: 0px; 
font-family: "papyrus", Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
font-size: 15px;
color: #AAACB9;
}

#langSelector {
position: absolute;	
right: 245px;
top:0px;
}

#mainContents { min-height:525px;width:880px;background-color: transparent !important;position:absolute;top:230px;/*border:1px solid #000000;*/}
#waitBox { min-height:525px;width:600px;background-color: transparent !important; z-index: 10000;text-align:center;position:absolute;left:200px;top:300px;}

#photosNavLink1 { position:absolute;top:20px;left:100px; }
#photosNavLink2 { position:absolute;top:765px;left:100px; }
.kriktusPhotosBlock { position:absolute;top:50px;left:100px; }

#bottomAnim1 {}
#bottomAnim2 {}


#rightBlock {
position:absolute;
top:5px;
left:960px;
width:300px;
}

#header {
padding-left:25px;
text-align:left;
}

#footer {
background-color: transparent !important;
font-family: "papyrus", Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
font-size: 12px;
text-align:left;
color: #AAACB9;
vertical-align:bottom;
width:680px;
position:absolute;
top:1180px;
left:170px;
}

#footer a{
font-family: "papyrus", Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
font-size: 12px;
color: #AAACB9;
font-weight:bold;
}

#footer a:hover {
font-family: "papyrus", Verdana, Arial, Helvetica, sans-serif;
text-decoration: underline;
font-size: 12px;
color: #AAACB9;
font-weight:bold;
}


/******************************* List/Menu *******************************/


ul#kriktusFiles a {
font-family: "papyrus", Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
font-size: 14px;
font-weight:bold;
color:#3b5998;
}


ul#kriktusLinks a {
font-family: "papyrus", Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
font-size: 14px;
font-weight:bold;
margin:15px;
color:#3b5998;
}



ul#menu {
list-style-type: none;
margin: 20px 0 0 20px;
margin-right: 0;
padding: 0;
position: absolute;	
right: 5px;
top:4px;
font-family: "papyrus", Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
font-size: 16px;
font-weight:bold;
color:#3b5998;
}

ul#menu a {
text-decoration: none;
/*padding-left: 20px;
background: url(images/puce1.gif) center left no-repeat;*/
font-family: "papyrus", Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
font-size: 17px;
font-weight:bold;
color:#3b5998;
}
	 
ul#menu a:hover {

/*background-image: url(images/puce0.gif);*/
font-family: "papyrus", Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
font-size: 17px;
font-weight:bold;
color: #3b5998;
}


/******************************* Msg Box *******************************/


#msgBox { position: absolute; top:40%;left:20%;background-color: transparent; z-index: 10000; width: 600px; height: 400px; margin: 0; }
.msgBoxBorder1 { background:#AAACB9; color: inherit; display:block; overflow:hidden;height:1px;margin:0 5px; }
.msgBoxBorder2 { background:#ffffff; border-color: #AAACB9; color: inherit; display:block; overflow:hidden;border-style: solid; }
.msgBoxBlockContents { background:#ffffff; border-color: #AAACB9; color: inherit;display:block; border-style: solid ; border-width: 0 1px;padding:25px;text-align:center; }
.msgBoxSeparator { font-size:1px;display:block; overflow:hidden; }
.msgBoxContents { text-align: center; width: 100%; }


/******************************* Light Box *******************************/


#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 10000; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;padding:0;margin:0;}
#lightbox a img{ border: none;padding:0;margin:0; }

#outerImageContainer{ position: relative; background-color: #fff; 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: 10; }
#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(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

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

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

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



/******************************* Contents *******************************/


.text {font-family: "papyrus", Verdana, Arial, Helvetica, sans-serif; text-decoration: none;font-size: 15px;font-weight:normal !important;color: #777777;}
.textb {font-family: "papyrus", Verdana, Arial, Helvetica, sans-serif; text-decoration: none;font-size: 15px;font-weight:bold;color: #777777;}
.text a {font-size: 18px;font-weight:bold;color: #AAACB9;text-decoration:none;}
.text a:hover{text-decoration:underline;}
.desc{font-family: "papyrus", Verdana, Arial, Helvetica, sans-serif; text-decoration: none;font-size: 14px;font-weight:normal !important;color: #777777;font-style:italic;}
.errorMsg { width:520px;background-color:#ffcc99;border: 1px solid #d70000;font-weight:bold;text-align:center;padding:10px;font-size: 18px;color:#d70000; }
.successMsg { width:520px;background-color:#c4ffc4;border: 1px solid #460000;font-weight:bold;text-align:center;padding:10px;font-size: 18px;color:#460000; }
.dialogMsg { width:520px;background-color:#dddddd;border: 1px solid #808080;font-weight:bold;text-align:center;padding:10px;font-size: 18px;color:#808080; }