html,
body {
	margin:0;
	padding:0;
	height:100%;
}
p  {
        text-align:left;
        color: #666;
	font: normal .9em "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
a   {
        color:#ef4035;
        text-decoration: none; 
}
img {
	max-width: 100%;
}
.list  {
        color: #666;
	font: normal .9em "Lucida Sans Unicode", "Lucida Grande", sans-serif;
                    
}
.strong  {
        color: #444;
	font: bold .9em "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
.elementicon  {
        word-spacing: 300%;
        text-align:center;  
}
#wrapper {
	min-height:100%;
	position:relative;
        background-repeat: no-repeat;
        background-position: left bottom 180px; 
        background-image: url("/images/bgimage_flood.jpg");
        background-size: 100% auto;
        background-repeat: no-repeat;
}
#header {
	background:none;
	padding-top:50px;
	padding-left:10px;
	padding-right:10px;
        min-height:120px;
}
#content {
	padding-bottom:180px; /* Height of the footer element */
        overflow: auto;
}
#content2 {
	padding-bottom:180px; /* Height of the footer element */
        overflow: auto;
        padding-left:5%;
        padding-right:5%;
}
#block {
	background:#444;
	width:100%;
	height:10px;
	position:absolute;
	bottom:120px;
	left:0;
        box-shadow:0px 0px 10px 0px #444;
}
#footer {
	background:#231f20;
	width:100%;
	height:180px;
	position:absolute;
	bottom:0;
	left:0;
        padding-top: 10px;
        overflow: auto;
        
}
#mm {
	background:clear;
	width:20%;
	height:180px;
	position:absolute;
	bottom:0;
	left:0;
        padding-top: 10px;
        z-index:1;
        
}

#mm img {
	max-width: 60%;
}
#footer img {
	max-width: 8%;
}
#current  {
        color:#ef4035; 
}
.logo  {

        float: right;
        color:#aaa; 
        letter-spacing: .5em;
        padding-right: 3%; 
        height: 20px;     
}

.logoimage  {

        position: absolute;
        z-index:2;
        left: 30px;
        top: 0px; 
        letter-spacing: .5em;
        padding-left: 3%; 
        width: 300px;     
}
.certifiedlogo  {

        max-width:50%;      
}

.icons  {

        float: right;
        padding-right: 2%; 
        height: 10%;  
        width: 10%;  
}
.mm  {

        float: left;
        padding-left: 5%;  
}

.right  {

        float: right;
        padding-right: 5%;  
}
.menu {
        position:relative;
        z-index:1;
        float: right; 
        word-spacing:3em;
        letter-spacing: 5px;
        color:#a1a1a1;  
        text-align:right;
        padding-right: 3%; 
        font: normal .75em "Lucida Sans Unicode", "Lucida Grande", sans-serif;  
        clear:both; 
}

.menu li {

        word-spacing:3em; 
        display: inline;
    
   
}

.menu a {

        text-decoration: none;
        color:#666; 
}

.menu a:hover {

        text-decoration: none;
        color:#222; 
}

.menu .hide {
	display: none; 
	}

.footer {
        color: #fff;
	font: normal .5em "Lucida Sans Unicode", "Lucida Grande", sans-serif;  
        text-align: center; 
}
.footer a {
        color: #fff;
}

.footer a:hover {
        color: #ef4035;
}

h4 {
	color: #222;
	font: normal 1.2em "Lucida Sans Unicode", "Lucida Grande", sans-serif;
        margin: 0px;

}

h4 a {

        text-decoration: none;
        color:#99d7fb; 
}

h4 a:hover {

        text-decoration: none;
        color:#222; 
}

h1 {
	color: #ef4035;
	font: normal 1.2em "Lucida Sans Unicode", "Lucida Grande", sans-serif;
        margin: 0px;

}

h1 a {

        text-decoration: none;
	color: #ef4035; 
}

