style.css

@charset "utf-8";
/* CSS Document */
.clearfix { display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}
a:active {outline: none;}

h1{font-family:sans-serif ; font-weight: normal; color: #000000;margin-bottom:10px}
p{font-family:sans-serif; font-weight: normal; color: #000000;margin-bottom:10px}
A:link{font-family: sans-serif ; color: #000000; text-decoration: none;}
A:visited{font-family:sans-serif ; color: #0000ff; text-decoration: none;}
A:hover{font-family:sans-serif ;color: #ff00ff;text-decoration: none;}

/* #header{position:relative;}
#nav{position:absolute;} */

.twenty {width: 20%;height:auto} .twentyfive {width: 25%;height:auto} .thirty {width: 30%;height:auto} .thirtyfive {width: 35%;height:auto} .forty {width: 40%;height:auto} .fortyfive {width: 45%;height:auto} .fifty {width: 50%;height:auto} .fiftyfive{width: 55%;height:auto} .sixty {width: 60%;height:auto} .sixtyfive {width: 65%;height:auto} .seventy {width: 70%;height:auto} .seventyfive {width: 75%;height:auto} .eighty {width: 80%;height:auto} .eightyfive {width: 85%;height:auto} .ninty {width: 90%;height:auto} .nintyfive {width: 95%;height:auto} .onehundred {width: 100%;height:auto}

/* OOOOOOOOOOOOOOOOOOOOOO Begin Responsive Menu OOOOOOOOOOOOOOOOOOOOOOOOOOOO */
#Moosewrap a {
   text-decoration: none;
   list-style: none;
}
#Moosewrap li {
   list-style: none;
}
#menu-icon {
   display: none;
}
.menu,.menu li {
   margin: 0;
   padding: 0;
}
.menu li {
   list-style: none;
   float: left;
   margin-right: 5px;
}
.menu a:link {
   display: block;
   color: #fff;
   background: transparent;
   text-align: left}

.menu a:hover {
   position: relative;
   background: transparent;
   color: #fff;
   bottom: 2px;
   text-shadow: 2px 2px 2px rgba(150, 150, 150, 1);
}
.menu a:visited {
   color: #000;
   background: transparent;
   text-align: center}

.menu ul {
background:transparent;
padding: 0px;
border: solid 0px #f00;
display: none;
position:absolute;
width:180px;
}

.menu ul li a:link{
margin: 1px 0 1px 15px;
display: block;
width: 150px;
background:#000;
padding:5px;
}

.menu ul li a:hover{
background:#900;
}

.menu ul li {float: none;margin: 0;padding: 0;background:transparent;width:40px}
.menu li:hover > ul {display: block;}
.current-menu-item a:link{background: transparent;} /*Current Button State*/
ul.menu ul ul { left: 100%; top: 0; }
ul.menu li:hover > ul { visibility: visible}
}

@media screen and (min-width: 600px) {.menu { display: block !important;}}

@media screen and (max-width: 479px) {

#Moosewrap {position: relative;}
#menu-icon { /*Nav bar in Phone Rest State*/
color: #fff;
width: 42px;
height: 30px;
background: #000 url(menuicon.png) no-repeat 0px center;
padding: 8px 10px 0 42px;
cursor: pointer;
border: solid 1px #666;
display: block;}
#menu-icon:hover {background-color: #900;} /*Nav bar in Phone hover State*/
#menu-icon.active {background-color: #600;} /*Nav bar in Phone Current State*/
.menu { /*Dropdown background in Phone */
clear: both;
position: absolute;
top: 38px;
width: 180px;
z-index: 10000;
padding: 5px;
background: #000;
border: solid 1px #eee;
display: none; }
.menu li {clear: both;float: none; margin: 5px 0 5px 2px;}
.menu a:link,.menu ul a:link {background: none;display: inline; padding: 0; color: #fff; border: none;} /* Text rest state in dropdown */
.menu a:visited,.menu ul a:visited {background: none;display: inline; padding: 0; color: #fff; border: none} /* Text visited state in dropdown */
.menu a:hover, .menu ul a:hover { background: none;color: #fff;} /* Text hover state in dropdown */
.menu ul {width: auto;position: static;display: block;border: none;background: inherit;}
.menu ul li {margin: 0px 0 0px 0px;}
}

/* OOOOOOOOOOOOO End Responsive Menu OOOOOOOOOOOOOOOOOOOOOOOOO */