/* -- reset styles -- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
body
{
    line-height: 1;
}
ol, ul
{
    list-style: none;
}
blockquote, q
{
    quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after
{
    content: '';
    content: none;
}

/* tables still need 'cellspacing="0"' in the markup */
table
{
    border-collapse: collapse;
    border-spacing: 0;
}

/* --reset ended-- */
html
{
    height: 100%;
}
body
{
    background: #fff url(../images/bg_top.gif) repeat-x top left;
    min-width: 900px;
    text-align: center;
    height: 100%;
}
h1
{
    color: #bdc231;
    font: 16px Helvetica, Verdana, sans-serif;
    font-weight: 700;
    margin: 0;
    padding: 0;
}
h2
{
    color: #666;
    font: 14px Helvetica, Verdana, sans-serif;
    font-weight: 700;
    margin: 0;
    padding: 0;
}
li.nav
{
    background: transparent url(../images/nav_line.jpg) no-repeat right;
    border: 0px solid #CCC;
    float: left;
    font: 12px Helvetica, Verdana, sans-serif;
    list-style: none;
    padding: 30px 10px 15px;
    text-align: center;
    text-transform: uppercase;
    width: 100px;
}
li.navstart
{
    background: transparent url(../images/nav_line.jpg) no-repeat right;
    border: 0px solid #CCC;
    float: left;
    font: 12px Helvetica, Verdana, sans-serif;
    list-style: none;
    padding: 30px 10px 15px;
    text-align: center;
    text-transform: uppercase;
    width: 8px;
}
p
{
    padding-bottom: 6px;
    font: 12px Helvetica, Verdana, sans-serif;
}

a.nav:hover
{
    color: #FFF;
}
a.nav:link, a.nav:visited, a.nav:active, a.subnav:hover, a.subnav:active
{
    color: #bdc231;
    text-decoration: none;
}
a.nav.active
{
    color: #FFF;
}

#wrapper
{
    border: 0px solid green;
    min-height: 100%;
    height: auto !important;
    margin: 0 auto -75px;
    width: 875px;
}
#copy
{
    color: #000;
    font: 12px Helvetica, Verdana, sans-serif;
    text-align: left;
    width: 825px;
    padding: 25px;
    padding-bottom: -175px;
}
#feuilles
{
    background: url(../images/feuilles.jpg) no-repeat center center;
    border: 0px solid silver;
    height: 270px;
    position: relative;
    width: 820px;
    text-align: left;
    left: 0px;
    top: -25px;
}
#arbres
{
    background: url(../images/arbres.jpg) no-repeat center center;
    border: 0px solid silver;
    height: 93px;
    position: relative;
    width: 820px;
    text-align: left;
    left: 0px;
    top: -25px;
}

#home_btn
{
    height: 79px;
    position: absolute;
    top: 20px;
    width: 251px;
    z-index: 2;
}
#logo_sm a
{
    background: transparent url(../images/e5logo.png) no-repeat;
    background-position: top left;
    float: left;
    height: 79px;
    margin: 0;
    padding: 0;
    text-indent: -2000px;
    width: 251px;
}
#logo_sm a:hover, #logo_sm.on a
{
    background-position: top right;
}

#navbox
{
    background: transparent;
    border: 0px solid silver;
    color: #FFF;
    height: 60px;
    overflow: hidden;
    position: relative;
    text-align: left;
    top: 0px;
    width: 100%;
    padding-top: 120px;
    z-index: 1;
}

#columns
{
    border: 0px solid red;
    height: 170px;
}
li.col1
{
    background: transparent url(../images/yyc.gif) no-repeat;
    float: left;
    border: 0px solid green;
    width: 230px;
    height: auto;
    padding: 20px;
}
li.col
{
    border: 0px solid green;
    float: left;
    font: 12px Helvetica, Verdana, sans-serif;
    list-style: none;
    padding: 30px 10px 15px;
    text-align: left;
    text-transform: uppercase;
    width: 230px;
    height: auto;
    padding: 20px;
    text-transform: none;
}

#footer
{
    background: #fff url(../images/bg_bottom.gif) repeat-x top left;
    font: 11px Helvetica, Verdana, sans-serif;
    height: 75px;
    width: 100%;
    margin: auto;
}
#push
{
    height: 75px;
    width: 100%;
}
#footercontent
{
    border: 0px solid red;
    height: 90%;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    position: relative;
    top: 0;
    width: 850px;
}

#subnav1
{
    color: #999;
    float: left;
    font: 11px Helvetica, Verdana, sans-serif;
    overflow: show;
    position: absolute;
    top: 15px;
    z-index: 3;
}
#subnav2
{
    color: #999;
    float: right;
    font: 11px Helvetica, Verdana, sans-serif;
    overflow: show;
    position: relative;
    top: 15px;
    z-index: 3;
}
a.subnav:link, a.subnav:visited
{
    color: #999;
    text-decoration: none;
}
a.subnav.active
{
    text-decoration: underline;
}


.contact_columns
{
    border: 0px;
    height: 300px;
    width: auto;
}

.contact_columns h1, .contact_columns h2 {
    padding-bottom: 10px;
}

.contact_columns h2 {
    padding-bottom: 5px;
}
.contact_col1
{
    float: left;
    height: auto;
    width: 450px;
    padding: 20px;
}

.contact_col
{
    float: left;
    height: auto;
    width: 200px;
    padding: 20px;
}

.blurb {

}

.blurb h1 {
    font-size: 3em;
    color: #666;
    text-align: center;
}

.product_row
{
    display: block;
    width: 825px;
    height: 200px;
}


.product_col_main
{
    display: inline;
    float: left;
    width: 400px;
    text-align: left;
}

.product_col_logo
{
    display: inline;
    float: left;
    width: 150px;
    height: 200px;
    text-align: center;
}

.product_col_right
{
    display: inline;
    float: right;
    width: 100px;
    height: 200px;
    text-align: center;
}

.product_row h1
{
    font-size: 3em;
    margin: 10px 0px 10px 0px;
}

.product_row h2
{
    color: #666;
    font-size: 1.5em;
}

.product_row ul
{
    margin: 10px 0px 10px 0px;
}

.product_row li
{
    font: 12px Helvetica, Verdana, sans-serif;
}

.product_row a
{
    text-decoration: none;
    font-weight: bold;
    font-size: 1.2em;
}

ul.bullets {
    list-style: disc inside;
    margin-top: 5px;
}

ul.bullets li {
    margin-bottom: 5px;
}