h1 a:hover {

        text-decoration: none;
        color:#222; 
}
h2 {
	color: #444;
	font: normal .7em "Lucida Sans Unicode", "Lucida Grande", sans-serif;
        margin: 0px;
        text-transform: uppercase;

}

h2 a {

        text-decoration: none;
        color:#444; 
}

h2 a:hover {

        text-decoration: none;
        color:#222; 
}

h3 {
	color: #bbb;
	font: normal 1.7em "Lucida Sans Unicode", "Lucida Grande", sans-serif;
        margin-left: 10%;
        margin-right: 10%;
        text-transform: uppercase;
        line-height: 110%;

}

h3 a {

        text-decoration: none;
        color:#ed6a00; 
}

.disclaimer {
        display:inherit;
        font-size: .8em;
        color: #333;
	}
.call {
        display:none ;
	color: #ef4035;
	font: normal 1.9em "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	}

.call a {
	color: #ef4035;
	font: normal 1.4em "Lucida Sans Unicode", "Lucida Grande", sans-serif;
        text-transform: uppercase;
        text-decoration:none;
	}

@media (max-width: 1000px) {
	/* 633px grid (88x6 col, 21x5 gut; 88 21 88 21 88 21 88 21 88 21 88) */
	.menu {
        font: normal 1.0em "Lucida Sans Unicode", "Lucida Grande", sans-serif;	
        float:none;
        }       
        .menu li {
        display: none;
        padding: 0;
  
        }
.contact {
        text-align:center;
	}
	.menu a:active li {
		display: block;
		margin: 0 0 5px;
                font: normal 1.0em "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	}

	.menu .hide {
		display: block; 
	}
	.menu ul:hover li {
		display: block;
		margin: 0 0 5px;
	}

.certifiedlogo  {

        max-width:100%;      
}

	.footer {
		text-align:center;
		width: auto;
	}
	.logo {
		text-align:center;
		width: auto;
                display:none;
	}
        .icons {
		float: none;
                text-align: center;
	}
        p  {
                text-align:center;
        }
        #content2 {
		float: none;
		width: auto;
                padding-left:4%;
                padding-right:4%;
                overflow: auto;
	}
#mm {
        display:none;
}
}

@media (max-width: 500px) {

         html, body { width:100%;  }
         ul, li {margin: 0; padding: 0;}


       .menu {
          display:inline;
          width: auto;
          text-align:center;
          font: normal 1.2em "Lucida Sans Unicode", "Lucida Grande", sans-serif;	
          float:none;
	  margin: 0em;
	}
      
        .menu li {
        display: none;
        padding:0;
  
        }

	.menu .hide {
		display: block;
                padding-bottom: 20px; 
	}


	.menu ul:hover li {
		display: block;
		margin: 0 0 5px;
	}
	.menu a:active li {
		display: block;
		margin: 0 0 5px;
	}
	.menu a:visited li {
		display: none;
		margin: 0 0 5px;
	}


        .logo{
                 display:none;
                 width: 100%;
                text-align: center;
                float: none;
                 padding:0;
        }
.logoimage  {
        position: static;
        text-align:center;
        left: 0px;
        top:0px; 
        width: 100%; 
        padding: 0%;     
}
.certifiedlogo  {

        max-width:100%;      
}
.elementicon  {
        display:none;
}
        h3 {
	        text-align: center;
        }
        .icons {
		float: none;
                text-align: center;
	}

	.footer {
		float: none;
		width: auto;
                padding:0;
                text-align:center;
	}
	.disclaimer {
                display:none;
	}
        #content2 {
		float: none;
		width: auto;
                padding-left:4%;
                padding-right:4%;
                text-align:center;
                overflow: auto;
	}
        p  {
                text-align:center;
                font-size:1.2em;
        }
        .list  {
                list-style:none;
                text-align:left;
                    
        }
	.call {
                display:inherit ;
	}
#mm {
        display:none;
}
}