html, body
{	padding: 0;	margin: 0;}

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

p{font-size: 1.1em; margin: 0 18px 6px 18px; padding:0; font-weight: normal;}
h1, h2, h3, h4, h5, h6
{
	line-height: 1;
	margin: 20px 0 10px 0;	
}

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

h2{font-size: 2.3em;   color: #777; padding: 0 23px; font-weight: 400; }

h3{	font-size: 1.4em; line-height: 1.6em; padding: 0 23px; font-weight: 300; font-family: 'Raleway', sans-serif;}


h4, h5
{	font-size: .8em; font-variant:small-caps; padding: 70px 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: none;	margin: 0px;	padding: 0px;}


/* 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,
.content,
.footer
{
	text-align: center; 
}
.header
{
	background: #666;
		font-weight: normal;
	color: #fff;
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
	width: 100%; top: 0;
	height: 40px;  margin:68px 0 0 0;
	padding: 0 50px; position: fixed; }
		
	.header h3 {padding: 0px 0 0 10px; text-align: left; margin: 2px 0 0 0; color: #eee; font-weight: normal;}
	
	.headertop h1 {	font-size: 2.4em; padding: 0px; color: #fff;  font-family:Georgia, "Times New Roman", Times, serif; font-weight: normal; margin:20px 0 0 10px;}
	
	.header2
{   background: -webkit-linear-gradient (#fff, #aaa)); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient (#fff, #aaa); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient (#fff, #aaa); /* For Firefox 3.6 to 15 */
    background: linear-gradient (#fff, #aaa);
	
		font-weight: normal;
	color: #fff;
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
	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; }



#intro {background: #000;  height: 40px;  padding-top: 0; color: #fff; margin: 0px;   } 

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

#first {background:#000; 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: #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
{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: #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;}
				


/*------------ #letraset -----------------*/
#letraset {border: 0; margin: 20px 0px; background: #ddd; padding: 12px;} 
#letraset h3 {padding: 0px 6px;}
#letraset p {padding: 0px 6px; color: #222;} 

.newspaper
{-moz-column-count:2; /* Firefox */
-webkit-column-count:2; /* Safari and Chrome */
column-count:2;

-moz-column-gap:10px; /* Firefox */
-webkit-column-gap:10px; /* Safari and Chrome */
column-gap:10px;
column-fill: balance;
padding: 0 0 16px 0;}

/*------------ #fourth -----------------*/


#fourth {background: #EF5982 url(square.jpg) repeat; height: auto; padding-left: 10px; padding-right:10px;		padding-top: 0px;padding-bottom: 0px; color: #111; }



/*------------ #fifth -----------------*/

#fifth {background: #eee url(golf.jpg) repeat; height: auto; padding-left: 10px; padding-right:10px; padding-top: 0px;padding-bottom: 0px; color: #111; border-top: 0px solid #fff; }


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




.footer
{	 position: fixed; background: #000;
	font-weight: normal;
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
	width: 100%;
	height: 60px; bottom: 0; 
	padding:0px 50px 0px 50px; margin: 0; border-top:0;opacity: .9;
}

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

.footer a {color: #fff;}
.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: 40px 0px 50px 0px; background: transparent;}





