/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

body {
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

@font-face {
    font-family: 'futuramedium';
    src: url('fonts/futura-webfont.eot');
    src: url('fonts/futura-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/futura-webfont.woff') format('woff'),
         url('fonts/futura-webfont.ttf') format('truetype'),
         url('fonts/futura-webfont.svg#futuramedium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'krazy_nightsregular';
    src: url('fonts/krazynights-webfont.eot');
    src: url('fonts/krazynights-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/krazynights-webfont.woff') format('woff'),
         url('fonts/krazynights-webfont.ttf') format('truetype'),
         url('fonts/krazynights-webfont.svg#krazy_nightsregular') format('svg');
    font-weight: normal;
    font-style: normal;

}



.tabtext li a { color: #A5610A; }
td a,
#content #inner .left > p a,
li a { color:#9D1B00; font-weight:bold; text-decoration:none; }
td a:hover,
#content #inner .left > p a:hover,
li a:hover { text-decoration:underline; }

a, a:active, a:focus {
outline: none;
}


h1,h2,h3 {font-family: 'futuramedium'; font-weight: normal;margin:0; text-transform:uppercase;}

h1 { border-bottom: 1px solid #DB9577; color: #9d1b00; font-family: "krazy_nightsregular",Arial,Helvetica,sans-serif; font-size: 30px; line-height: 19px; margin-bottom: 20px;  padding-bottom: 20px;}
h1 span { color: #5B2319; }
h2 { color:#5e5e5e;font-size: 20px;margin-bottom: 18px;}

.w784 { width:784px; }
.w291 { width:291px; }
.w122 { width:145px; }

.mr24 { margin-right:24px;}
.mt40 { margin-top: 40px; }
.pl24 { padding-left:24px;}
.pb12 { padding-bottom:12px;}


.bl { border-left:1px solid #d5d5d5;}
.bb { border-bottom:1px solid #d5d5d5;}

.left { float:left; clear:left;}
.right { float:right;clear:right;}

body { background-color:#8a706b;}

.sub { margin-top: -8px; z-index:50; position:relative;}

#content #inner a.totop { background-image: url("../_images/new/arrow-up.png"); background-position: 0 8px; background-repeat: no-repeat; color: #9d1b00; font-family: 'krazy_nightsregular'; font-size: 18px; font-weight: normal; padding-left: 20px; padding-top: 4px; text-decoration: none; }

.small-divider {width:291px; background-color:#D5D5D5;height:1px;}

.Download { background: url('/_images/button-download.gif') top left no-repeat scroll; width: 108px; height: 28px; display: block; border: 1px solid #e6bc73}
.Download:hover { border: 1px solid #c68a22; }

#header { width:100%; height: 36px; background-image:url('../_images/new/bg-Header.png'); background-repeat:repeat-x; z-index:100; position:relative; }
#header .inner { width: 1000px; margin:0 auto; position:relative; height: 36px;}
#header .inner #logo { position:absolute; left:0; top:0px; }
#header .inner #logo img { width: 200px; }
#header .inner ul#nav { font-weight: bold; left: 190px; margin: 0; padding: 0; position: absolute; top: 7px; }
#header .inner ul#nav li { display:inline; line-height: 0; height: 40px; }
#header .inner ul#nav li.first:before {content: "";}
#header .inner ul#nav li.first a {margin-left:0; }
#header .inner ul#nav li.last a {margin-right:0;}
#header .inner ul#nav li:before {content: "•";font-size: 19px;  padding-right: 3px;color:#ad706c; /*text-shadow: 0 2px 1px #FFFFFF;*/}
#header .inner ul#nav li a { text-decoration:none; color:#9d1b00; font-family: 'krazy_nightsregular'; font-size:19px; margin:0; line-height:20px; padding:10px 3px; font-weight: normal; text-shadow: 0px 1px 2px rgba(59, 59, 57, 1); position: relative; }
#header .inner ul#nav li a span { background: url("../_images/new/arrow-up.png") no-repeat scroll left top rgba(0, 0, 0, 0); display: none; height: 9px; left: 40%; position: absolute; top: 28px; width: 14px; }
#header .inner ul#nav li a.sel,
#header .inner ul#nav li a:hover { color: #5B2319; }
#header .inner ul#nav li a.sel span,
#header .inner ul#nav li a:hover span { display: block; }
#header .inner a#btnContact { background-image: url("../_images/icon-envelope.gif");background-position: 0 -14px; background-repeat: no-repeat; color: #000000; font-size: 12px; padding-left: 26px; position: absolute; right: 0; text-decoration: none; text-transform: uppercase; top: 36px;line-height: 14px;}
#header .inner a#btnContact:hover {color:#c68921;background-position: 0 0;}
#header .inner ul#nav li:hover ul { display: none; } /* block for subnav */
#header .inner ul#nav li ul  {  margin: 0; padding: 0; position: absolute; display: none; top: 31px; }
#header .inner ul#nav li ul li:before { display: block; content: "";  }
#header .inner ul#nav li ul li { }
#header .inner ul#nav li ul#who-we-serve { left: 104px; }
#header .inner ul#nav li ul#our-approach { left: 277px; }
#header .inner ul#nav li ul#services { left: 451px; }
#header .inner ul#nav li ul#clients { left: 574px; }
#header .inner ul#nav li ul#resources { left: 687px; }
#header .inner ul#nav li ul#about-us { left: 829px; }

#inner #subnav li:before { content: none; }

#header .inner ul#nav li ul li:before {color: #C68921; content: "»"; font-size: 11px; line-height: 9px; margin: 6px 0 0 14px; position: absolute; text-shadow: none; }
#header .inner ul#nav li ul li a { background-color: #EFEFEF; border-bottom: 1px solid #BFBFBF; color: #8D8D8D; display: block; font-family: sans-serif; font-size: 11px; line-height: 17px; margin: 0; padding: 3px 6px 3px 28px; text-decoration: none; text-shadow: none; text-transform: uppercase; width: 214px; }
#header .inner ul#nav li ul li .last { border-bottom: 0px solid; }
#header .inner ul#nav li ul li a.sel,
#header .inner ul#nav li ul li a:hover { background-image: none; background-color: #dbae60; color: white; }

.slide { float: left; height: 380px; position: relative; width: 740px;}
#slideshow { /*height:560px;*/ }
#slideshow .inner { /*height: 560px; overflow: hidden; position: relative; width: 981px;*/ }
#slidehole { height: 380px; overflow: hidden; position: absolute; width: 740px; }
#slideshow #slidedisplay { background-repeat: no-repeat; height: 411px; padding: 25px 0 35px 200px; position: relative; }
#slideshow #slidedisplay #slides { width:20000px;height: 444px; position:relative; }
#slideshow #slidedisplay .text { height: 100%; position: absolute; right: 0; top: 0; width: 430px; z-index: 50; } 
#slideshow #slidedisplay .text h2 { color: #9D1B00; font-family: "krazy_nightsregular",Arial,Helvetica,sans-serif; font-size: 30px; line-height: 19px; margin: 20px 0; }
#slideshow #slidedisplay .text .info { margin: 10px; }
#slideshow #slidedisplay .text ol,
#slideshow #slidedisplay .text ul,
#slideshow #slidedisplay .text p { margin: 0 0 12px; color: #5B2319; font-size: 13px; line-height: 21px; width: 382px; }
#slideshow #slidedisplay .text a {color: #5B2319; display: block; font-size: 10px; text-decoration: none; text-transform: uppercase;margin-top: 6px; font-weight:bold;}
#slideshow #slidedisplay .text a span { color:#855606;}
#slideshow #slidedisplay #inner { height: 380px; position: absolute; width: 740px; padding: 0; }

#slideshow #controls { left: 156px; position: absolute; top: 185px; width: 817px; z-index: 100; }
#slideshow #controls span { display:none; }

#slideshow #controls a#rew,
#slideshow #controls a#play,
#slideshow #controls a#for { width:32px; height:33px; background-image:url(../_images/btns-slideshow.png); background-repeat:no-repeat; display:block; float:left;margin-right: 3px;}
#slideshow #controls a#play { display: none; }
#slideshow #controls a#rew { left: 0; position: absolute; }
#slideshow #controls a#for { background-position: -64px 0; position: absolute; right: 9px; }
#slideshow #controls a#rew:hover { background-position:0 -33px; }
#slideshow #controls a#play:hover { background-position:-32px -33px; }
#slideshow #controls a.playoff {background-position:-64px -33px;}
#slideshow #controls a.playon {background-position:-32px 0;  }
#slideshow #controls a#for:hover { background-position:-64px -33px; }

#slideshow #controls ul#thumbs { left: 40px; margin: 0; padding: 5px; position: absolute; top: 229px; }
#slideshow #controls ul#thumbs li { display:inline; float: left;margin-right: 3px; }
#slideshow #controls ul#thumbs li.last  {margin-right:1px;}
#slideshow #controls ul#thumbs li a { display: block; height: 12px; width: 12px; background: url("../_images/new/thumbdots.png") no-repeat scroll left bottom; }
#slideshow #controls ul#thumbs li a.sel,
#slideshow #controls ul#thumbs li a:hover { background-position: left top;  }
#slideshow #controls ul#thumbs li:before { content: none; }

#content { width:100%; background: url("../_images/new/bg-Content2.jpg") repeat scroll center top; margin-top: -36px; }
#content #inner { margin: 0 auto; overflow: hidden; padding: 36px 0 0; width: 960px; } 
p {color: #5B2319; font-size: 13px; line-height: 21px; } 
p a { color: #9d1b00; font-weight: bold; text-decoration: none; } 

.home #inner ul { padding: 0 0 0 17px; margin:0; } 
.home #inner li { font-size: 12px; margin-bottom: 7px; text-transform: uppercase;list-style: none outside none;}
.home #inner li:before {color: #9d1b00; content: "•"; font-size: 12px; margin: 0 0 0 -15px; position: absolute;}

ol { list-style-type: none; margin-left: 0; }
ol:first-child { counter-reset: customlistcounter; }
ol > li { counter-increment: customlistcounter; }
ol > li:before { content: counter(customlistcounter) ") "; float: left; width: 20px; }

ol li ol { list-style-type: none; margin-left: 0; }
ol li ol:first-child { counter-reset: customlistcounter; }
ol li ol > li { counter-increment: customlistcounter; }
ol li ol > li:before { content: counter(customlistcounter) ") "; float: left; width: 20px; }

.sub #inner ul { padding: 0 0 0 17px; margin:0;} 
.sub #inner ol { padding: 0; margin:0;} 
.sub #inner ol li,
.sub #inner ul li { margin-bottom: 7px; }
.sub #inner ol li { color: #9d1b00; }
.sub #inner ol li p { color: #222222; }

.sub #inner ol li p,
.sub #inner ul li p { margin: 0; padding: 0; }
.sub #inner ol li p { margin: 0 0 0 20px; }
.sub #inner ol li ul li p { margin: 0; }

.sub #inner ul > li { font-size: 12px;  list-style: none outside none; }
.sub #inner .tabtext ul > li:before { /*color: #c17b01;*/ color: #A5610A; }
.sub #inner .tabtext ol > li { color: #A5610A; }
.sub #inner ul > li:before { color: #9d1b00; content: "•"; font-size: 12px; margin: 0 0 0 -15px; position: absolute; }
.sub #inner { font-size:12px;line-height: 19px; }

#inner #subnav { margin-bottom:20px;margin-top: 178px;margin-left: 18px;}
#inner #subnav h3 { font-size: 14px; padding: 6px 0 6px 4px; text-transform: uppercase; }
#inner #subnav ul { margin:0; padding:0; }

#inner #subnav li.sub-sub:before {color: #C68921; content: "»"; font-size: 18px; margin: 6px 0 0 45px; position: absolute;}
#inner #subnav li { margin:0; list-style: none; }
#inner #subnav li.sub-sub a { padding-left:65px; }
#inner #subnav li a { font-weight: normal; color:#9d1b00; text-transform:uppercase; font-size:17px; text-decoration:none; margin: 0;padding: 4px; border-top:1px solid #db9577; display:block; font-family: 'krazy_nightsregular'; position: relative; text-shadow: 0px 0px 1px rgba(59, 59, 57, 1); }
#inner #subnav li a span { background: url("../_images/new/arrow-right.png") no-repeat scroll left top rgba(0, 0, 0, 0); display: none; height: 14px; left: -10px; position: absolute; top: 5px; width: 9px; }
#inner #subnav li a.noborder { border-top: none; }
#inner #subnav li a.sel,
#inner #subnav li a:hover { color:#5b2319; }
#inner #subnav li a.sel span,
#inner #subnav li a:hover span { display: block;}
#inner #subnav li.last {}
#inner #subnav li.last a { border-bottom:none; -moz-border-radius-bottomleft: 5px;border-bottom-left-radius: 5px;-moz-border-radius-bottomright: 5px;border-bottom-right-radius: 5px;}

.tabtext a { color:#A5610A; font-weight:bold; text-decoration:none; }
.tabtext a:hover { text-decoration:underline; }

#testimonail-sidebar{ height:140px; overflow: hidden; position: relative; }
#testimonail-sidebar li { list-style:none;}
#usefultools-sidebar .tool,
#testimonail-sidebar .testimonial { margin: 0 0 12px; font-family:Arial, Helvetica, sans-serif; text-transform:none; }
#usefultools-sidebar p,
#testimonail-sidebar p { color:#969696; font-size: 12px; margin: 0; line-height: 22px;}
#usefultools-sidebar .tool a,
#testimonail-sidebar .testimonial a { margin-top: 5px; display: block; text-decoration: none; color: #c68a22; font-size: 10px; text-transform: uppercase; font-weight: bold;}
#usefultools-sidebar p a:hover,
#testimonail-sidebar p a:hover { color:#000000;}
#usefultools-sidebar h2 { margin-top:24px;}
#usefultools-sidebar p { margin-bottom:0;}

.testimonial-full {border-bottom: 1px solid #D5D5D5; /*color: #969696;*/font-size: 12px; line-height: 22px; margin-bottom: 40px;padding-bottom: 40px;}
.testimonial-full h3 {font-family: arial;text-align: right; text-transform: none;}

.home #inner .anyClass ul li:before,
.sub #inner .anyClass ul li:before {content: "";}

.tool-full {border-bottom: 1px solid #D5D5D5; /*color: #969696;*/font-size: 12px; line-height: 22px; margin-bottom: 40px;padding-bottom: 40px;}
.tool-full h3 {font-family: arial;text-align: left; text-transform: none; font-size:16px;}

.tab-presentation {}
.tab-presentation .tab  {color:white;background-color: #6e6f71;  float: left;  font-family: 'futuramedium'; font-size: 16px; margin-right: 1px; width: 199px; text-align:center; -moz-border-radius-topleft: 5px; border-top-left-radius: 5px; -moz-border-radius-topright: 5px; border-top-right-radius: 5px;padding: 8px 0;margin-top: 12px; text-decoration:none;}
.tab-presentation .tab:hover { background-color:#c68a22;}
.tab-presentation .tab-on:hover,
.tab-presentation .tab-on { background-color:#BDBDBD; color: #000000; }
.tab-presentation .tabtext {background-color: #BDBDBD;clear:left;padding: 22px; display:none;}
.tab-presentation .showtab { display:block;}

#footer {}
#footer #inner { color: white; font-size: 13px; margin: 0 auto; overflow: hidden; padding: 27px 0; width: 940px;}
#footer #inner p { margin:0; float:left;}
#footer #inner ul {margin:0;padding:0; float:right; }
#footer #inner ul li { display:inline; }
#footer #inner ul li.first:before {content: "";}
#footer #inner ul li.first a {margin-left:0;}
#footer #inner ul li.last a {margin-right:0;}
#footer #inner ul li:before {content: "|";font-size: 12px;  padding-right: 3px;color:#29211f;}
#footer #inner ul li a { text-decoration:none; color:#FFFFFF;margin:0 6px;}
#footer #inner ul li a:hover {color:#000000;}

.BookThumb { float: left; height: 305px; margin: 0 15px 30px; width: 118px; }
.BookThumb img { -webkit-box-shadow: #666 3px 3px 3px; -moz-box-shadow: #666 3px 3px 3px; box-shadow: #666 3px 3px 3px; }
.BookThumb .Title { color: #5B2319; font-family: "Trebuchet MS",Arial,Helvetica,sans-serif; font-size: 16px; line-height: 16px; margin: 9px 0; }
.BookThumb p { font-size: 11px; line-height: 14px; margin: 0; }
.BookThumb a.MoreInfo {}
.BookThumb a.MoreInfo span { font-size: 15px; line-height: 15px; vertical-align: bottom; }

.BookFull { margin: 0 0 30px; }
.BookFull img { -webkit-box-shadow: #666 3px 3px 3px; -moz-box-shadow: #666 3px 3px 3px; box-shadow: #666 3px 3px 3px; }
.BookFull img { float: left; margin: 0 25px 25px 0; }
.BookFull .Title { color: #5B2319; font-family: "Trebuchet MS",Arial,Helvetica,sans-serif; font-size: 25px; line-height: 26px; margin: 9px 0; }
.BookFull .SubTitle { color: #7C4F47; font-family: "Trebuchet MS",Arial,Helvetica,sans-serif; font-size: 14px; line-height: 8px; margin: 0 0 9px; font-style: italic; }

.BlogEntry { margin: 0 0 30px; border-bottom: 1px solid #5B2319; }
.BlogEntry img { -webkit-box-shadow: #666 3px 3px 3px; -moz-box-shadow: #666 3px 3px 3px; box-shadow: #666 3px 3px 3px; }
.BlogEntry img { float: left; margin: 0 25px 25px 0; }
.BlogEntry .Title { color: #5B2319; font-family: "Trebuchet MS",Arial,Helvetica,sans-serif; font-size: 25px; line-height: 26px; margin: 9px 0; }
.BlogEntry .SubTitle { color: #7C4F47; font-family: "Trebuchet MS",Arial,Helvetica,sans-serif; font-size: 14px; line-height: 8px; margin: 0 0 9px; font-style: italic; }


/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}