/* CSS Document */
 img, div { behavior: url(iepngfix.htc) }

h1{font: 22px Georgia, "Times New Roman", Times, serif; color:#561838}
.h1{font: 22px Georgia, "Times New Roman", Times, serif; color:#561838; text-decoration:none}
#header:hover{ color:#666}
h2{font: 12px Arial, Helvetica, sans-serif; color:#333333; text-decoration:none; z-index:1}
p{font:12px Arial, Helvetica, sans-serif; color:#333333; line-height:18px}
a{color:#561838}
a:hover{color:#666666}
ul a{font: 16px Georgia, "Times New Roman", Times, serif; color:#561838; text-decoration:none;display:block; padding-bottom:10px; padding-top:10px}
ul a:hover{ background-color:#561838; color:#ffffff;}
ul a.current{display:block; background-color:#561838; color:#ffffff;}
ul{list-style-type:none; margin-left:-25px}

body{
	background-color:#8D9B7E;
	margin:0 auto;
	}
	
#head{
	background:0 0 url(images/komsbergheader.jpg) no-repeat;
	height:352px
	}
	#head img{
		margin:40px 0 0 45px
		}

#bg{
	background:0 0 url(images/bg_shadow.gif) repeat-y;
	margin:5px auto 0 auto;
	width:994px;
	padding-bottom:32px
	}

#left{
	width:629px;
	margin:0 25px 0 37px;
	float:left;
	}
#right{
	float:left;
	width:265px
	}
	#right p{line-height:14px}

#gallery{
	width:629px;
	margin:10px auto;
	}
	
.gallerycontent{	
	float:left;
	margin-right:5px;
	margin-bottom:5px;
	width:140px;
	height:160px;
	padding:5px;
	text-align:center;
	display:block;
	cursor:pointer;
	overflow:hidden;
	position:relative;
	}
.gallerycontent:hover{
	background:#D2D8CB;
	}
.imgcontainer{
	overflow:hidden;
	height:100px;
	}

.fade{
	background:url(images/whitefade.png) 0 0 repeat-x;
	z-index:3;
	height:9px;
	width:150px;
	top:161px;
	left:0;
	position:absolute;
}

.last{
	margin-right:0;
	}

.gallerydetails{
	width:700px;
	text-align:center;
	}
	
.gallerylink{
	width:700px;
	text-align:right;
	}
	.gallerylink a {
	font:14px Arial, Helvetica, sans-serif;
	text-decoration:none;
	}
	.gallerylink a:hover {
	color:#666
	}


/* --- Overlay --- */
div.contentWrap {
	overflow-y:auto;
}

/* the overlayed element */ 
.overlay {         
	/* must be initially hidden */     
	display:none;          
	/* place overlay on top of other elements */     
	z-index:10000;          
	/* styling */     
	padding: 20px;
	background-color:#fff;          
	width:700px;         
	min-height:200px;     
	border:10px solid #eee;          
	/* CSS3 styling for latest browsers */     
	-moz-box-shadow:0 0 15px 5px #000;     
	-webkit-box-shadow: 0 0 15px #000;     
}

/* close button positioned on upper right corner */ 
.overlay .close {     
	background-image:url(images/close.png);     
	position:absolute;     
	right:-22px;     
	top:-22px;     
	cursor:pointer;     
	height:35px;     
	width:35px; 
}

.loading {
	font:12px Arial, Helvetica, sans-serif;
	color:#666;
	text-align:center;
	margin:90px 0 0 0 
	}

/*Paging*/
.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}
.clearfix{display:inline-block}
* html .clearfix{height:1%}
.clearfix{display:block}

div.paging {
                margin-bottom: 10px;
                padding: 5px;
                border-top: 1px solid #ccc;
                border-bottom: 1px solid #ccc;
                display: block;
}

div.paging a {
                float: left;
                padding: 5px 10px;
                background: #eee;
                color: #666;
                text-decoration: none;
                font: 12px Arial, Helvetica, sans-serif;
                line-height: 12px;
                border: 1px solid #ccc;
                margin-right: 5px;            
}

div.paging a:hover {
                color: #fff;
                background: #A9B59A;
}

div.paging span {
                float: left;
                padding: 5px 10px;
                background: #eee;
                color: #000;
                text-decoration: none;
                font: 12px Arial, Helvetica, sans-serif;
                line-height: 12px;
                border: 1px solid #ccc;
                margin-right: 5px;            
}

/*Extra classes*/
.gallerybody{
	background:0 0 url(images/headbg.gif) repeat-x;
	background-color:#FFFFFF;
	text-align:center;
	display:block;
	}
.visible{
	display:block;
	margin:15px 0 40px 0;
	}

.visible img{
	margin-right:320px
}

.visible a{
	font-size:24px;
	color:#ffffff;
	text-decoration:none;
}
.visible a:hover{
	color:#e8e8e8;
}