/* 
	Mirola Stylesheet
*/

    * {
      margin: 0;
      padding: 0;
    }
    
    html {
      height: 100%;
      font-size: 100.01%;
      
      background: #fff;
    }
    
    body {
      text-align: center;
      min-height: 101%;
      font: 100.01%/130% Verdana, Helvetica, sans-serif;
      color: #000;
      background-image: url('../images/content-background-green.gif');
      background-repeat: repeat-x;
      background-position: left -285px;
      width: 690px;
      margin: 0 auto;
      padding: 30px;
      border-top: 1.25em solid silver;
      border-bottom: 0.6em solid silver;
    }
    
    body * {
      text-align: left;
    }
    
    img {
      display: none;
    }
    
    #nav {
      padding-top: 110px;
      float: left;
    }
    
    #nav ul {
      list-style-type: none;
    }
    
    #nav li {
      float: left;
      margin-right: 0.7em;
      margin-left: 0.7em;
      font-size: 80%;
    }
    
    #nav .first {
      margin-left: 3px;
    }
    
    .line {
      padding-top: 135px;
      border-bottom: 1px solid silver;
      margin-bottom: 100px; /* Required to have FF and IE render the same */
    }
    
    #logo {
      padding-top: 128px;
      width: 138px;
      background-image: url('../images/mirola_logo.gif');
      background-repeat: no-repeat;
      background-position: bottom left;
      float: right;
    }
    
    #container {
      position: relative; /* Required to allow top: to work */
      top: -75px;
      margin-bottom: -100px;
    }
    
    #content_right {
      float: right;
      padding: 1em 2em 1em 1em;
      
      margin: -2em 1em 1em 1.75em;
      
      border: 2px dashed #B9D305;
      
      background-color: #FFFFFE;
    }
    
    #content_right ul {
      list-style-type: square;
      margin-left: 1em;
      color: #B9D305;
    }
    
    #content_right li {
      padding-left: 0.2em;
    }
    
    #content_right a {
      font-size: 80%;
    }
    
    h1, h2 {
      color: #B9D305;
      font-size: 130%;
      margin-bottom: 0.7em;
    }
    
    h2 {
      margin-top: 1.75em;
    }
    
    p {
      font-size: 80%;
      margin-bottom: 1em;
      text-align: justify;
    }


/* Fixes */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0;
		width: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-table; clear:both;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */