html, body {height: 100%;}

/*
font-family: 'Droid Sans', sans-serif;
font-family: 'Open Sans', sans-serif;
font-weight: 400;
*/

/* body{background-size:cover; font-family:Arial, Helvetica, Calibri; font-weight: 400; margin: 0px; padding: 0px;} */
#slideshow { 
    margin: 0 auto; 
    position: relative; 
    width: 800px; 
    height: 600px;  
    padding: 0;  
}
 
#slideshow > div { 
    position: absolute; 
    top: 0; 
    left: 0; 
    right: 0; 
    bottom: 0; 
}

.popup_bg{
	width: 100%; 
	height: 100%;   
	position:fixed; 
	left:0px; 
	top:0px; 
	margin: 0px; 
	padding: 0px;
	z-index: 999999;
}
.popup_block{
	width: 792px; 
	max-width:100% !important;
	height: auto; 
	margin: 5% auto 0px auto; 
	padding: 0px;
	overflow:hidden;
}
.popup_block * {
	max-width:100% !important;
}
.popup_block .inner{
	width:792px; 
	/* min-height:300px; */ 
	float:left; 
	background-color:#ebebeb; 
	position:relative;   
	margin:0 0 2% 0; 
	/*padding:0px 25px;*/
	padding:0px ;
}
.heading_block{
	width: 100%; 
	float: left; 
	border-bottom:1px dashed #159201; 
	position:relative; 
	margin: 0px 0px 25px 0px; 
	padding: 0px;
}
.heading_block .heading01{
	font-family:Tahoma, Helvetica, Calibri; 
	font-size: 20px; 
	color:#159201; 
	line-height:normal; 
	margin: 0px; 
	padding: 20px 0px 15px 0px;
}
.btn_close{
	width: 17px; 
	height: 17px; 
	background:url(../images/close.png) no-repeat 0px 0px; 
	position: absolute; 
	right: 10px; 
	top: 10px; 
	overflow:hidden; 
	text-indent: -99px;
	z-index:9999;
}
.content_box{
	width: 100%; 
	float: left; 
	margin: 0px; 
	padding: 0px 0px 20px 0px;
}
.content_box p{
	font-size: 13px; 
	color: #333; 
	line-height:22px; 
	margin: 0px; 
	padding: 0px 15px 15px 0px;
}
.content_box .big{
	font-size:16px; 
	color:#333; 
	font-weight:bold; 
	margin:0px; 
	padding:0px 0px 15px 0px;
}
.content_box .display{
	font-size:14px; 
	color:#159201; 
	font-weight:normal; 
	text-align:right; 
	margin:0px; 
	padding:10px 0px 0px 0px;
}
.content_box .display a{
	color:#159201; 
	text-decoration:underline;
}
.content_box .display a:hover{
	color:#159201; 
	text-decoration:none;
}
.blank {
	/*padding-top: 30px;*/
}
#overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);
	z-index: 100;
	display: none;
}
.content_desc{
	max-height:620px;
	word-wrap: break-word;
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width : 767px) {
	.popup_bg{
		/*position:absolute; */
	}
	.popup_block{
		margin-top:5%;
		width: 400px; 
		height: 300px;
	}
	
	#slideshow { 
		width: 400px; 
		height: 300px;  
	}
	#slideshow img { 
		width: 400px; 
		height: 300px;  
	}
}
@media only screen and (max-width : 479px) {
	.popup_block {
		width: 280px;
		margin: 20% auto 0px auto;
	}
	.popup_block .inner{
		width: 280px;
	}
	#slideshow { 
		width: 280px; 
		height: 200px;  
	}
	#slideshow img { 
		width: 280px; 
		height: 200px;   
	}
}