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

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

body *
{	text-shadow: none;}

h1, h2, h3, h4, h5, h6
{	line-height: 1;	margin: 30px 0 10px 0;	}

h1{	font-size: 3.8em; padding: 23px 5% 2.3px 5%; color: #3a3a3a; font-weight: normal;  font-family: 'Didact Gothic', sans-serif;}

h2{font-size: 1.7em;   color: #3a3a3a; padding: 0 5%; font-family: 'Droid Serif', serif; line-height: 1.6em;}

h3{	font-size: 1.4em; line-height: 1.6em; padding: 0 23px;}

h4{	font-size: .8em; margin:0 4px; text-align:center; color: #888; font-weight: normal; padding: 42px 0 0 0;}

 h5, h6 {	font-size: 1em; margin: 8px 4px;}

p{font-size: 1.2em; margin: 0 ; padding:0 23%; font-weight: normal; line-height:1.6em; }

@media only screen and (max-width: 480px) {
	p{ font-size: .95em; padding: 0 12%; }
}



.menu {margin: 0 0 0 32px; font-size: 1.2em;}
.menu2  {margin: 0 0 0 120px;font-size: 1.2em;}
.menu3  {margin: 0 0 0 100px;font-size: 1.2em;}
.menu4  {margin: 0 0 0 42px;font-size: 1.2em;}
.sml{font-size:.5em;  letter-spacing: .1em;}
.med {font-size: .75em;}
.white {color: #fff; font-size: 1.2em;}

.pink {color: #Fff; font-size: 3em;}


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

a {outline: none;}

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

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


/* menu stuff g'wan 'ere*/

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

#nav {width: 100%; height: 35px; background: #2e2e2e; margin: 20px 0 0 0; padding: 4px 0 10px 0;}

#nav a:hover {background: #000; padding: 15px 0;}

@media only screen and (max-width: 480px) {
	#nav {display: none;}
}

#nav h3{	font-size: 1em; line-height: 1.6em; padding: 0; font-weight: normal; letter-spacing: .1em; margin:8px 0 0 0;}

#menu p{color: #ffc; padding: 20px; font-size: 1em; background: transparent; font-weight: normal;}
#menu h3 {font-size: 1.2em;}


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

.header
{	background: transparent;
		font-weight: normal;
	color: #fff;
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
	width: 90%; top: 0;
	height: 40px; z-index: 99;
	padding: 0 50px; position: fixed;}
	
	.header2
{
	background: #000;
		font-weight: normal;
	color: #fff;
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
	width: 100%; top: 0; 
	height: 60px; opacity: .75;   z-index: 99;
	padding: 0px 0px 0 0; position: fixed;}
	
	.header2 h1 
	{ font-size: 3em; color:#fff; padding: 0; margin: 0; text-align: center;}
	
	
	.header a
{
	background: center center no-repeat transparent;
	background-image: url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADhJREFUeNpi/P//PwOtARMDHQBdLGFBYtMq3BiHT3DRPU4YR4NrNAmPJuHRJDyahEeT8Ii3BCDAAF0WBj5Er5idAAAAAElFTkSuQmCC );
	display: block;	width: 40px; height: 54px; position: absolute;	top: 0;	left: 12px;  z-index: 10;}
	
.header.fixed{ position: fixed; top: 0; left: 0; }

@media only screen and (max-width: 480px) {
	{display: none;}
}
	
	
#intro {background: transparent; height: auto;  padding-top: 0; color: #fff; margin: 22px 0 0 0; } 
#intro img { max-width: 99.6%; height: auto; background: transparent;}
#intro p {color: #555;}

#box {width: 40%; height: 560px;  float: left; padding:  10px 0% 0 10%;}

#boxrt {width: 40%; height: 560px;  float: left; padding: 10px 10% 0 0%;}

@media only screen and (max-width: 480px) {
	#box, #boxrt {width: 100%; height: 600px;  float: left; padding: 0;}
}

#box p, #boxrt p {font-size: 0.9em;}

#first {background:  #f5f5f5; height: auto; padding-top: 0px; padding-bottom: 50px; color: #111; border-top: 0px;}
#first img, #second img, #third img, #bar img {max-width: 100%; height: auto; border: 0px; padding: 0;}

#bar {background: #ccc; width: 100%; height:auto; padding: 0 20%;}
#bar h1 {text-align: left; padding: 23px 0 0 1%;}

@media only screen and (max-width: 480px) {
	#bar { display:none; }
}

 
 @media only screen and (max-width: 480px) {
	#mobile { display: inline; background: #fff; width: 100%; height:auto; padding: 0; }
}

#mobile p {font-size: .85em; padding: 0;}

#second {background: #d1d1d1; height: auto;
color: #111; }


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


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



.noborder {border: 0px;}


.footer
{	background: #111; 
	font-weight: normal;	width: 100%;
	height: auto; bottom: 0; margin: 0;}

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

.footer a {color: #fff;}
.footer a:hover {color: #d00;}
.footer h3 {font-size: 1.2em; line-height: 1.6em; margin: 0; padding: 10px 0 10px 0; font-weight: normal; color: #fff; } 


.content
{padding: 40px 0px 50px 0px; background: #fff;}