/*
        Site:        http://www.greenvalleyrecycling.ca

        File:        css/style.css

        Version:     v2.0

        Last Update: June 2011

        Author:      n42w81 web development studio (www.n42w81.com)

*/

/* .css ********************************************************************/

* {
    margin:                        0;
    padding:                       0;
}

html, body {
    height:                        100%;
    margin:                        0 0 1px;
    padding:                       0;
}

body {
    text-align:                    center;
    background-color:              #ffffff;
    font-family:                   'tahoma', arial, serif;
    font-weight:                   normal;
}

.green  { color:                   #00a24e; }
.lime   { color:                   #a7ce3a; }
.blue   { color:                   #008ace; }
.orange { color:                   #dc6d11; }

a {
    color:                         #000000;
}
a:hover {
    color:                         #008ace;
}

a image {
    border:                        none;
}

ol, ul {
    margin-left:                   20px;
}
li {
    margin-bottom:                 5px;
}

.highlight {
    font-weight:                   bold;
}

/* wraaper *******************************************************************/

#wrapper {
    width:                         960px;
    margin-left:                   auto;
    margin-right:                  auto;
    margin-top:                    10px;
    margin-bottom:                 10px;
    background-color:              #ffffff;
    text-align:                    left;
}

/* header ********************************************************************/

#header {
    position:                      relative;
    width:                         960px;
    height:                        120px;
    margin-bottom:                 5px;
    border:                        none;
}
#header #logo {
    position:                      absolute;
    top:                           0px;
    left:                          0px;
}
#header #logo img {
    height:                        120px;
    border:                        none;
}
#header #icons {
     position:                     absolute;
     width:                        140px;
     line-height:                  28px;
     top:                          10px;
     right:                        0px;
     text-decoration:              none;
     width:                        140px;
     border-bottom:                2px solid #00a24e;
     z-index:                      30;
}
#header #bin_rentals {
     position:                     absolute;
     width:                        130px;
     text-align:                   center;
     top:                          48px;
     right:                        0px;
     z-index:                      20;
}
#header #phone {
     position:                     absolute;
     width:                        140px;
     line-height:                  28px;
     bottom:                       0px;
     right:                        0px;
     border-top:                   2px solid #00a24e;
     z-index:                      40;
}
#header #bin_rentals img {
     width:                        100px;
     border:                       none;
}
#header #icons img,
#header #phone img {
     width:                        24px;
     border:                       none;
     margin-right:                 4px;
     border:                       none;
}

#header a,
#header a:hover,
#header #phone a,
#header #bin_rentals a,
#header #icons a {
     text-decoration:              none;
}

/* navigation ****************************************************************/

#navigation {
    position:                      relative;
    width:                         960px;
    height:                        40px;
    color:                         #000000;
    background-color:              #000000;
    border:                        2px solid #00a24e;
    text-align:                    center;
    z-index:                       400;
}
#top_menu {
    margin-left:                   65px;
    height:                        38px;
    font-size:                     1.0em;
    text-align:                    center;
}
#top_menu ul.sf-menu {
    background-color:              #000000;
}

#top_menu li {
    background-color:              #000000;
    margin-right:                  10px;
}
#top_menu li a {
    color:                         #ffffff;
    background-color:              #000000;
}
#top_menu li a.top {
    color:                         #ffffff;
    background-color:              #000000;
    border:                        none;
    border-right:                  2px solid #ffffff;
}
#top_menu li a.first {
    border-left:                   none;
}
#top_menu li a.last {
    border-right:                  none;
}
#top_menu li a:hover,
#top_menu li a:focus {
    color:                         #cccccc;
    background-color:              #000000;
}

/* main **********************************************************************/

#main {
    clear:                         both;
    position:                      relative;
    width:                         960px;
    margin-top:                    10px;
    margin-bottom:                 10px;
}

/* content *******************************************************************/

#content {
    position:                      relative;
    width:                         960px;
    background-color:              #ffffff;
    color:                         #000000;
}

#content .sub_header {
    position:                      relative;
    margin-bottom:                 10px;
}
#content .sub_header h3 {
    font-size:                     1.5em;
}

#content .sub_header .crumbs {
    position:                      absolute;
    top:                           0px;
    right:                         0px;
    color:                         #999999;
    line-height:                   2.0em;
    vertical-align:                middle;
}
#content .sub_header .crumbs a.focus {
    color:                         #cccccc;
    text-decoration:               underline;
    color:                         #999999;
}
#content .sub_header .crumbs a.other {
    color:                         #999999;
    text-decoration:               none;
}
#content .sub_header .crumbs a:hover {
    color:                         #999999;
    text-decoration:               underline;
}


#content p {
    margin-bottom:                 10px;
}

/* address *******************************************************************/

#address {
    position:                      relative;
    width:                         960px;
    height:                        40px;
    color:                         #ffffff;
    background-color:              #000000;
    border:                        2px solid #00a24e;
    line-height:                   36px;
    text-align:                    center;
    vertical-align:                middle;
}
#address a {
    color:                         #ffffff;
}
#address a:hover {
    text-decoration:               none;
}

/* footer ********************************************************************/

#footer {
    clear:                         both;
    position:                      relative;
    width:                         960px;
    text-align:                    center;
    font-size:                     0.8em;
}



#footer #site_links {
    position:                      absolute;
    top:                           0px;
    left:                          0px;
    width:                         470px;
    text-align:                    left;
}

#footer #site_links img {
    height:                        12px;
    margin-right:                  4px;
}

#footer #n42w81 {
    position:                      absolute;
    top:                           0px;
    right:                         0px;
    width:                         470px;
    text-align:                    right;
}
#footer ul {
    list-style:                    none;
    margin-top:                    5px;
    margin-left:                   0px;
}
#footer ul li {
    display:                       inline;
}
#footer a {
    text-decoration:               none;
    color:                         #000000;
}
#footer a:hover {
    color:                         #008ace;
}