/* ------------------------------------------
*** SSDM template styles
--------------------------------------------
*** lydia@toast.co.nz
-------------------------------------------- */

/* Misc Styles and defaults
-------------------------------------------- */

* {
    margin: 0;
    padding: 0;
}

body {
    color: #FFF;
    font-size: 62.5%;
    margin-bottom: 40px;
    font-family: Helvetica, Arial, sans-serif;
    background: #363636;
}

html {
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

caption, th, td {
    text-align: left;
    font-weight: normal;
}

.clear {
    clear: both;
}

/* MAIN DIVS
----------------------------------------- */

body.home {
    background: #363636 url(../images/homebg.png) repeat-x top center;
    margin: 0px auto;
}

body.page {
    background: #363636 url(../images/pagebg.png) repeat-x top center;
    margin: 0px auto;
}

body.consultancy {
    background: #363636 url(../images/pagebg.png) repeat-x top center;
    margin: 0px auto;
}

body.turf {
    background: #363636 url(../images/pagebg.png) repeat-x top center;
    margin: 0px auto;
}

body.lab {
    background: #363636 url(../images/pagebg.png) repeat-x top center;
    margin: 0px auto;
}

body.projects {
    background: #363636 url(../images/pagebg.png) repeat-x top center;
    margin: 0px auto;
}

body.staff {
    background: #363636 url(../images/pagebg.png) repeat-x top center;
    margin: 0px auto;
}

body.international {
    background: #363636 url(../images/pagebg.png) repeat-x top center;
    margin: 0px auto;
}

#header {
    padding-right: 82px;
    width: 1046px;
    height: 182px;
    margin: 0px auto 0;
    display: block;
    position: relative;
}

a#logo {
    width: 511px;
    height: 182px;
    display: block;
    float: left;
    overflow: hidden;
    text-indent: -999999em;
    outline: 0;
    background: transparent url(../images/ssdm-logo.png) no-repeat 0 0;
}

a#logo:hover {
    background: transparent url(../images/ssdm-logo.png) no-repeat 0 -207px;
}

#nav {
    width: 960px;
    height: 70px;
    margin: 0px auto 20px;
    padding: 12px;
    background: url(../images/menu/nav-bg.png) no-repeat top left;
}

#layout {
    width: 1000px;
    margin: 0px auto;
    display: block;
}

#footer {
    padding-top: 300px;
    margin: 0;
    background: #272727 url(../images/footerbg.png) repeat-x center top;
}

/* MenuOne
----------------------------------------- */
ul#menu-one {
    float: right;
    width: auto;
    margin: 60px 0 0;
    height: 47px;
    overflow: hidden;
    list-style: none;
    padding: 0;
    position: absolute;
    right: 80px;
}

ul#menu-one li {
    width: auto;
    height: 47px;
    list-style: none;
    padding: 0;
    text-align: right;
    float: left;
    display: inline-block;
}

ul#menu-one li.first a {
    background: transparent url(../images/menu-one-left.png) no-repeat bottom left;
    padding: 0 0 0 32px;
}

ul#menu-one li.first a:hover {
    background: transparent url(../images/menu-one-left.png) no-repeat top left;
}

ul#menu-one li.last a {
    background: transparent url(../images/menu-one-right.png) no-repeat bottom right;
    padding: 0 0 0 18px;
}

ul#menu-one li.last a:hover {
    background: transparent url(../images/menu-one-right.png) no-repeat top right;
}

ul#menu-one li.last a span {
    background: none;
    padding: 0 32px 0 0;
}

ul#menu-one li.last a:hover span {
    background: none;
}

ul#menu-one li a {
    width: auto;
    height: 47px;
    line-height: 50px;
    font-size: 12px;
    text-transform: uppercase;
    text-decoration: none;
    color: #C5C5C5;
    float: left;
    display: inline-block;
    text-shadow: 1px 1px 1px #000;
    padding: 0 0 0 18px;
    background: transparent url(../images/menu-one.png) repeat-x bottom left;
}

ul#menu-one li a:hover {
    color: #7A7A7A;
    text-shadow: 1px 1px 1px #2B2B2B;
    background: transparent url(../images/menu-one.png) repeat-x top left;
}

ul#menu-one li a span {
    background: transparent url(../images/menu-one-vr.png) no-repeat bottom right;
    padding-right: 20px;
    height: 47px;
    display: inline-block;
}

ul#menu-one li a:hover span {
    background: transparent url(../images/menu-one-vr.png) no-repeat top right;
}

/* MenuTwo
----------------------------------------- */
/* NOTE: This is a more complicated dropdown menu so styles have
been added in a seperate MENU style sheet*/

