#ad{
	font-family: 'Neucha', cursive;
	color: #C5503D;
}

#ad h1{
	font-size:350%;
}

#ad .box{
	width: 900px;
	height: 600px;
	position: relative;
	margin-left:auto;
	margin-right: auto;
}
#ad .container-fixed{
	width:100%;
}
#ad div[class$="corner"]{
	width: 19%;
	height: 21%;
	z-index: 1;
}

#ad div[class$="corner"] > img{
	width: auto;
	height: 100%;
	position: absolute;	
}

#ad div[class*="4"]{
	position:relative;
	height:100%;
}

#ad div[class*="4"] > img {
	width:100%;
	top:0px;
}

#ad .modal-con{
	margin-left:auto;
	margin-right: auto;
}

#ad .modal-dialog{
	width: 900px;
}

#ad .content-box{
	position: absolute;
	top:20%;
	left: 20%;
	background: #2F2F3E;	
	width: 60%;
	height: 60%;
}

#ad .inner-box{
	width:100%;
	height:100%;
}

#ad .left-side{
	display:inline-block;
	width:25%;
	
}

#ad .left-side > img{
	width:100%;
}

#ad .rigth-side{
	display:inline-block;
	width:25%;
}

#ad .rigth-side > img{
	width:100%;
}

#ad .centered{
	display:inline-block;
	width:50%;
	height:100%;
	overflow: hidden !important;
}

#ad .centered > img{
	height: 30%;
}

#ad .centered > img + h1{
	margin-top: 0px;
		margin-bottom:0px;
}

#ad .centered > h1 + h4{
	margin-top: 0px;
	margin-bottom:0px;
	
	text-align: center !important;
}

#ad .centered > h2 + h2{
	margin-top: 0px;	
}


#ad .upper-left-corner{
	position: absolute;
	top:0px;
	left: 0px;
	
}



#ad .upper-left-corner > img{
	bottom: -38%;
	right: -28%;
}

#ad .upper-rigth-corner{
	position: absolute;
	top:0;
	right: 0;
}

#ad .upper-rigth-corner > img{
	bottom: -38%;
	left: -28%;	
}

#ad .bottom-left-corner{
	position: absolute;
	bottom: 0px;
	left: 0px;
}

#ad .bottom-left-corner > img{
	top: -38%;
	right: -28%;	
}

#ad .bottom-rigth-corner{
	position: absolute;
	bottom: 0px;
	right: 0px;
}

#ad .bottom-rigth-corner > img{
	top: -38%;
	left: -28%;	
}