.clr{
	clear: both;
}



/* --------------------------------------------ROW */
.row-h {
    position:absolute;
	display: block;
	width: 98%;
	top:86%;
	margin: auto;
	background-image: url(../images/wht_85p.png);
	color: #000000;
	padding: 1% 1% 4% 1%;
}

@media only screen and (max-width: 800px) {
    div.row-h {
	position:absolute;
	display: block;
	margin-top: 10%;
	}	
}

div.row-h-1 {
	width:60%;
	padding: 0;
	margin-left: auto;
	margin-right: auto;
	background-color: #ffffff;
	text-align:left;
	padding: .5% 1% 1% 1%;
}

@media only screen and (max-width: 1100px) {
    div.row-h-1 {
	width: 90%;
	}	
}


/* --------------------------------------------TYPE*/


.type {
	font-family: 'Tangerine', serif; 
  	font-size:130%; 
  	margin: 1% 1%; 
  	letter-spacing: 6px; 
  	font-weight: bold;
	}

.typewrite {
	font-family: 'Tangerine', serif; 
  	font-size:320%; 
  	margin: 1% 1%; 
  	letter-spacing: 6px; 
  	font-weight: bold;
	color: #000000;
	padding:2% 0 2% 0;
	}


@media only screen and (max-width: 800px) {
    .typewrite {
	font-size: 240%;
	line-height: 140%;
	}	
}

/* --------------------------------------------IMG RI*/
img.ri {
	max-width: 100%;
	display: block;
	margin: auto;
	height:auto;
	}

img.icon {
	width: 10%;
	height:auto;
	bottom: 0;
	}

@media only screen and (max-width: 800px) {
    img.icon {
	width: 20%;
	}	
}






.boxtext {
	text-align: justify;
}



a.back{
            width:13%;
            height:20%;
            position:fixed;
            bottom:15px;
            right:15px;
            background:#fff;
            z-index:1;
            cursor:pointer;
        }
        a.activator{
            width:1px;
            height:1px;
            position:absolute;
            top:0px;
            left:0px;
			background-image:url(../images/spacer.gif) no-repeat top left;
            z-index:200;
            cursor:pointer;
        }
        /* Style for overlay and box */
        .overlay{
            background:transparent url(../images/overlay.png) repeat top left;
            position:fixed;
			width:13%;
            top:0px;
			height:auto;
			float:right;       
            right:5%;
            z-index:300;
        }
        .events-box{
            position:fixed;
            top:-600px;
            right:1%;
            width:13%;
            height:45%;
			overflow:auto;
			overflow-x: hidden;
			background-color:#FFF;
			padding:10px 15px 10px 10px;
			text-align: center;
            border:2px solid #ccc;
            z-index:301;
        }

@media only screen and (max-width: 800px) {
   .events-box{
            position:fixed;
            top:-600px;
            display: block;
	  		right: 13%;
	  		width:70%;
            height:60%;
	   		margin-top: 36%;
	   		padding:2%;
}	

}

        .events-box h1{
            border-bottom: 1px dashed #08876b;
            margin:-10px -10px 0px -10px;
            padding:10px;
			text-align: center;
            background-color:#08876b;
			color: #ffffff;            
        }

       a.events-boxclose{
            float:right;
            width:26px;
            height:26px;
            background:transparent url(../images/cancel.png) repeat top left;
            margin-top:-5px;
            margin-right:-5px;
            cursor:pointer;
		   z-index:3001;
        }