/* Footer */
.footer-content {
    width: 960px;
    margin: 0px auto;
}

.footer-top {
    padding-bottom: 30px;
    background: url(../images/footer-top-bg.png) no-repeat bottom center;
}

.footer-menu {
    padding-bottom: 60px;
}

.footer-content span.address {
    float: right;
    font-size: 14px;
    color: #FFF;
    line-height: 70px;
}

a.footer-logo {
    float: left;
    width: 254px;
    height: 70px;
    overflow: hidden;
    color: #272727;
    font-size: 2px;
    background: url(../images/ssdm_footer_logo.png) top left;
}

a.footer-rec-logo {
    float: right;
    width: 254px;
    height: 70px;
    overflow: hidden;
    color: #272727;
    font-size: 2px;
    background: url(../images/rec-services-logo.png) top left;
}

a.rec-logo {
    float: left;
    width: 254px;
    height: 34px;
    overflow: hidden;
    text-indent: -9999em;
    display: inline-block;
    color: #272727;
    font-size: 2px;
    background: url(../images/rec-services-logo2.png) top left;
}

#footermenu {
    display: block;
    list-style: none;
    margin: 0 0px 0 20px;
    width: auto;
    padding: 0;
    height: 36px;
    text-align: right;
}

#footermenu li {
    display: inline-block;
    list-style: none;
    margin: 0 10px 0 10px;
    padding: 0 20px 0 0;
    color: #4F4F4F;
    text-align: right;
    line-height: 36px;
    height: 36px;
    font-size: 11px;
    text-transform: uppercase;
    background: url('../images/footerli.png') no-repeat center right;
    text-align: right;
}

#footermenu li.last {
    background: none;
    padding-right: 0;
    margin: 5px 0 0 10px;
}

#footermenu li a {
    color: #666;
    text-decoration: none;
}

#footermenu li a:hover {
    color: #5FB946;
}

.footer-content p {
    width: 950px;
    color: #666;
    margin: 35px auto;
    text-align: right;
}

.footer-content p strong {
    font-size: 13px;
    font-weight: normal;
    color: #FFF;
}

.footer-content p a {
    color: #5FB946;
    line-height: 13px;
}

/* HomePage */
#home-content {
    width: 960px;
    margin: 0px auto;
}

#home-info {
    background: #2D2D2D;
    padding: 50px;
    width: 420px;
    float: left;
    display: inline-block;
}

#home-news {
    background: #404040;
    padding: 0;
    margin-left: 20px;
    width: 420px;
    float: left;
    display: inline-block;
}

#home-news h2 {
    color: #A5A340;
    float: left;
    width: 90px;
    font-weight: 200;
}

#home-news h2 {
    color: #A5A340;
    line-height: 45px;
    margin-bottom: 0;
    margin-left: 20px;
}

.news-header {
    width: 420px;
    height: 45px;
    margin-top: 5px;
    display: block;
    background: #404040 url(../images/news-header.png) no-repeat bottom center;
}

.news-header a.rss {
    width: 34px;
    height: 30px;
    margin: 4px 10px 0 0;
    float: right;
    text-indent: -99999em;
    outline: 0;
    background: #404040 url(../images/rss_btn.png) no-repeat center center;
}

.news-content {
    margin-top: 25px;
    margin-bottom: 20px;
}

#home-news h3, #home-news p, #home-news a.read-more {
    width: 380px;
    height: auto;
    margin-left: 20px;
}

#home-news h3 {
    color: #A5A340;
}

.news-content a.read-more {
    width: auto;
    height: 28px;
    line-height: 28px;
    padding-left: 38px;
    display: inline-block;
    color: #A5A340;
    text-transform: uppercase;
    outline: 0;
    font-size: 14px;
    overflow: hidden;
    background: url(../images/arrow-btn.png) no-repeat top left;
}

.news-content a.read-more:hover {
    background-position: bottom left;
    color: #2D2D2D;
    text-decoration: none;
}

/* Show/hide larger image */
#imagePortrait, #imageLandscape {
    float: left;
    margin: 0;
}

#imagePortrait {
    width: 114px;
}

#imageLandscape {
    width: 420px;
}

#imagePortrait #imageZoom {
    position: absolute;
    display: block;
    margin: 151px 0 0 93px;
    width: 26px;
    height: 26px;
    background: url(../images/zoom_btn.png) no-repeat;
}

#imageLandscape #imageZoom {
    position: absolute;
    display: block;
    margin: 10px 0 0 10px;
    width: 26px;
    height: 26px;
    background: url(../images/zoom_btn.png) no-repeat;
}

#imageLandscape #imageZoom:hover {
    background-position: bottom left;
}

