html, body
{
	padding: 0;
	margin: 0;
}
body
{
	background: #eee url(grid.jpg) repeat;
	font-family: 'Open Sans', sans-serif; 
	position: relative;	-webkit-text-size-adjust: none;}
	
body *
{	text-shadow: none;}

p{font-size: .9em; margin: 0 12px 6px 12px; padding:0; font-weight: normal; color: #222;}
 
h1{	font-size: 2em; padding: 32px 0 0px 12px  ; color: #555; }

h2{font-size: 1.32em;   color: #3E7C8F; padding: 16px 23px 6px 12px; line-height: 1.4em; }

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


ul li {	list-style-type: disc; font-size: .9em; margin:0 10px; color: #222; padding: 0 23px;	}

.content
{padding: 10px 0px 0px 0px; background: transparent; margin: 0; width: 100%;}


/* menu stuff g'wan 'ere*/

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

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


.headertop
{	background: #7EABBA; font-weight: normal; 
	width: 100%;  height: 44px; padding: 0px 15px; position: fixed; opacity: 1; margin: 0px 0 0 44px; }


.headertop h1 {	 padding: 80px 0px 0px px; font-weight: normal; margin: 10px 0 0 0; font-size: 1.08em; color: #fff; letter-spacing: .01em;}
.headertop h3 {	 padding: 0px; font-weight: normal; margin: 0px; font-size: .1em; color: #4591AC; letter-spacing: .06em;}

.red {color: #325F00; font-size: .8em; font-family: 'Open Sans', sans-serif; padding: 0 8px 0 0;}


.header
{	background: transparent; font-weight: normal; color: #fff;	width: 100%; top: 0; height: 42px; margin:0;
	padding: 0 50px; position: fixed; display: block; }
	
	
	.header.fixed
{ position: fixed; top: 0; left: 0;  }
	
	.header h3 {padding: 6px 0 0 10px; margin: 2px 0 0 0; color: #eee; font-weight: normal; font-size: 1em; color: #a00;}
	.header a
{	background: center center no-repeat #295E6F;
	background-image: url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADhJREFUeNpi/P//PwOtARMDHQBdLGFBYtMq3BiHT3DRPU4YR4NrNAmPJuHRJDyahEeT8Ii3BCDAAF0WBj5Er5idAAAAAElFTkSuQmCC );
	display:inline;	width: 44px;	height: 44px;
	position: absolute;	top: 0px;	left: 0px; padding: 0; margin: 0;}
	
.header2 {display: none;}
#nav {display:none;}


#intro {background: transparent;  height: auto;  padding: 0;  margin: 50px 0; width: 100%;  } 
#intro img {max-width: 100%; height: auto; padding: 12px 0 0px 0;}




/*------------ #first - MOBILE -----------------*/
#first {background:transparent; height: auto; padding:8px ; color: #111; border-top: 0px; opacity:1;  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;}

#second h4
{font-size: .9em;  padding: 6px 0px 0px 12px; color: #aaa; font-weight: 100; line-height: 1.8em;}


/*------------ #box for image gallery on home page - MOBILE -----------------*/
#box {background:transparent; height: auto; padding:0px 8px 0px 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;}


#sub-foot
{width: 90%; margin: 0; height: 100px; padding: 6px 5% 10px 5%; background: #47595F;}
#sub-foot a:link, #sub-foot a:visited {color: #bbb;}
#sub-foot a:hover {color: #fff;}

#sub-foot h4 {padding: 0px 0 12px 0px; text-align:center; line-height: 2.5em;}

.footer
{	background: #1F373F; position:inherit;	font-weight: normal; width: 100%; height: auto; padding:0px; margin: 0px 0 0 0; text-align: center; border-top: 1px dashed #eee; border-bottom: 0;}

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

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

.footer h3 {color: #800; padding: 20px 0 0px 0px; font-size: 1.4em; font-weight: normal; line-height: 1.4em;} 
.footer h4 {color: #ccc; padding: 0 0 18px 0; font-size: .7em; letter-spacing: .08em}