* { margin:0; padding:0;}
body { background:#011c3b; font-family:Trebuchet MS; font-size:100% ; line-height:.9375em; color:#6c6c6c;}

.fleft { float:left;}
.fright { float:right;}
.clear { clear:both;}

.alignright { text-align:right;}
.aligncenter { text-align:center;}

.wrapper { width:100%;  overflow:auto;   }

p { margin-bottom:15px;}


html { scrollbar-base-color:#FF9900;}


/*==================forms====================*/
input, select { vertical-align:middle; font-weight:normal;}
img {border:0; vertical-align:top; text-align:left;}

.form { height:27px;}
.form input {width:168px; height:15px; background:#fff; color:#464646; font-size:.85em; font-family:Georgia; padding-left:3px; border:1px solid #cad2d5; border-top:1px solid #7c7c7c; border-left:1px solid #7c7c7c;}
textarea { width:168px; height:98px; background:#fff; overflow:auto; color:#464646; font-size:.85em; font-family:Georgia; padding-left:3px; border:1px solid #cad2d5; margin-bottom:15px; border-top:1px solid #303030; border-left:1px solid #303030;}

/*==================list====================*/
ul { list-style:none;}

.list1 dt { background:url(images/marker.gif) no-repeat left 6px; padding-left:12px; color:#fff;}
.list1 dt a { text-decoration:none;}
.list1 dt a:hover { text-decoration:underline;}
.list1 dd { padding:0 0 19px 12px;}

.list2 li a { background:url(images/marker.gif) no-repeat left 5px; padding-left:12px; line-height:1.43em;}

/*==================other====================*/
.img_indent { margin:0 19px 0 0; float:left;}
.img_box { width:100%; overflow:hidden; padding-bottom:20px;}
.img_box img { float:left; margin:0 20px 0 0; }

.p1 { margin-bottom:16px;}

/*==================txt, links, lines, titles====================*/
a {color:#fff;}
a:hover{text-decoration:none;}

h2 { font-size:1em; color:#fff; font-weight:normal; margin-bottom:16px;}
h3 { font-size:1em; color:#fff; font-weight:normal;}

.txt1 { color:#fff;}

.link1 {background:url(images/marker.gif) no-repeat left 6px; padding-left:12px; color:#fff; text-decoration:none;}
.link1:hover { text-decoration:underline;}

.title { margin-bottom:9px;}

/*==================boxes====================*/
.box { background:#000; width:673px;min-height:250px;}
.box .indent1 { padding:17px 14px 18px 22px; }
.box .indent2 { padding:24px 34px 59px 22px; }

.box-prapori { background:#000; width:653px; min-height:720px; padding:0px 10px }
.box-prapori .indent1 { padding:17px 14px 18px 22px; }
.box-prapori .indent2 { padding:24px 34px 59px 22px; }

.box-vesminte { background:#000; width:653px; min-height:720px; padding:0px 10px }
.box-vesminte .indent1 { padding:17px 14px 18px 22px; }
.box-vesminte .indent2 { padding:24px 34px 59px 22px; }

/*
.scroll { height:231px; overflow:auto; }
.scroll-height { height:300px; padding-right:20px;}
*/
/*header*/
#header { background:url(images/header_bgd.jpg) no-repeat left top;}
#header .logo { float:left; margin:51px 0 0 144px;}

.splah-box { padding:7px 0 15px 94px;}

#border { border:1px solid #001530;}

/*content*/
#content { background:url(images/content_bgd.jpg) no-repeat left top; min-height:516px;  }
#content .indent { padding:0 0 0 55px;}
#content .col_1 .inner { padding:6px 10px 30px 0;}
#content .col_1a .inner { padding:6px 10px 30px 0;}
#content .col_2 .inner { padding:6px 0 39px 13px;}
#content .col_2 .inner1 { padding-left:12px;}

#content-epitafe { background:url(images/content_bgd.jpg) no-repeat left top; min-height:616px;  }
#content-epitafe .indent { padding:0 0 0 55px;}
#content-epitafe .col_1 .inner { padding:6px 10px 30px 0;}
#content-epitafe .col_1a .inner { padding:6px 10px 30px 0;}
#content-epitafe .col_2 .inner { padding:6px 0 39px 13px;}
#content-epitafe .col_2 .inner1 { padding-left:12px;}

#content-prapori { background:url(images/content_bgd.jpg) no-repeat left top; min-height:756px;  }
#content-prapori .indent { padding:0 0 0 55px;}
#content-prapori .col_1 .inner { padding:6px 10px 30px 0;}
#content-prapori .col_1a .inner { padding:6px 10px 30px 0;}
#content-prapori .col_2 .inner { padding:6px 0 39px 13px;}
#content-prapori .col_2 .inner1 { padding-left:12px;}
.box-prapori img { margin:0 4px; }



#content-vesminte { background:url(images/content_bgd1.jpg) no-repeat left top; height:756px;  }
#content-vesminte .indent { padding:0 0 0 55px;}
#content-vesminte .col_1 .inner { padding:6px 10px 30px 0;}
#content-vesminte .col_1a .inner { padding:6px 10px 30px 0;}
#content-vesminte .col_2 .inner { padding:6px 0 39px 13px;}
#content-vesminte .col_2 .inner1 { padding-left:12px;}
.box-vesminte img { margin:0 4px; }



.border_right { border-right:1px solid #242424;}
.border_left { border-left:1px solid #242424; margin-left:-1px;}

/*footer*/
#footer { background:url(images/footer_bgd.jpg) no-repeat left top;}
#footer p { padding:34px 0 0 243px;}
/*==========================================*/
 

/*LIGHTBOX/

#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#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: transparent url(images/blank.gif) no-repeat; /* 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;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}

 