html,body {
    background-color:   #111;  
    background-image:   url(/content/images/bg_body.jpg);
    min-height:         100%; 
}

body {
    font-family:    "Segoe UI", Helvetica,Tahoma, Verdana, Arial, Sans-Serif;
    font-size:      62.5%;
    color:          #000;
}

.bodywrapper {
    background-image:   url(/content/images/sidebar/01.jpg);
    background-repeat:  repeat-x;
    background-position: 50% -590px;     
}


h2 {
    color:  #0996c4;
    font-size:      2.0em;
    font-weight:    bold;
    padding:        20px;   
}

h2.agerating {
    background-image:   url(/content/images/18logo.png);   
    background-repeat:  no-repeat;
    background-position: 98% 15px;
}

h2 span.summary {
    font-weight:    normal !important;
    color:  #aaa;   
}

h2 a.button {
    font-size:      0.7em;
    float:          right;
    background-color:   #0996c4;
    color:              #fff;
    font-weight:        bold;
    border-radius:  5px;
    text-decoration:    none;
    text-align:         center;
    padding:            3px 10px 3px 10px;  
    margin-top:         0; 
}

h2 a.button:hover {
    background-color:   #3884b3; 
}

h3 {
    color:  #0996c4;
    font-size:      1.8em;
    padding:        10px 20px 10px 20px;   
}

h3.form {
    border-top:         1px solid #ddd;
}

h4 {
    color:  #666;
    font-size:      1.6em;
    padding:        10px 20px 10px 20px;   
}

p {
    font-size:      1.5em;
    padding:        0 20px 20px 20px;   
}

p.heading {
    font-size:      1.6em;
    font-weight:    bold;   
}

p.contracted {
    font-size:      1.0em;   
    background-color:   #ffffcc;
    margin:         0 10px 10px 10px;
    padding:        2px 10px 2px 10px;
    color:          #996;
    border-bottom:  1px dotted #aaa;
}

p.blogpostinfobar {
    font-size:      1.1em;   
    margin:         -20px 10px 0 10px;
    padding:        4px 10px 4px 10px;
    color:          #999999;
}

p.filterwarning {
    font-size:      1.2em;   
    background-color:   #ffffcc;
    margin:         10px 10px 0 10px;
    padding:        2px 10px 2px 10px;
    color:          #996;
    border-bottom:  1px dotted #aaa;
}


p.blogsummary {
    margin:         0;
    padding:        0 20px 10px 20px;
}

p.tick {
    background-image:   url(/content/images/icon_tick.jpg);  
        background-repeat:  no-repeat;
        background-position: 20px 0;
        padding-left:       50px;   
}

span.highlight {
    background-color:   #ffffaa;   
    padding-left:       5px;
    padding-right:      5px;
}

a {
    color:  #0996c4;
}

hr {
    border:     0;
    padding:    0;
    margin:     10px 0 10px 0;
    border-top: 1px solid #ddd;   
}

strong {
    font-weight:    bold;   
}

img.folioitem {
    box-shadow: 0px 5px 10px #999;
    border:     1px solid #ddd;
}

.header {
    width:          960px;
    margin:         0 auto;
    height:         150px;  
}

.logo {
    width:          360px;
    float:          left;   
}

.logo p {
    padding-top:        50px;   
    padding-left:       40px;
    padding-bottom:     0;
}

.tweet {
    width:          550px;
}

.strapline h1 {
    padding:            10px 20px 0 40px !important;
    font-weight:        bold;
    color:              #ddd;   
    font-size:          1.5em;
    text-transform:     uppercase;
    text-shadow: 0px 1px 0px #666;
}

.strapline h1 a {
    text-shadow:    none;   
}

.container {
    width:          940px;
    margin:         0 auto;
    /* box-shadow: 0px 5px 10px #000; */
}

