h4{
	text-align:center;
}
.mainblock{
	margin-left: auto;
    margin-right: auto;
	/*width: 1000px;*/
	padding: 3px;
}
@media only screen and (max-width:679px) {
	.mainblock{
		width: 300px;
	}
}

/*@media only screen and (min-width: 680px) and (max-width:980px) {
	.mainblock{
		width: 680px;
	}
}
@media only screen and (min-width:981px) {
	.mainblock{	
		width: 1000px;
	}
}*/

.featuresClass{
	width: 300px;
	height:220px;
	border: 1px solid black;
	padding: 5px;
	float:left;
	margin:5px;
	color: #a1a1a1;
}
.innerBlockImage{
	float:left;
	width:35%;
	border: 1px dotted black;
	margin: 1px;
	padding: 1px;
}
.innerBlockDesc{
	float:left;
	width:60%;
	border: 1px dotted black;
	margin: 1px;
	padding: 1px;
}



/*body {
	
	background-color: #b6b6b6;
}*/

/*#popup_1, #popup_2, #popup_3, #popup_4, #popup_5, #popup_6, #popup_7, #popup_8, #popup_9, #popup_10{
	display:none;
}*/

.xBackground{
	position:fixed;
    width:100%;
    height:100%;
    background-color: black;
 	/*z-index: 22;*/
    opacity: 0.5;  
	top:0px;
    left:0px;
    z-index:99999998;
}

.xBackground_invisible
{
	display:none;
}
.active_frame{	
		border: 10px solid #aaaaaa;
		/*width: 400px;*/
	    height: 450px;
	    background-color: white;
	    top: 0;    bottom: 0;    left: 0;    right: 0;
	    margin: auto;
	    position:fixed;
	    z-index:99999999;
	}
@media only screen and (max-width:639px) {
	.active_frame{	
		width: 300px;
	}
}

@media only screen and (min-width: 640px) and (max-width:960px) {
	.active_frame{	
		width: 500px;
	}
}
@media only screen and (min-width:961px) {
	.active_frame{	
		width: 95%;
	}
}


.popup_content{

	text-align:center;
	border:1px solid;
	/*vertical-align: middle;*/
	height:100%;
	overflow: hidden;
	/*width:auto;*/
}
.popup_image{

	/*width:80px;whatever image width is*/
	text-align:left;
	float:left;
	border: 1px solid;
	height: 100%;
}

@media only screen and (max-width:639px) {
	.popupimagestyles{	
		width: 90px;
	}
}

@media only screen and (min-width: 640px) and (max-width:960px) {
	.popupimagestyles{	
		width: 200px;
	}
}
@media only screen and (min-width:961px) {
	.popupimagestyles{		
		width: 320px;
	}
}

.active_frame_invisible{
	display:none;
}


.asside_img_fill {
    position:absolute;
    left: 50%;
    margin-left:-500px;
    top:150px;
    width:400px;
}