#imagePortrait #imageZoom span, #imageLandscape #imageZoom span {
    display: none;
}

#imagePortrait .caption, #imageLandscape .caption {
    margin-top: 5px;
    font-size: 10px;
    color: #999;
}

#imagePortrait #imageLarge {
    position: absolute;
}

#imageLandscape #imageLarge {
    position: absolute;
}

#imagePortrait #imageClose {
    position: absolute;
    display: block;
    margin: 0 0 0 245px;
    width: 26px;
    height: 26px;
    background: url(../images/zoom_btn.png) no-repeat;
}

#imageLandscape #imageClose {
    margin: 10px 0 0 10px;
    top: 0;
    position: absolute;
    display: block;
    width: 26px;
    height: 26px;
    background: url(../images/zoom_btn.png) no-repeat top right;
}

#imageLandscape #imageClose:hover {
    background-position: bottom right;
}

#imagePortrait #imageClose span, #imageLandscape #imageClose span {
    display: none;
}

/* Show/hide larger image ends */
/*-----------------------------------------------------------------------------GENERIC PAGE CLASS */
#general-page {
    width: 960px;
    margin: 0px auto;
}

.content-2col {
    width: 960px;
}

.content-2col h2.l2-title {
    float: left;
}

.content-lcol {
    width: 357px;
    margin-right: 45px;
    float: left;
}

.content-rcol {
    width: 558px;
    float: left;
}

.content-lcol img {
    width: 335px;
    height: auto;
    padding: 10px;
    background: #353535;
    border: 1px solid #313131;
    margin-bottom: 25px;
}

.content-lcol a.contact-us {
    width: 172px;
    height: 54px;
    display: block;
    float: left;
    overflow: hidden;
    text-indent: -999999em;
    outline: 0;
    margin-top: 10px;
    background: transparent url(../images/contact-us-btn.png) no-repeat 0 -54px;
}

.content-lcol a.contact-us:hover {
    background: transparent url(../images/contact-us-btn.png) no-repeat 0 0;
}

.content-rcol a.contact-us {
    width: 172px;
    height: 54px;
    display: block;
    float: left;
    overflow: hidden;
    text-indent: -999999em;
    outline: 0;
    margin-top: 10px;
    margin-bottom: 25px;
    background: transparent url(../images/contact-us-btn.png) no-repeat 0 -54px;
}

.content-rcol a.contact-us:hover {
    background: transparent url(../images/contact-us-btn.png) no-repeat 0 0;
}

.staff a.contact-us {
    width: 172px;
    height: 54px;
    display: block;
    float: right;
    overflow: hidden;
    text-indent: -999999em;
    outline: 0;
    margin-top: 10px;
    margin-bottom: 25px;
    background: transparent url(../images/contact-us-btn.png) no-repeat 0 -54px;
}

.staff a.contact-us:hover {
    background: transparent url(../images/contact-us-btn.png) no-repeat 0 0;
}

.staff .content-lcol p strong {
    color: #5FB946;
    font-size: 20px;
    font-weight: 100;
}

.staff .content-lcol p strong em {
    color: #FFF;
    font-size: 12px;
    font-weight: 100;
}

.staff .content-lcol img {
    margin-bottom: 90px;
}

.staff .last img {
    margin-bottom: 0;
}

.staff .content-rcol {
    margin: 52px 0 20px;
}

.staff .content-rcol .divider {
    padding-bottom: 15px;
    display: block;
    width: 558px;
    height: 30px;
    background: transparent url(../images/staff-divider.png) no-repeat center center;
}

/*SIDEBAR*/
#Sidebar {
    background: #303030;
    padding: 20px 20px;
    width: 312px;
    height: auto;
    margin-bottom: 25px;
}

#Sidebar h3 {
    color: #181818;
    font-weight: 300;
    font-size: 24px;
    text-shadow: 1px 1px #333333;
}

.typography #Sidebar ul#Menu2 {
    list-style: none;
    margin: 0 0 0 0;
    border-top: 1px solid #363636;
}

.typography #Sidebar ul#Menu2 li {
    background: none;
    font-size: 13px;
    line-height: 18px;
    list-style: none outside none;
    margin: 0 0;
    padding: 0;
    color: #FFF;
}

.typography #Sidebar ul#Menu2 li a em {
    font-style: normal;
}

.typography #Sidebar ul#Menu2 li a {
    color: #FFF;
    padding: 6px 15px 6px 25px;
    background: #363636 url(../images/sub-li3.png) no-repeat 10px 0;
    border-bottom: 1px solid #363636;
    width: 272px;
    display: block;
}

.typography #Sidebar ul#Menu2 li a:hover {
    color: #5FB946;
    text-decoration: none;
    background: #363636 url(../images/sub-li3.png) no-repeat 10px -173px;
}