.content {
    width:          750px;
    min-height:     500px;
    float:          left;
    background-color:   #fff;  
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 0px;
    -moz-border-radius-bottomright: 0px;
    -moz-border-radius-bottomleft: 10px;
    -webkit-border-radius: 10px 0px 0px 10px;
    border-radius: 10px 0px 0px 10px;
}

    .contentwrapper {
        border:         1px solid #ddd;
        display:        block;
        margin:         10px; 
        min-height:     516px; 
    }

.sidebar {
    width:          189px;
    min-height:     500px;
    float:          left;
    background-color:   #000; 
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 0px;
    -webkit-border-radius: 0px 10px 10px 0px;
    border-radius: 0px 10px 10px 0px;  
    background-image:   url(/content/images/sidebar/01.jpg);
    background-repeat:  repeat-y;
    background-position:    0% 0;
    border-left:            1px solid #000;
            box-shadow: 2px 3px 10px #111;
}

    .shadow-wrapper {
        /* background-image:   url(/content/images/bg_shadow-wrapper.png);  */
        background-repeat:  repeat-y;
    }

    ul.nav {
       padding-top:     30px; 
    }
    
    ul.nav li {
        color:      #fff;   
        font-weight:    bold; 
        display:        block;
        width:          160px;
        padding:        5px 20px 5px 20px;
        font-size:      1.4em;
        -moz-border-radius-topleft: 0px;
        -moz-border-radius-topright: 10px;
        -moz-border-radius-bottomright: 10px;
        -moz-border-radius-bottomleft: 0px;
        -webkit-border-radius: 0px 10px 10px 0px;
        border-radius: 0px 10px 10px 0px;
        margin-bottom:  10px; 
        text-shadow: 0px -1px 0px #444;
    }
    
    ul.nav li:hover {
        width:              140px;
        background-image:   url(/content/images/bg_navhover.png);   
    }
    
    ul.nav li.on {
        background-color:   #fff;  
        margin-left:        -1px;
        padding-left:       21px;  
        text-shadow: 0px 0px 0px #444;
        width:          160px !important;
    }
    
    ul.nav li a {
        color:          #fff;
        text-decoration:    none !important;
    }
    
    ul.nav li.on a {
        color:      #0996c4;   
    }
    
    p.profilepic {
        padding:    0 !important;   
    }
    
    p.profilepic img {
        margin:     9px 0 10px -20px;
        z-index:        99;
    }
    
    p.url {
        font-size:      1.1em;   
        margin:     -20px 0 -10px 0 !important;
        color:          #999 !important;
    }
    
    ul.foliothumbs {
        margin:     0 0 10px 0;   
    }
    
    ul.foliothumbs li {
        display:    inline-block;
        margin-left:   20px;   
    }
    
    ul.services {
           
    }
    
    ul.services li {
        font-size:      1.4em;
        padding-left:   50px;  
        padding-bottom: 5px;
        background-image:   url(/content/images/icon_tick.jpg);  
        background-repeat:  no-repeat;
        background-position: 20px 0;
    }
    
    ul.services li.nothanks {
        background-image:   url(/content/images/icon_cross.jpg);  
    }
    
    ul.contactmethods li {
        font-size:      1.4em;
        padding-left:   50px;  
        padding-bottom: 10px;
        background-image:   url(/content/images/icon_tick.jpg);  
        background-repeat:  no-repeat;
        background-position: 20px 0;
    }
    
    ul.blogpostentries {
        margin-top:     -5px;
        margin-bottom:  10px;     
    }
    
    ul.blogpostentries li {
        font-size:      1.1em;
        padding-left:   50px;  
        padding-right:  20px;
        padding-bottom: 5px;
        padding-top:        0;
        background-image:   url(/content/images/book.png);  
        background-repeat:  no-repeat;
        background-position: 20px 5px;
        color:  #999;
    }
    
    ul.blogpostentries li.archives {
        background-image:   url(/content/images/heart.png);  
        color:  #999;
    }
    
    ul.blogpostentries li a {
        font-size:      1.2em;   
    }
    
 .col40 {
    width:      45%;
    float:      left;   
 }
 
 .col60 {
    width:      55%;
    float:      left;   
 } 
    
.footer {
    width:          960px;
    margin:         0 auto;
    height:         150px;    
}

    .footer p {
        padding:    20px 20px 20px 40px;
        color:      #222;   
        font-size:  1.2em;
        text-shadow: 0px 1px 0px #444;
    }
    
    .footer a {
        color:      #222;   
        text-shadow: 0px 1px 0px #444;   
    }
    
    ul.social {
        float:      right;   
        margin:     0 200px 0 0;
    }
    
    ul.social li {
        background-color:   #fff;
        padding:            10px 5px 5px 5px;
        display:            inline-block;   
        margin:             0 0 0 -3px !important;
        -webkit-border-radius: 0px 0px 10px 10px;
        -moz-border-radius: 0px 0px 10px 10px;
        border-radius: 0px 0px 10px 10px;
        background-image:   url(/content/images/bg_shader.jpg);
        background-repeat:  repeat-x;
    }
    
    form {
        /* IE9 SVG, needs conditional override of 'filter' to 'none' */
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top,  rgba(238,238,238,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,238,238,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
        background: linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(255,255,255,0) 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#00ffffff',GradientType=0 ); /* IE6-8 */


        min-height:         303px; 
        border-left:        1px solid #ddd;
    }
    
    label {
        font-size:          1.4em;
        margin:            0 0 5px 20px;
        font-weight:        bold;   
    }
    
    input[type="text"] {
        margin:             0 0 20px 20px;
        padding:            5px;
        font-size:          1.4em;
        width:              340px;       
    }
    
    textarea {
        margin:             0 0 20px 20px;
        padding:            5px;
        font-size:          1.4em;
        width:              340px;   
        height:             150px;    
        font-family:        inherit;
    }
    
    input[type="submit"] {
        padding:            5px 10px 5px 10px;
        margin:             0 0 16px 20px;
        font-size:          1.2em;   
    }
    
    li.email {
        background-image:   url(/content/images/icon_email.jpg) !important;   
    }
    
    li.mobile {
        background-image:   url(/content/images/icon_phone.jpg) !important;   
        font-weight:        bold;
    }
    
    li.skype {
        background-image:   url(/content/images/icon_skype.jpg) !important;   
    }
    
    div.testimonial {
        background-image:   url(/content/images/bg_testimonial.jpg);
        background-repeat:  no-repeat;
        background-position:    600px 0;
    }
    
    div.testimonial p {
        font-size:      1.2em;   
        padding:        0 20px 10px 20px;
    }

    ul.terms {
           
    }
    
    ul.terms li {
        font-size:      1.4em;
        padding-left:   50px;  
        padding-bottom: 5px;
        background-image:   url(/content/images/icon_tick.jpg);  
        background-repeat:  no-repeat;
        background-position: 20px 0;
    }

div.slide {
        
}

.error {
    color:  #c10000;   
}
.clearFix {
    clear:          both;   
}

.alignleft {
    float:      left;
    margin-right:   20px;    
}

.linkedinbox {
    min-width:  360px;
    min-height: 170px;
    float:      right;
    margin:     10px 10px 0 20px;   
    background-image:   url(/content/images/loading2.gif);
    background-repeat:  no-repeat;
    background-position: 50% 50%;
}

.blogpostcontent ul {
    margin:         0 0 10px 0;
    padding:        0 0 0 35px;    
}

.blogpostcontent li {
    font-size:          1.3em;
    padding:            0 20px 10px 0;   
    list-style-type:    square;
}

.facebookwrapper {
    
}

code {
    display:            block;
    background-color:   #000; 
    margin:             -10px 10px 10px 10px;
    color:              #00ff00;
    padding:            10px;  
    font-size:          1.4em;
    font-family:        Consolas, "Envy Code R", System;
}