/*  Fonts  */
/*
@font-face {

  font-family: 'AUdimat';
  src: url('../fonts/AUdimat-Regular.otf');

}
@font-face
{font-family: 'Andron Freefont LAT';
src: url('../fonts/andron.ttf');

}

*/

@font-face {
    font-family:  'Paresthesia';
    src: url('../fonts/webfont_batch/Paresthesia/paresthesia-webfont.eot');
    src: url('../fonts/webfont_batch/Paresthesia/paresthesia-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/webfont_batch/Paresthesia/paresthesia-webfont.woff') format('woff'),
         url('../fonts/webfont_batch/Paresthesia/paresthesia-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}


/*Albanian, Bosnian, Catalan, Croatian, Czech, Danish, Dutch, English, Esperanto, Estonian, Faroese, French, German, Hungarian, Icelandic, Italian, Latvian, Lithuanian, Malagasy, Maltese, Norwegian, Polish, Portuguese, Romanian, Serbian, Slovak, Slovenian, Spanish, Swedish, Turkish*/

@font-face {
    font-family: 'Paresthesia Condensed';
    src: url('../fonts/webfont_batch/Paresthesia_Condensed/paresthesia_condensed-webfont.eot');
    src: url('../fonts/webfont_batch/Paresthesia_Condensed/paresthesia_condensed-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/webfont_batch/Paresthesia_Condensed/paresthesia_condensed-webfont.woff') format('woff'),
         url('../fonts/webfont_batch/Paresthesia_Condensed/paresthesia_condensed-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'Transmute Proper';
    src: url('../fonts/webfont_batch/Transmute_Proper/transmute_proper-webfont.eot');
    src: url('../fonts/webfont_batch/Transmute_Proper/transmute_proper-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/webfont_batch/Transmute_Proper/transmute_proper-webfont.woff') format('woff'),
         url('../fonts/webfont_batch/Transmute_Proper/transmute_proper-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

/*html { overflow: hidden; }*/
body {
    overflow-x: hidden;
   overflow-y: auto;
    background-image: url('../img/spiral_bg1.jpg');
    background-attachment:fixed;
    background-repeat: no-repeat;
    background-size: 1917px auto;
    background-position: -560px -62px;
    text-rendering: optimizeLegibility;

}	

hr {margin:0; padding:0;}


a {
   color:inherit;
   text-decoration:none;
   border-style:none;
}

img {
	border-style:none;


}


li a {
 height:100%;
 width:100%;
 display:block;



}

ol {
list-style-type: upper-roman;
margin: 5%;
}

.siteheader {
    position: absolute;
    color: #FFF;
    font: 60px Transmute Proper, sans-serif;
    font-weight: normal;
    margin: 0;
    padding: 0;
    margin-top: 22px;
    letter-spacing: 10px;
    margin-left: -3px;



}


#whole {
    position:absolute;
    width:100%;
    overflow:hidden;
    top: 0px;
    left: 0px;
    min-height:100%;

}


#main_cont {

position: relative;
border-left: solid 7px #000000;
margin-left: 290px;
max-width:800px;
margin-top: 110px;
background-color: rgba(255,255,255,0.9);
padding: 3px;
border-radius: 0px 30px 30px 0px;
min-width:455px;
font: 15px/21px /*'Paresthesia',*/ 'Andron Freefont LAT', serif;
min-height:350px;
}


#main_cont a {

text-decoration:underline;



}


#main_cont p {

    margin: 15px;
   /*font: 97%/20px /*Paresthesia Condensed,Andron Freefont LAT, serif;*/
    text-align:justify;

}


#main_cont h3 {
font: 15px/21px 'Paresthesia', 'Andron Freefont LAT', serif;
font-size: 300%;
font-weight: normal;
margin: 0;
margin-bottom: -8px;
padding: 0;
line-height: 90%;
vertical-align: baseline;
margin-left: 25px;


}

#main_nav {
position: absolute;
top:220px;
left: 86px; 
width:200px;  
border-top: 22px #000000 solid;
border-radius: 0px 0px 10px 10px;
padding-bottom: 8px;
background-color: rgba(255,255,255,0.9);
}

#main_nav ul {
    list-style-type: none;
    font-family: Transmute Proper, AUdimat; helvetica, sans-serif;
    margin: 0;
    padding: 0;
    -webkit-transform: scaleX();
    font-size: 19px;
    line-height: 22px;
    letter-spacing: 3px;
    }


#main_nav ul li:hover {background-color: #000000; color: #FFF; cursor:pointer;}
#main_nav ul li a:hover:after {position:absolute; right: 0px; content: '\25A0'; }

.header_decal {
	/*width: 3%;*/
	width:22px;
	height:22px;
	vertical-align:top;
	position: relative;
	float:left;
}



.header_border {
	width:95%;
	height:7px;
	vertical-align:top;
	position:relative;
	float:left;
	margin-left:2px;
}



.logo_div {
	/*width: 15%;*/
	display:inline-block;
	position:absolute;
	top:10px;
	left:10px;
	width:200px;
	height:200px;


}


.header_decal div, .header_border div, .logo_div div {
vertical-align:top;
position: absolute;
height:100%;
width:100%;
top:0;
left:0;
bottom:0;
right:0;
background-color:#000000;
}

.logo_div div {
	background-image: url('../img/logo_dark.png');
	background-position:center;
	background-size: 90% auto;
	background-repeat:no-repeat;



}

.logo_div div p {
display:none;
color: #FFF;
font-family: 'Transmute Proper', 'AUdimat', sans-serif;
text-align: center;
position: absolute;
bottom: 0px;
width: 100%;
margin: 0;
letter-spacing: 8px;




}

#top_left {
position: fixed;
top: 0px;
left: 0px;
height: 400px;
width: 289px;




}

#footer{
color:#FFFFFF;
font-family: 'Paresthesia Condensed', 'Andron Freefont LAT', serif;
text-align:center;

position: relative; 
max-width: 800px; 
margin-left: 290px;

height:80px;
background-color: #000;
border-left: solid 7px #000000; 
margin-top: 20px; left:0px;
min-width:455px;
}

#footer p {margin:0; padding: 3px 0; letter-spacing:2px;}
#footer ul {
	max-width:100%;
	list-style-type:none;
	display: inline-block;
	padding: 0;
	margin: 0 auto;
	letter-spacing:2px; 
	font-size:13px;
}

#footer li {
	border-left: 2px #FFF solid;
	padding: 0 10px; 
	float:left;
	
}

#footer li:hover {
	background-color:#FFFFFF;
	color:#000000;
	cursor:pointer;


}

#footer li:first-child {border-style:none;}


.tile {
    
	background-color: #000000;
	color: #FFFFFF;
	display:inline-block;
	width:25%;
	margin: 4%;
	padding: 0;
	cursor:pointer;
}




.tile:after {
    
    display:block;
    content: '';
    padding-bottom: 100%;

    
}


.divide {
	width:100%;
	padding:0;
	margin:0;
	margin-bottom:40px;


}

#main_cont h4 {
font: 150%/44% 'Transmute Proper', Garamond, serif;;
border-bottom: dotted 2px #000000;
	
}
blockquote {
	
font: 100%/120% /*'Paresthesia',*/ Garamond, serif;
margin: 0 20%;
text-align: justify;
/*font-style: italic;*/
text-indent:-0.5%;

}

blockquote:first-letter {
    font-size: 150%;
}

.section {
	margin: 0 10px;

}

.inner_column {
	float:left;
	width:47%;
	margin: 0 1%;
	min-width:250px;
	
}


	@media all and (min-width:1500px) {

		 #main_cont { margin: 0 auto; margin-top: 110px;}
		 #footer {margin: 0 auto; margin-top:20px; } 

	}


	@media all and (max-width:1190px) {

		#footer, #main_cont {max-width: 640px;}


	}

	@media all and (max-width:1024px) and (min-width:799px) {

		#footer, #main_cont {max-width: 600px; margin-left:220px}
        .nav_articula {display:none;}
        #main_nav {left:10px}

	}

	@media all and (max-width:860px) {
		#footer, #main_cont {max-width: 550px;}
		.header_border {
			width:94%; }
		
	}

	@media all and (max-width:799px) {
		#footer, #main_cont {max-width: 80%; position:relative; margin:0 auto; /*margin-top:400px;*/}
		.inner_column {min-width:100%;} /*kill columns under this width */
		#footer {margin-top:20px;}
		#top_left {position:relative; top:0px; margin:0 auto;}
		.optional {display:none;}
		.logo_div div {background-size: 80% auto;}
		.logo_div div p {display:block;}

	}
/*
    @media all and (max-width:490px) {
        #main_cont h3 {font-size:250%; }
        .nav_articula {display:none;}
        #main_nav {left:10px}
       #top_left {width:200px;}
       #footer, #main_cont {max-width: 100%; min-width: 300px;  position:relative; margin:0 auto; /*margin-top:400px;*/}
       #main_cont img {display:block !important; float:none !important; width:66% !important; margin: 40px auto !important; margin-top:50px !important;}
       #main_cont p { margin:20px; font: 100%/20px /*'Paresthesia',*/'Andron Freefont LAT', serif; /*letter-spacing:1px;*/ }
      /* #footer li {float:none; display: list-item; border-style:none; text-align:left;}
       #footer {height: auto; text-align:left;}
	#footer ul {margin:20px; list-style-type:square; } */  
    	#footer p {text-align:center;}	
    }

    */