/** 
 * SilverStripe Black Candy Theme
 * http://www.silverstripe.com
 *
 * Main Layout File
*/

/* Misc Styles and defaults 
-------------------------------------------- */
:focus { -moz-outline-style: none; }

* {
    margin: 0;
    padding: 0;
}

body {
    font-size:0.8em;
    font-family: Arial, Helvetica, sans-serif;
}

html {
    
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}
caption, th, td {
    text-align: left;
    font-weight: normal;
}

.clear{
    clear:both;
}

.left {
    float:left;
}

.right  {
    float:right;
}

img {
    border:0;
}

/* CONTAINER
----------------------------------------- */

div#BgContainer {
    width:960px;
    margin:0 auto;
    padding-bottom:7px;
    background:transparent url(../images/bg-shadow-bottom.png) center bottom no-repeat;
}

div#ContainerWrapper    {
    background:transparent url(../images/bg-main.png) left top repeat-y;
    width:960px;
    margin:0 auto;
    position:relative;
    overflow:hidden;
}

div#Container {
    width:940px;
    margin:0 auto;
    min-height:520px;
    height:auto;
}

div#BottomLeft,
div#BottomRight {
    position:absolute;
    bottom:0;
    background-color:transparent;
    background-position:left top;
    background-repeat:no-repeat;
    width:17px;
    height:7px;
    z-index:20;
}

    div#BottomRight {
        right:0;
        background-image:url(../images/bg-corner-right.png);
    }

    div#BottomLeft {
        left:0;
        background-image:url(../images/bg-corner-left.png);
    }



/* CONTENT/LAYOUT
----------------------------------------- */

div#Layout  {
    width:940px;
    /*height:auto;
    min-height:520px;*/
	overflow:hidden;
    background:transparent url(../images/bg-layout.png) left top repeat-y;
}

div#Main	{
	overflow:hidden;
}

div#Content {
    width:501px;
    float:left;
    background:transparent url(../images/bg-content.jpg) left top repeat-x;
}

    div#Content div.liner   {
        min-height: 520px;
        height: auto;
        padding: 0 19px 0 20px;
        background: transparent url(../images/bg-content-shadow.png) left top no-repeat;
		overflow: hidden;
    }

        div#Content div.liner div.holder   {
            min-height:520px;
        }

    /*\*/
    * html div#Content div.liner,
    * div#Content div.liner div.holder {
        min-height: 520px;
    }
    /**/


        div#Content div.liner h3.contentHeading    {
			margin-top: 0;
            padding-top:86px;
        }

div#LocationMapHolder {
    position:relative;
    width:337px;
    height:363px;
    
}

    div#LocationMapHolder div.overlay {
        position:absolute;
        left:0;
        background-color:transparent;
        background-position:left top;
        background-repeat:no-repeat;
    }

    div#LocationMapHolder div.top {
        top:0;
        height:5px;
        width:337px;
        background-image:url(../images/map-top.png);
    }

    div#LocationMapHolder div.left {
        top:5px;
        width:3px;
        height:349px;
        background-image:url(../images/map-left.png);
    }

    div#LocationMapHolder div.bottom {
        bottom:0;
        height:9px;
        width:337px;
        background-image:url(../images/map-bottom.png);
    }


div#LocationMap {
    width:337px;
    height:363px;
    position:relative;
}

div.column  {
    width:218px;
    float:left;
    padding-bottom:25px;
}

    div.column p    {
        line-height:1.5em;
        font-size:0.85em;
    }

        div.column p.more    {
            margin-top:25px;
        }

            div.column p.more a    {
                text-decoration:none;
                color:#555555;
            }

                div.column p.more a:hover    {
                    text-decoration:underline;
                }

div.liner div.odd   {
    margin-right:25px;
}

/* MAIN NAVIGATION - ACCORDION
----------------------------------------- */

div#Navigation  {
    float:right;
    width:188px;
    background:transparent url(../images/bg-content.jpg) left top repeat-x;
}

    div#Navigation div.liner   {
        padding-top:38px;
        background:transparent url(../images/bg-shadow-sidebar.png) left top no-repeat;
    }

div#Nav {
    overflow:hidden;
}

    div#Nav div.section {
        position:relative;
        overflow:hidden;
        zoom:1;
    }

    div#Nav h4  {
        margin:0;
        padding:0;
        background-color:transparent;
        background-position:left top;
        background-repeat:no-repeat;
    }

        div#Nav h4.sectionHeader1  {
            height:30px;
            line-height:30px;
            background-image:url(../images/bg-nav-1.png);
        }
        div#Nav h4.sectionHeader2  {
            height:31px;
            line-height:31px;
            background-image:url(../images/bg-nav-2.png);
        }
        div#Nav h4.sectionHeader3  {
            height:30px;
            line-height:30px;
            background-image:url(../images/bg-nav-3.png);
        }
        div#Nav h4.sectionHeader4{
            height:30px;
            line-height:30px;
            background-image:url(../images/bg-nav-4.png);
        }

        div#Nav h4.sectionHeader5,
        div#Nav h4.sectionHeader6,
        div#Nav h4.sectionHeader7,
        div#Nav h4.sectionHeader8,
        div#Nav h4.sectionHeader9,
        div#Nav h4.sectionHeader10  {
            height:30px;
            line-height:30px;
            background-image:url(../images/bg-nav-x.png);
        }

        div#Nav h4 a {
            display:block;
            width:100%;
            height:100%;
            text-decoration:none;
            color:#fff;
            font-weight:bold;
            font-size:0.9em;
        }

            div#Nav h4 a span{
                margin-left:20px;
            }

            div#Nav ul.subNavigation    {
                list-style:none;
                overflow:hidden;
                background:transparent url(../images/bg-content.jpg) left -68px repeat-x;
            }

            div#Nav ul.subNavigation li {
                height:30px;
                line-height:30px;
            }

            div#Nav ul.subNavigation li a    {
                display:block;
                width:100%;
                height:100%;
                text-decoration:none;
                color:#696a6c;
                background-color:transparent;
                background-position:left top;
                background-repeat:no-repeat;
            }

                div#Nav ul.subNavigation li a:hover,
                div#Nav ul.subNavigation li a.current{
                    background-position:left -30px;
                }

                div#Nav ul.subNavigation li.color0 a    {
                    background-image:url(../images/bg-solution-color-0.png);                    
                }

                div#Nav ul.subNavigation li.color1 a    {
                    background-image:url(../images/bg-solution-color-1.png);
                }

                div#Nav ul.subNavigation li.color2 a    {
                    background-image:url(../images/bg-solution-color-2.png);
                }

                div#Nav ul.subNavigation li.color3 a    {
                    background-image:url(../images/bg-solution-color-3.png);
                }

                div#Nav ul.subNavigation li.color4 a    {
                    background-image:url(../images/bg-solution-color-4.png);
                }

                div#Nav ul.subNavigation li.color5 a    {
                    background-image:url(../images/bg-solution-color-5.png);
                }

                div#Nav ul.subNavigation li.color6 a    {
                    background-image:url(../images/bg-solution-color-6.png);
                }

                div#Nav ul.subNavigation li.color7 a    {
                    background-image:url(../images/bg-solution-color-7.png);
                }

                div#Nav ul.subNavigation li.color8 a    {
                    background-image:url(../images/bg-solution-color-8.png);
                }

                div#Nav ul.subNavigation li a span    {
                    margin-left:49px;
                }

                div#Nav ul#Videos li a span    {
                    margin-left:20px;
                }

/* Contact Info */

div#ContactInfo {
    padding:12px 20px;
    background:transparent url(../images/bg-contact-border-top.png) left bottom no-repeat;
}

    div#ContactInfo p   {
        color:#696a6c;
        font-size:0.9em;
        line-height:1.4em;
    }

    div#ContactInfo address   {
        color:#696a6c;
        font-size:0.9em;
        line-height:1.4em;
        font-style:normal;
        margin-top:10px;
    }

    ul#Contact {
        list-style:none;
        padding-bottom:1px;
        background:transparent url(../images/bg-contact-border-bottom.png) left bottom no-repeat;
    }

    ul#Contact li {
        height:32px;
        line-height:32px;
    }

        ul#Contact li a    {
            display:block;
            width:100%;
            height:100%;
            color:#696a6c;
            background-color:transparent;
            background-position:left top;
            background-repeat:no-repeat;
            text-decoration:none;
        }

            ul#Contact li a:hover,
            ul#Contact li a.current {
                background-position:left -32px;
            }

            ul#Contact li.emailpage a    {
                background-image:url(../images/bg-nav-email2.png);
            }

            ul#Contact li.locationpage a    {
                background-image:url(../images/bg-nav-location2.png);
            }

           
            ul#Contact li.careerholder a    {
                background-image:url(../images/bg-nav-careers2.png);
            }

            ul#Contact li a span    {
                margin-left:52px;
            }

/* Services */
ul.info {
    overflow:hidden;
}

