/* 
    Document   : home
    Created on : 27-Mar-2012, 10:16:33
    Author     : Adam Maltpress <adam@maltpress.co.uk>
    Description:
        Home page CSS file - home page only styles
*/

section#homeSlider {
    display: block;
    margin-top: 25px;
    height: 303px;
    border-radius: 0px 0px 0px 30px;
    position: relative;
}

section#homeSlider div.sliderWrap {
        border-radius: 0px 0px 0px 30px;
}

section#homeSlider div.sliderWrap article {
    width: 100%;
    height: 303px;
    display: block;
    border-radius: 0px 0px 0px 30px;
}

section#homeSlider div.sliderWrap article a {
    width: 100%;
    height: 303px;
    display: block;
    border-radius: 0px 0px 0px 30px;
}

section#homeSlider div.sliderWrap article h1 {
    font-size: 2.2em;
    color: #fff;
    font-family: 'UbuntuRegular', 'Myriad Pro', verdana, helvetica, sans-serif;
    display: block;
    width: 450px;
    position: absolute;
    left: 60px;
    top:125px;
}

section#homeSlider div.sliderWrap article div.panelDetails {
    position: absolute;
    display: block;
    font-family: 'UbuntuRegular', 'Myriad Pro', verdana, helvetica, sans-serif;
    color: #adadad;
    font-size: 0.9em;
    text-transform: uppercase;
    top: 70px;
    left: 60px;
}

section#homeSlider div.sliderWrap article div.panelDetails span.servicesBlock {
    padding-left: 15px;
    background: url('../images/sprite.png') no-repeat 0 -223px;
    color: #fff;
}

section#homeSlider div.sliderWrap article div.panelDetails span.approachBlock {
    padding-left: 15px;
    background: url('../images/sprite.png') no-repeat 0 -272px;
    color: #fff;
}

section#homeSlider div.sliderWrap article div.panelDetails span.newsBlock {
    padding-left: 15px;
    background: url('../images/sprite.png') no-repeat 0 -297px;
    color: #fff;
}

/*section#homeSlider div.sliderWrap article div.panelDetails span.servicesBlock {
    padding-left: 15px;
    background: url('../images/sprite.png') no-repeat 0 -223px;
    color: #fff;
}

section#homeSlider div.sliderWrap article div.panelDetails span.servicesBlock {
    padding-left: 15px;
    background: url('../images/sprite.png') no-repeat 0 -223px;
    color: #fff;
}*/

section#homeSlider div#sliderPaging {
    display: block;
    position: absolute;
    width: 100%;
    top: 130px;
    z-index:1000;
}

section#homeSlider div#sliderPaging a {
    display: block;
    text-align: -10000px;
    line-height: 0;
    font-size: 0;
    width:10px;
    height:20px;
    background: transparent url('../images/sprite.png') no-repeat;
}

section#homeSlider div#sliderPaging a.prev {
    float: left;
    margin-left: 15px;
    background-position: 0px -199px;
    
}

section#homeSlider div#sliderPaging a.next {
    float: right;
    margin-right: 15px;
    background-position: 0px -173px;
}

/* home content */

section#homeContent {
    margin-top: 40px;
}

section#homeContent div.homeTag {
    width: 213px;
    float: left;
    border-top: 1px solid #575757;
    padding-top: 10px;
    font-family: 'UbuntuRegular', 'Myriad Pro', verdana, helvetica, sans-serif;
    text-transform: uppercase;
    font-size: 0.8em;
    color: #fff;
    margin-right: 80px;
}

section#homeContent div.homeExcerpt {
    display: block;
    float: left;
    width: 600px;
    margin-top: -5px;
}

section#homeContent div.homeExcerpt h1 {
    font-size: 1.7em;
    color: #f9ee0f;
    margin-bottom: 10px;
}

section#homeContent div.homeExcerpt p {
    color: #dcdcdc;
    font-size: 1em;
    font-family: 'UbuntuLight', 'Myriad Pro', verdana, helvetica, sans-serif;
    line-height: 1.2em;
    padding-bottom: 10px;
}

section#homeContent div.homeExcerpt p a {
    text-decoration: none;
    color: #f9ee0f;
}

section#homeContent div.homeExcerpt p a:hover {
    color: #0faee5;
}

section#homeContent div.homeExcerpt ul {
    margin-bottom: 10px;
}

section#homeContent div.homeExcerpt li {
        color: #dcdcdc;
    font-size: 1em;
    font-family: 'UbuntuLight', 'Myriad Pro', verdana, helvetica, sans-serif;
    line-height: 1.2em;
    list-style-type: disc;
    list-style-position: inside;
    padding-left: 10px;
}

/* home articles */

section#homeArticles {
    margin-top: 35px;
}

section#homeArticles div.column {
    width: 213px;
    float: left;
    margin-right: 36px;
}

section#homeArticles div#column4 {
    margin-right: 0px;
}

section#homeArticles article {
    border-top: 12px solid #0faee5;
    float: left;
    border-radius: 0px 0px 0px 30px;
    background: #242321;
    margin-bottom: 30px;
    width: 213px;
}

section#homeArticles article div.articleInner {
    padding: 15px 10px 20px 10px;
}


section#homeArticles article.news {
    border-color: #0faee5;
}

section#homeArticles article.services {
    border-color: #ea238e;
}

section#homeArticles article.ipp {
    border-color: #f9ee0f;
}

section#homeArticles article div.articleInner span.articleCategory {
    text-transform: uppercase;
    color: #828181;
    font-family: 'UbuntuRegular', 'Myriad Pro', verdana, helvetica, sans-serif;
    font-size: 0.8em;
}

section#homeArticles article div.articleInner h1 a {
    color: #e2e2e2;
    font-size: 1.3em;
    font-family: 'UbuntuLight', 'Myriad Pro', verdana, helvetica, sans-serif;
    margin-top: 5px;
    display: block;
    margin-bottom: 20px;
    text-decoration: none;
    line-height: 1.2em;
}

section#homeArticles article div.articleInner h1 a:hover {
    color: #0faee5;
}

section#homeArticles article div.articleInner time, section#homeArticles article div.articleInner span.commentNumber {
    color: #828181;
    font-family: 'UbuntuRegular', 'Myriad Pro', verdana, helvetica, sans-serif;
    font-size: 0.8em;
    display: block;
    line-height: 1.2em;
}