/*
Eye++ Style Sheet
*/



* {
  margin:0;
  padding:0;
  }


/* =============selectors========== */
body {
   font-family: Verdana, arial, sans-serif;
   background-color: #f5f5f5; 
   margin: 0;
  }

a {
  color: #336333;
  }
a:visited {
  color: #c36333;
  }



/* ==========ids ======== */

#spacer {
   position: absolute;
   top:0;
   left: 0px;
   height: 1em;
   width: 820px;
   background-image: url(http://eyeplusus.com/greenbarright.jpg);
   background-color: #7BBC7B;
   background-position: right;
   background-repeat: repeat-y;
   border-bottom: 1px solid #008100;
   }

#header {
    background-color: white;
    margin: 0;
    position: absolute;
    top: 0;
    left: 250px;
    height: 12em;
    min-height:140px;
    width: 820px;
    font-size: 100%;
    }
  

  #sitebranding {
     postion: absolute;
     background-color: #fff;
     float: right;    
     margin: 2em 4px 0 0;
     padding-right: 20px;
     z-index: 100;
     }

  #contact {

     height: 11em;
     min-height: 140px;
     font-size: 80%;
     width: 20em; 
     padding: 1em;
     padding-top: 2em;
     padding-bottom: 0;
     margin: 0;
     position: absolute;
     top: 1em;
     left: 0;
     z-index: 0;
     }

  #contact p {
     line-height: 1.2em;
     margin: 0;
     padding-top: 2em;
     padding-bottom: 0;
     }

  #tagline {
     font-weight: bold;
     color: #fffd4d;
     background-color: #7BBC7B;
     background-image: url(http://eyeplusus.com/greenbarright.jpg);
     background-repeat: repeat-y;
     background-position: right;
     width: 800px;
     height: 1em;
     margin: 0;
     padding: .5em 10px;
     position: absolute;
     top: 12em;
     left: 0;  
     border-top: 1px solid #008100;
     border-bottom: 1px solid #008100;
     }


#navcontainer {
  position: absolute;
  top: 14em;
  left: 250px;
  background-color: #53a653;
  margin: 0;
  padding: .5em 10px;
  width: 800px;
  }

  #navcontainer ul {
     margin: 0;
     padding: 0;
     list-style-type: none;
     text-align: center;
     }

   #navcontainer ul li {
     display: inline;
     }

  #navcontainer a {
     text-decoration: none;
     font-weight: bold;
     padding: .2em 1em;
     border-right: 1px solid #386624;
     border-left: 1px solid #386624;
     }

  #navcontainer a:link {
     color: #f0ffff;
     }

  #navcontainer a:visited {
     color: #fffd4d;
     }

  #navcontainer a:hover {
     text-decoration: none;
     color: white;
     font-weight: bold;
     background-color: #0b7347;
     }

  #navcontainer a:active {
     color: #fffd4d;
     }

#container {
   position: absolute;
   top: 16em;
   left: 250px;
    }

  

#bodycontent {
   margin-top: 8px;
   padding: .5em 10px;
   width: 800px;
   background-color: #ededed;
   border: 1px solid navy;
   }

   #bodycontent h1{
     padding: .5em 0 1em 0;
     font-weight: bold;
     font-size: 1.5em;
     }

   #bodycontent h2 {
     padding: .5em 0 .25em 0;
     font-weight: bold;
     font-size: 1.25em;
     }


   #bodycontent h3, h4, h5, h6 {
     padding-bottom: .25em;
     font-weight: normal;
     font-size: 1.25em;
     }

   #bodycontent p {
     padding: 0 0 1.5em 0;
     }






#leftside {   
   position: absolute;
   top: 16em;
   left: 0;
   }

#rightside {
   position: absolute;
   left: 1120px;
   top: 16em;
   }


#copyright {
   font-size: x-small;
   text-align: center;
   padding: .2em 0 .5em 0;
   }



/* =================classes ==============*/

p.nudge {
   margin-left: 10px;
   }

.testimonial {
   position: relative;
   left: 2em;
   font-style: italic;
   margin: 1em 5em .5em 0em;
   width: 80%;
   }


.video {
  padding: 2em;
  }
   
.audio {
  paddiong: 2em;
  }