ul.info li {
    height:180px;
    margin:0;
    overflow:hidden;
}

    ul.info li.noTitle {
        height:150px;
    }

    ul.info li a {
        background-color:transparent;
        background-position:left top;
        background-repeat:no-repeat;
        background-image:url(../images/bg-service.png);
        display:block;
        padding:0 20px;
        height:100%;
        text-decoration:none;
    }

        ul.info li.noTitle a {
            background-position:left -30px;
        }

        ul.info li a:hover,
        ul.info li a.current{
            text-decoration:none;
            background-position:left -180px;
        }

        ul.info li.noTitle a:hover,
        ul.info li.noTitle a.current{
            background-position:left bottom;
        }

        ul.info li a span.content    {
            color:#696a6c;
            font-size:0.8em;
        }

        ul.info li.noTitle a span.content    {
            color:#696a6c;
            font-size:0.8em;
            padding-top:12px;
            display:block;
        }

        ul.info li a span.title  {
            color:#696a6c;
            font-size:0.9em;
            padding:10px 0 8px 0;
            display:block;
        }

        ul.info li a span.more  {
            text-transform:uppercase;
            color:#696a6c;
            padding-right:10px;
            display:block;
            font-size:0.9em;
            background:transparent url(../images/icon-more.png) 40px center no-repeat;
        }

div#Partners    {
    padding: 12px 20px;
}

    div#Partners div {
        width:100%;
        margin-bottom:15px;
    }

    div#Partners div.clear  {
        float:none;
        width:auto;
        margin-bottom:0;
    }

    div#Partners div.last  {
        margin-bottom:0;
    }
    
    div#Partners div a  {
        display:block;
    }


/* BREADCRUMBS
-------------------------------------------- */





/* SIDEBAR
-------------------------------------- */

div#Sidebar {
    width:250px;
    background:#2B4470 url(../images/bg-sidebar.jpg) left top repeat-x;
    float:left;
}

    div#Sidebar div.sidebarBox  {
        padding:26px 18px 0 18px;
    }

div#Intro   {
    height:352px;
    margin-top:30px;
    position:relative;
}

    div#Intro div {
        position:absolute;
        bottom:0;
    }

    div#Intro h2 {
        color:#fff;
        font-size:30px;
        margin:0 0 17px 0;
    }

    div#Intro p {
        color:#d5dee8;
        font-weight:bold;
        font-size:1em;
        line-height:1.5em;
    }

/* MESSAGEBOXS
--------------------------------------------- */
.message ,
.required {
    background:#FED0D0 none repeat scroll 0 0;
    border:1px solid #FF7373;
    clear:both;
    color:#DC1313;
    display:block;
    margin:0 0 10px 89px;
    padding:2px;
    width:204px;
}



p#Remember label {
    margin: -24px 0 0 20px;
    text-align: left;
}
.entry {
    border-bottom: 1px solid #eee;
}

.typography #Content p.authorDate {
    color: #444;
    margin-top: -15px;
}

p#FormMessage    {
    margin-left:89px;
    width:212px;
}

/* FOOTER
----------------------------------------------- */

div#Footer {
    width:960px;
    margin:0 auto;
    height:44px;
    background:transparent url(../images/bg-footer.png) left top no-repeat;
}

    div#Content .loading {
        background:transparent url(../images/ajax-loader.gif) center center no-repeat;
    }

    div#Footer ul{
        list-style:none;
        overflow:hidden;
        padding:14px;
    }
    div#Footer ul li{
        color:#696A6C;
        float:left;
        padding:0 0 0 15px;
        font-size:0.9em;
    }
    div#Footer ul li a{
        color:#696A6C;
    }


/* jBox Images
----------------------------------------------- */

div.gallery  {
    background:#fff;
    /*width:400px;*/
    overflow:hidden;
}

    div.gallery div.liner {
        margin:18px 18px 0 18px;
    }

    div.gallery div.thumbs  {
        padding-bottom:15px;
    }

        div.gallery div.thumbs a  {
            margin-right:10px;
        }

        div.gallery div.thumbs div.closebox  {
            float:right;
        }
            div.gallery div.thumbs div.closebox img  {
                display:block;
                cursor:pointer;
            }

    div.gallery div.imageViewer {
        
        padding-bottom:10px;
    }

    div.gallery div.imageViewer img  {
        margin-bottom:15px;
    }

    div.gallery div.imageViewer p  {
        color:#858585;
        width:100%;
    }


div#OverlayContentHolder    {
    height:100%;
}