html, body
{
	padding: 0;
	margin: 0;
}
body
{
	background-color: #eee font-family: 'Open Sans', sans-serif; 
	position: relative;	-webkit-text-size-adjust: none;}
	
body *
{	text-shadow: none;}

p{font-size: 1em; margin: 0 23px 6px 23px; padding:0; font-weight: normal;}

h1{	font-size: 2em; padding: 0px 23px; color: #fff; }

h2{font-size: 2em;   color: #555; padding: 80px 23px 12px 23px; letter-spacing:0.08em; }

h3{	font-size: 1.4em;  padding: 0 23px; color: #555;}

h4, h5
{	font-size: .8em; font-variant:small-caps; padding: 70px 20px 0 20px; color: #f00; font-weight: 100;}


.blockquote {border-left: 15px solid #eee; margin: 0 20px 0 20px; padding: 20px 0 0 20px; font-size: 1.2em; color: #444; letter-spacing: .05em;  }


a, a:link, a:active, a:visited, a:hover
{color: #000; border-bottom: 0;text-decoration: none; outline:none;}

a {outline: none;}

a:hover{color: #aaa; border-bottom: 0px dotted #f00;text-decoration: none; outline:none;}

ul li {	list-style-type: none;	margin: 0px;	padding: 0px;}


/* menu stuff g'wan 'ere*/

nav:not(.mm-menu)
{display: none;}

.header,.content,.footer{	text-align: left; }


	.headertop
{	background: #000;
		font-weight: normal; color: #fff;
	-moz-box-sizing: border-box; box-sizing: border-box;	
	width: 100%; top: 0; height: 68px; padding: 0 15px; position: fixed; }

.headertop h1 {	font-size: 1.4em; padding: 0px; color: #fff;  font-family:Georgia, "Times New Roman", Times, serif; font-weight: normal; margin:20px 0 0 10px;}

.grey {color: #aaa;}


.header
{	background: #000; font-weight: normal; color: #fff;
	-moz-box-sizing: border-box; box-sizing: border-box;	
	width: 100%; top: 0; height: 42px; margin:68px 0 0 0;
	padding: 0 50px; position: fixed; display: block;}
	
	.header.fixed
{ position: fixed; top: 0; left: 0; }
	
	.header h3 {padding: 0px 0 0 10px; text-align: left; margin: 2px 0 0 0; color: #eee; font-weight: normal;}
	.header a
{	background: center center no-repeat transparent;
	background-image: url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADhJREFUeNpi/P//PwOtARMDHQBdLGFBYtMq3BiHT3DRPU4YR4NrNAmPJuHRJDyahEeT8Ii3BCDAAF0WBj5Er5idAAAAAElFTkSuQmCC );
	display: inline;	width: 40px;	height: 40px;
	position: absolute;	top: 0;	left: 12px;}
	


#intro {background: #000;  height: 20px;  padding: 0; color: #fff; margin: 0px 0 0 0; width: 100%;  } 


/*------------ #first - MOBILE -----------------*/
#first {background:#000; height: auto; padding:8px ; color: #111; border-top: 0px; opacity:1; float: center; width:100%; ;}
#first img, #second img, #third img, #letter img {max-width: 100%; height: auto; border: 0; padding: 0; margin:0;opacity:1;}

.noborder {border: 0px;}

#hide {display:block;}


/*------------ #box for image gallery on home page - MOBILE -----------------*/
#box {background:#eee; height: auto; padding:8px ; color: #111; border-top: 0px; float: center; width:100%;  }
#box img {max-width: 94%; height: auto; border: 0; padding: 0; margin: 0;}


/*------------ #display, holds two galleries - MOBILE -----------------*/

#display-mobile {background:transparent; height: auto; margin: 0px; width: auto; }

#cf1, #cf2 { margin:0 auto 74% auto;  }

.top {display:none;}


/*------------ #second - MOBILE -----------------*/
#second {background: #000; height: auto; padding: 0; text-align: center;}
#second h2{ padding:0 23px 23px 23px; }
#second h3 { color: #fff; margin: 12px 9px 6px 23px; font-size: 1.4em; padding: 0px 0 0 0px;}
#second p {color: #fff;}

#second a, #second a:link, #second a:active, a:visited, a:hover
{color: #ccc; border-bottom: 0;text-decoration: none; outline:none;}
#second a:hover{color: #fff; border-bottom: 0px;text-decoration: none; outline:none;}


/*------------ #third -----------------*/
#third {background: #ccc; height: auto;  padding: 0; color: #111; border-top: 0px; opacity:1;}
#third p {color: #333; padding: 0 0 10px 0; }


/*------------ #letter-----------------*/
#letter {background: #222; height: auto; padding-left: 10px; padding-right:10px;	padding-top: 0px;padding-bottom:0px; color: #fff; }
#letter h2 {color: #fff;}

.newspaper
{-moz-column-count:1; /* Firefox */
-webkit-column-count:1; /* Safari and Chrome */
column-count:1;
-moz-column-gap:2px; /* Firefox */
-webkit-column-gap:2px; /* Safari and Chrome */
column-gap:2px;
column-fill: balance;
padding: 0 0 16px 0;
color: fff;}
							

#fourth {background: #000 ; height: auto; padding:  10px 0px 80px 0px; color: #111;  margin: 0;}

#fifth {background: #eee ; height: auto; 
padding-left: 10px; padding-right:10px;	padding-top: 0px;padding-bottom: 0px; color: #111;  }


#map {background:#E8E0D8; height: auto; padding: 0px; }
#map p {padding: 0;}


.footer
{	background: #333; position: fixed;
	font-weight: normal; opacity: .9;
	width: 100%;
	height: 70px; bottom: 0;
	padding:0px; margin: 0; text-align: center;
}

.footer.fixed
{position: fixed; bottom: 0; left: 0;}

.footer a {color: #fff;font-size: .9em;  font-weight: normal; }
.footer a:hover {color: #ccc; }

.footer h3 {color: #bbb; } 

.content
{padding: 120px 0px 0px 0px; background: #000;}