@font-face {
	font-family: 'icomoon';
	src:url('http://treehouse-code-samples.s3.amazonaws.com/CSS-DD/codepen/stage-13/fonts/icomoon.eot');
	src:url('http://treehouse-code-samples.s3.amazonaws.com/CSS-DD/codepen/stage-13/fonts/icomoon.eot?#iefix') format('embedded-opentype'),
		url('http://treehouse-code-samples.s3.amazonaws.com/CSS-DD/codepen/stage-13/fonts/icomoon.woff') format('woff'),
		url('http://treehouse-code-samples.s3.amazonaws.com/CSS-DD/codepen/stage-13/fonts/icomoon.ttf') format('truetype'),
		url('http://treehouse-code-samples.s3.amazonaws.com/CSS-DD/codepen/stage-13/fonts/icomoon.svg#icomoon') format('svg');
}

body {background-color: #ccc; margin: 0px;
      height:100%;
      font-family: 'Lato', sans-serif;
}


#wrapper {margin: 0 3%;
background-color: #fff;

}


.header {
float:left;width:100%;
        background: #484848;

        margin:0;
}

.logo {width:40%;
       padding:3%;
       margin:0;
       background-color: #484848;
       float:left;
}
#animation{float:left;
    margin: 30px 0 0 20px; 
    padding: 0px;
     background-image: url('/imag/ml-ani-new-bg.gif'),url('/img/ml-ani-new-03.gif');
    background-repeat: no-repeat;
    
    background-color: #484848; 
   
 }
.clear {
    clear: both;
}

.link {border: 2px solid #7ab0fe;
}

*/
.scale-image {
   display: block;
   width: auto;
   max-width: 99%;
}
/* used on images */
.float-left {float: left;
             margin: 4px 15px 3px 0;
             padding: 2px;
             border: 1px solid #ccc;
             }

           
.clips {width:95%;
        padding: 2%;
        margin: 10px 0px;
        border: 3px solid #999;
        background: #484848;

        
        }            

h1 {font-size: 250%; font-weight:300; margin:0; color: #dedede;}
h2 {font-weight: 400; margin:0; color: #666;}
h3 {font-weight: 400; margin:0; color: #666;} 
h4 {font-weight: normal; margin:0; color: #dedede;}       

p  {font-size: 1em; 
    margin:0px; 
    color: #666; 
    padding:4px 0px 5px 0px;}
    
p a {text-decoration: none;
     color: #7ab0fe;
             }
p a:hover {text-decoration: underline;
           color: #7ab0fe;
             
}
p.title{
        font-size: 1.5em; 
        margin:0px; 
        color: #999; 
        padding:10px 20px 0px 0px;
        text-align:right;} 

p.home {font-size: 1.5em; 
        margin:0px; 
        color: #666; 
        padding:10px 0px 10px 0px;}
        


p.quotes {font-size: 1em; 
          font-weight:300; 
          margin-top: 6px; 
          color: #666; 
          
          padding-top: 0.3em; 
          line-height: 1.2em;}
          
 p.quotes a {color: #666;
             text-decoration: none;
             
}
 p.quotes a:hover {color: #339c56;
             text-decoration: underline;
             
}

p.names {font-size: 0.8em; 
          margin: 3px 4% 0 0;  
          padding: 0.5em; 
          line-height: 1em;
          text-align:right;}         


p.att {font-size: 0.75em; 
          font-weight:300; 
          margin:0; 
          color: #666;  
          padding-top: 0.3em; 
          line-height: 1.2em;
          border-bottom: 2px #ccc dotted; }

p.attribute {font-size: 0.75em; 
          font-weight:300; 
          margin:0; 
          color: #666;  
          padding: 0.5em ; 
          line-height: 1.2em;
          text-align:right;
          }
          
 p.att a {color: #339c56;
             text-decoration: none;
             
}
 p.att a:hover {color: #339c56;
             text-decoration: underline;
             
}	

p.prose {font-size: 1em;
         font-style: italic; 
          font-weight:300;
          line-height: 1.6em;
          color: #666; 
          margin:0;   
          padding: 0;
           }
          
.centre {text-align:center;
          }


.prosebg  {margin-bottom:5px;
           padding: 10px 0;
           background:#fbf5e7;
           border: 1px #ccc dotted;
}
	
.red  {color: #c63f3b;}
.blue  {color: #7ab0fe;}
.orange  {color: #e79f49;}
.green  {color: #339c56;}


.red a{color: #c63f3b;
        text-decoration: underline;}
.blue a{color: #7ab0fe;
        text-decoration: underline;}
.orange a {color: #e79f49;
           text-decoration: underline;}
.green a {color: #339c56;
          text-decoration: underline;}
	


#menubg { float:left;  
        width: 100%;
        background: #999;
        margin:0;
        border-top: 2px solid #dedede;
        border-bottom: 2px solid #dedede;
}
	         
	         
.main-nav{
  float: left;
  margin: 5px 0px 5px 15px;
  list-style:none;
}
.main-nav li {
    float: left;
    color: #fff;
    border-right: solid 1px #fff;
     padding: 0 1em;

  }
.main-nav li a {
text-decoration:none;
 color: #fff;

  }
  
  .main-nav li a:hover{
    text-decoration: underline;
    color: #e79f49;
    }
    
.main-nav li:last-child {
    border-right: none;
  }
  
  
.dropdown{
  position: relative;
}
.dropdown:after {
  content: "\25BC";
  font-size: .5em;
  display: block;
  position: absolute;
  top: 30%;
  right: 5%;
   
}

.dropdown:hover > .drop-nav {
  display: block;
}
.drop-nav {
  position: absolute;
  display: none;
}
.drop-nav li {width: 100%;
  font-size: 0.75em;
  padding: 2px 8px;
  border-bottom: 1px dotted #ccc;
  list-style:none;
  background: #999;
}
         





#footercont       {height: 40px; width: 99%; margin: 3px 0; text-align:center;}
#footercont ul    {margin: 0px; padding-top: 25px;  list-style: none; }
#footercont li    {display: inline; font-size: 0.6em; color: #999; font-style: normal;
                    padding: 2px 20px 0px 15px;}
#footercont li a  {text-decoration: underline; color: #999;}

  /* form stuff */
form.jwmm {background: #f5f5f5;
width : 95%;
padding: 5px;
border: 1px solid #e79f49;

}  
p.jwmm {
   font-size: 0.8em;
   color: #666;
   padding: 5px;
   margin: 0px;
}

form.jwmm fieldset {padding: 3px;
margin-bottom:10px;
border : none;
/*border-top : 1px solid #7ed7d9; */
}
form.jwmm input {
width : 235px;
}

form.jwmm input.submit {
width : 120px;
}
form.jwmm legend {   font-size: 0.8em;
padding : 0 3px;
font-weight : bold;
color: #e79f49;
}
form.jwmm label {  
width : 120px; 
font-size: 0.8em;
display : inline-block;
vertical-align : top;
color: #e79f49;
}
form.jwmm fieldset ol {
margin : 0;
padding : 0;
}
form.jwmm fieldset li {
list-style : none;
padding : 5px 0px 5px 5px;
margin : 0;
}


form.jwmm em {
font-weight : bold;
font-style : normal;
color : #f00;
}