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 23px 6px 23px; padding:0; font-weight: normal; color: #444;}
h1, h2, h3, h4
{
	line-height: 1;
	margin: 20px 0 10px 0;}

h1{	font-size: 2em; padding: 0px 6px; color: #111;; opacity: .9; font-family: 'Raleway', sans-serif;}

h2{font-size: 1.6em;   color: #7BABBF; padding: 0 23px; font-weight: 300; }

h3{	font-size: 1.08em; line-height: 1.4em; padding: 0 23px 8px 23px; font-weight: 300; }


h4, h5
{	font-size: .9em;  padding: 0px 20px 0 20px; color: #777; 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;  }
.crash {font-size: .5em; letter-spacing: -.1em;}

.red {color: #f00;}
.sml{font-size:.6em; color: #f00; letter-spacing: .3em;  padding: 3px 8px; opacity: .7; }
.sml2{font-size:.7em; color: #555;   padding: 3px 8px; }


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: disc;	margin: 0px 0 0 12px; padding: 0px 0px 0 23px; color: #222;}


/* menu stuff g'wan 'ere*/

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

/*
#menu p{color: #3B4E4F; padding: 20px; font-size: 1em; background: transparent; }
#menu h3 {font-size: 1.2em;}

*/



.header
{
	display:none; }
		
	.header h3 {padding: 0px 0 0 10px; text-align: left; margin: 2px 0 0 0; color: #eee; font-weight: normal;}
	
	
	.headertop
{	background: #eee;	font-weight: normal; color: #fff; 
width: 100%; top: 0; height: 60px; padding: 0 15px; position: fixed; z-index: 10; margin: 0; opacity: .7; border-bottom: 1px solid #dcdcdc; }
	
	
	.headertop h1 {	font-size: 1.6em; padding: 0px; color: #1F373F;  font-weight: normal; margin:4px 0 0 28px; font-family: 'Lobster', cursive;}
	
.headertop h3 {	 padding: 6px 0 0 0px; font-weight: normal; margin: 0px 5%; font-size: .8em; color: #4591AC; letter-spacing: .06em;}
.headertop a {color: #325F00; }
.headertop a:hover {color: #3B4A4F;}

	.red {color: #325F00; font-size: .7em; font-family: 'Open Sans', sans-serif; padding: 0 8px 0 0;}
	
	.header2
{
	
		font-weight: normal;
	color: #fff;
	width: 100%; top: 0;
	height: 60px; opacity: .92; 
	padding: 7px 0px 0 0; position: fixed;}
	
	.header a
{
	background: center center no-repeat transparent;
	background-image: url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADhJREFUeNpi/P//PwOtARMDHQBdLGFBYtMq3BiHT3DRPU4YR4NrNAmPJuHRJDyahEeT8Ii3BCDAAF0WBj5Er5idAAAAAElFTkSuQmCC );
	display: block;
	width: 40px;
	height: 40px;
	position: absolute;
	top: 0;	left: 12px;}
	
.header.fixed
{ position: fixed; top: 0; left: 0; }


#nav {width: 90%; margin: 59px 0 12px 0; background: #5598B0; height: 40px; padding:6px 5% 0 5%; opacity: .7; }
#nav h3 {padding: 6px 0 0 26px; font-size: 1em; font-weight: normal;  color: #eee; margin:0;}
#nav a {color: #fff;}
#nav a:hover {color: #003;}




.content {margin: 0
; background: transparent; outline: none; width: 100%; }


#intro {padding: 0; margin:0; width: 100%;}
#intro img {max-width: 100%; height: auto; padding: 6px 0;}


/*------------ #first -----------------*/

#first {background:transparent; height: auto; margin: 0px; width: 50%;	color: #111; border: 0px; float: left; }
#first img {max-width: 100%; height: auto; border: 0; padding: 0;}

.noborder {border: 0px;}

#box {background:#eee; height: auto;  width: 23.8%;	color: #000; border: 0px; float: left; margin: 0.6%; }
#box img {max-width: 100%; height: auto; border: 0; padding: 0;}


#cf1 {  position:relative;  height:auto;  width:100%;
  margin:0 auto;  }
#cf1 img {  position:absolute;  left:0;  -webkit-transition: opacity 1s ease-in-out;  -moz-transition: opacity 1s ease-in-out;  -o-transition: opacity 1s ease-in-out;  transition: opacity 1s ease-in-out;}
#cf1 img.top:hover {  opacity:0;}

#cf2 {  position:relative;  height:auto;  width:100%;
  margin: 78% auto;  }
#cf2 img {  position:absolute;  left:0;  -webkit-transition: opacity 1s ease-in-out;  -moz-transition: opacity 1s ease-in-out;  -o-transition: opacity 1s ease-in-out;  transition: opacity 1s ease-in-out;}
#cf2 img.top:hover {  opacity:0;}


/*------------ #display -----------------*/

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



/*------------ #second - MOBILE -----------------*/
#second {background: transparent; 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 h4 {padding: 0 0 0 0px;}
#second p {color: #fff;}

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

#second a:hover{color: #fff; border-bottom: 0px;text-decoration: none; outline:none;}


/*------------ #third -----------------*/

#third {background: #000;  height: auto; padding-left: 10px; padding-right:10px;
				padding-top: 0px;padding-bottom: 0px; color: #111; border-top: 0; }

#third p {color: #fff; padding: 0 0 10px 0; letter-spacing: .1em;}



/*------------ #letter -----------------*/

#letter {background: #ededed; height: auto; padding-left: 10px; padding-right:10px;	padding-top: 20px;padding-bottom: 10px; color: #111; }
#letter h3 {padding: 0px 20px; color: #fff;}
				





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




.footer
{	 background: transparent; text-align: center;
	font-weight: normal;
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
	width: 100%;
	height: 60px; bottom: 0; 
	padding:0px 50px; margin: 0; border-top:0;opacity: .9;
}

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

.footer a {color: #444;}
.footer a:hover {color: #bbb;}
.footer h3 {font-size: 1em; line-height: 1.6em; margin: 0; padding: 20px 0 0 0;  } 

.ted{margin: 0 0 0 8%; font-size: .8em;}

.content
{padding: 0px; background: transparent;}