.clearFix{
    clear:both;
}

body{
    font-family:'myriad pro';
    margin:0;
    padding:0;
}

.mainContentContainer{
    min-width:960px;
    overflow:hidden;
}



.leftContent{
    height:100%;
    float:left;
    margin-bottom: -5000px;
    padding-bottom: 5000px;
    margin-left:1em;
    margin-right:4em;
    border-right:1px dotted grey
}

.rightContent{
    max-width: 73em;


    overflow: hidden;
}

.topMostContent{
    height:2em;
    width:100%;
    background: #000;
    color:#fff;
    font-weight: bold;
    font-size: 2em;
    line-height: 2em;
    padding-left:9em;
}

/*.header{
    height:2em;
    width:100%;
    position: absolute;
    top:0;
    left:0;
    background: #000;
    color:#fff;
    font-weight: bold;
    font-size: 2em;
    line-height: 2em;
    padding-left:9em;
    display:none;
}*/

.mainBody{
    margin-top:2em;
}


.welcomeText{
    text-align: justify;
    float:left;
    max-width:24em;
    line-height: 125%;
    margin-right:2em;

}

.exampleVeneers{
    width:400px;
    float:left;
    padding: 1em;

}

.exampleVeneers img{
    width:400px;
}

.mainBody h1{
    font-size:1.8em;
    margin-bottom:1em;
    margin-top:1em;
    font-weight: normal;
}

.homePageLinks{
    margin-top:3em;

}

.leftContent{
    background: #c0d23e;
    height:100%;
    margin:0;
    padding:0;
    margin-right:2em;

    padding-bottom: 999em;
    margin-bottom: -999em;
  /*  This should stretch the background downwards http://stackoverflow.com/a/14162373/1624960*/

}

.homePageLinks img{
    width:26em;
    margin-bottom:1.5em;
    margin-right:1em;
}

.homePageLinks img:hover{

}

.homePageLinkContainer a{
    float:left;
}

.homePageLinkContainer p{
    padding:1em;
}


.navigation{
    width:15.8em;

}


.navigation ul{
    margin:0;
    padding:0;
    position: fixed;
    top:40%;
    left:0;

}

.navigation li{

    line-height: 100%;
    list-style: none;
    border-bottom:1px dotted grey;
    padding:.5em;
    padding-left:1em;
    padding-right:1em;
    width:100%;
    overflow:hidden
}

.navigation li.last{
    border-bottom:none;
}


.navigation a{
    color:#3BCE12;
    color:#C18319;
    color:#fff;
    color:#000;


    /*   color:#C8A47C;
       color:#64B2EA;*/
    font-size:105%;
    font-weight:bold;
    font-family: helvetica, arial;
    text-decoration: none;
}


.navigation a:hover, .navigation a:active{
    color:#fff;

}

.naturalVeneersContainer{

}

.singleNaturalVeneer{
    width:75px;
    height:130px;
    text-align:center;
    float:left;
    margin-right:3em;
}

.singleNaturalVeneer a{
    text-decoration: none;
    color:grey;
}

.singleNaturalVeneer a:hover{

    color:#000;
}

.naturalVeneerTitle{
    font-size:.8em;
    margin-bottom:.2em;
    height:30px;
    line-height: 115%;
    text-transform: uppercase;
}



.naturalVeneerImage{
    width:80px;
    height:80px;
    background:darkorange;
    margin:0 auto;
    margin-bottom:.2em;
}

.manmadeSingleContainer{
    margin-bottom:.5em
}

.manmadeSingleContainer a{
   text-decoration: none;
}

.manmadeSingleContainer a:hover{
    text-decoration: underline;
}

.manmadeImage{
    background: darkolivegreen;
    height:20px;
    width:50px;
    float:left;
}

.manmadeTitle, .manmadeSerial{
    float:left;
    margin-left:2em;
    line-height:125%;
}

.tableSizes{


}

.column{
    float:left;
    width:8em;
    text-align:center;
    border-right:1px solid grey;
    border-top:1px solid grey;
    height:1.9em;
    line-height: 1.9em;

}

.firstColumn{
    border-left:1px solid grey;
    width:13em;
}

.lastRow{
    border-bottom:1px solid grey
}

.rowHeaders .column{
    height:2.2em;
    line-height: 2.2em;
    font-style: italic;
}

.odd{
    background:lightgrey;
    background:#eeeeee;
    background:#e5f04c;

}

.even{background:white;}

.chartTick{
    width:20px;
    margin-top:6px;
}