.typography #Sidebar ul#Menu2 li a.section, .typography #Sidebar ul#Menu2 li a.current {
    color: #5FB946;
    text-decoration: none;
    background: #363636 url(../images/sub-li3.png) no-repeat 10px -173px;
}

.typography #Sidebar ul#Menu2 ul.sub {
    margin-bottom: 0;
}

.typography #Sidebar ul#Menu2 ul.sub li ul.ssdm-l2 {
    margin: 6px 0 0;
    background: #313131;
    border-bottom: 1px solid #2A2A2A;
    padding-left: 20px
}

.typography #Sidebar ul#Menu2 ul.sub li ul.ssdm-l2 li {
    background: none repeat scroll 0 0 transparent;
    color: #666666;
    font-size: 12px;
    line-height: 16px;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    border-bottom: none;
}

.typography #Sidebar ul#Menu2 ul.sub li ul.ssdm-l2 li a {
    border-bottom: none;
    background: #313131 url(../images/level2-line2.png) no-repeat 6px 4px;
    padding: 6px 15px 6px 30px;
    color: #666666;
    width: 240px;
}

.typography #Sidebar ul#Menu2 ul.sub li ul.ssdm-l2 li a.current {
    border-bottom: none;
    background: #313131 url(../images/level2-line2.png) no-repeat 6px -183px;
    color: #FFF;
}

.typography #Sidebar ul#Menu2 ul.sub li ul.ssdm-l2 li a:hover {
    border-bottom: none;
    background: #313131 url(../images/level2-line2.png) no-repeat 6px -183px;
    color: #FFF;
}

.typography #Sidebar
    /*CONSULTANCY HOLDER*/
#consultancy-page {
    width: 960px;
    margin: 0px auto;
}

.content-width {
    width: 960px;
    margin: 0px auto;
}

#consultancy-page {
    width: 980px;
    margin: 0px auto;
}

#consultancy-page #leftcol {
    float: left;
    display: inline;
    width: 224px;
    margin-left: 10px;
}

#consultancy-page #main-content {
    float: left;
    display: inline;
    width: 746px;
}

#consultancy-page #leftcol a.contact-us {
    width: 172px;
    height: 54px;
    display: block;
    float: left;
    overflow: hidden;
    text-indent: -999999em;
    outline: 0;
    margin-top: 10px;
    margin-bottom: 25px;
    background: transparent url(../images/contact-us-btn.png) no-repeat 0 -54px;
}

#consultancy-page #leftcol a.contact-us:hover {
    background: transparent url(../images/contact-us-btn.png) no-repeat 0 0;
}

/* Sidebar Style
----------------------------------------- */
#consultancy-page #leftcol h2 {
    font-size: 28px;
}

#consultancy-page #leftcol p {
    font-size: 16px;
    color: #d9d9d9;
    line-height: 20px;
}

/* main-content Style
----------------------------------------- */
#Breadcrumbs {
    float: right;
}

#main-content h1 {
    margin-top: 45px;
}

.inner-content {
    padding: 0 24px 0 24px;
}

/*CONATCT PAGE*/
#contact-page {
    width: 960px;
    margin: 0px auto;
}

/* PROJECTS PAGE */
.project-images {
    margin: 0 0 0 0;
    display: inline-block;
    clear: both;
}

.bottom {
    margin: 20px 0 0 0;
    display: inline-block;
    clear: both;
}

.project-images img {
    background: none repeat scroll 0 0 #303030;
    border: 1px solid #2A2A2A;
    height: auto;
    padding: 10px;
    margin: 0 0 20px 0;
}

.project img {
    background: none repeat scroll 0 0 #303030;
    border: 1px solid #2A2A2A;
    height: auto;
    padding: 10px;
}

.typography h2.project, .typography h2.client, .typography h2.timeframe {
    margin-bottom: 5px;
    font-style: normal;
}

h2.project em, h2.client em, h2.timeframe em {
    color: #fff;
    font-style: normal;
}

.project .content-rcol .divider {
    background: url("../images/staff-divider.png") no-repeat scroll center center transparent;
    display: block;
    height: 5px;
    padding: 0;
    margin: 10px 0;
    width: 558px;
}

.project .content-rcol .bottom {
    margin-bottom: 15px;
}

/*soil-food*/
a.soil-food img {
    border: none;
}

a.soil-food:hover {
    opacity: .8;
}

ul#social-icons-block {
    float: right;
    list-style: none;
    margin: 5px 5px 10px 10px;
}

ul#social-icons-block li {
    display: inline-block;
    float: left;
    margin: 5px;
}