/*****  Afterfivetech.com Stylesheet
        Modified: Sunday 05.02.09 @ 2:59pm
        Author: Afterfive Technologies Development Team
*/

html {
    background:#000000 url(a5-document-html-bg.jpg) repeat-x scroll left top;
    padding-top:5px;
}

body { 
    background: #111111 url(a5-noisy-hurl-bg-100x100.jpg);
    color:#ddd;
    font-family: Helvetica, "Liberation Sans", "Nimbus Sans", Arial, sans-serif;
    font-size:13px;
    margin:0;
    }

a, a:visited {
    color:#fff;
    border-bottom:1px
    solid #222;
    text-decoration:none;
    }

a:hover {
    background:#0d0909;
    border-bottom:1px solid #E6481D;
    color:#fff;
    text-decoration:none;
    }

#header a, #header a:visited {
    border-bottom:0;
    }

p {
    line-height:24px;
    }

h2 {
    color:#D72E00;
    font-size:18px;
    font-weight:normal;
    padding-bottom:22px;
    }

h2#clients { background: url(header-clients.jpg) no-repeat; text-indent: -9999px; }
h2#aboutus { background: url(header-aboutus.jpg) no-repeat; text-indent: -9999px; }
h2#consultants { background: url(header-consultants.jpg) no-repeat; text-indent: -9999px; }
h2#portfolios { background: url(header-portfolios.jpg) no-repeat; margin-top: 45px; text-indent: -9999px; }
h2#services { background: url(header-services.jpg) no-repeat; text-indent: -9999px; }
h2#workwithus { background: url(header-workwithus.jpg) no-repeat; text-indent: -9999px; }

h3 {
    /*-moz-border-radius-bottomleft: 3px;*/
    /*-moz-border-radius-bottomright: 3px;*/
    /*-moz-border-radius-topleft:3px;*/
    /*-moz-border-radius-topright: 3px;*/
    background-color:#222222;
    color:#A3A3A6;
    font-size:9px;
    letter-spacing:1px;
    padding-left:6px;
    text-transform:uppercase;
    width:200px;
    }


/***** HEADER */

#header {
    height: 120px;
    margin: 0 auto;
    padding:0 10px;
    width: 880px;
    }
    
#header .top-left {
    float: left;
    width: 250px;
    }

#header .top-right {
    float:left;
    height:30px;
    position:relative;
    width:630px;
    }
    
#header .top-right ul {
    float:right;
    display:inline;
    width: 211px;
}

#header .top-right ul li {
    float:right;
    display:inline;
    height: 30px;
    margin: 5px 18px 0 0;
    width: 82px;
}

h1#masterhead {
    font-size: 24px;
    font-weight: normal;
    height: 128px;
    margin: 0px 0 ;
    overflow: hidden;
}

h1#masterhead strong a {
    background: transparent url(a5-logo-masthead-250x171.jpg) no-repeat scroll 0 0;
    display: block;
    height: 150px;
    margin: -15px 0 0 0;
    overflow: hidden;
    padding: 0;
    text-align: left;
    text-indent:-9999px;
    }
/*h1#masterhead strong a:hover { background-color:transparent; background-position: 0 -110px;}*/


/***** HEADER BUTTON */

ul.header-buttons {
    background:transparent url(a5-header-button.gif) no-repeat scroll 0 0;
    display:block;
    float:right;
    height:30px;
    margin-right:0;
    position:absolute;
    right:0;
    top:-2px;
    width:211px;
    }

ul.header-buttons li {
    float:right;
    display:inline;
    height:30px;
    margin: 5px 18px 0 0;
    width: 82px;
    }

ul.header-buttons li a {
    color: #FFB26F;
    background: none;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: bold;
    }
    
ul.header-buttons li a:hover {
    color: #fff;
    background:none;
    }


/***** FOCUS AREA */

#focusarea {
    background: transparent url(a5-focusarea-bg.jpg) repeat-x;
    border-bottom: 1px solid #000;
    height: auto !important;
    margin:0px auto;
    min-height:450px;
    padding: 50px 0px 40px 0px;
    width:100%;
    }

#focusarea .focusarea-content {
    font-size:13px;
    margin:0 auto;
    width:880px;
    }
    
#focusarea .focusarea-content div.fa-firstcolumn {
    float:left;
    line-height:20px;
    width:260px;
    }
    
#focusarea .focusarea-content div.fa-firstcolumn li {
    padding-bottom:2px;
    }
    
#focusarea .focusarea-content div.fa-secondcolumn {
    float:left;
    line-height:16px;
    margin-left:45px;
    width:330px;
    }
    
#focusarea .focusarea-content div.fa-thirdcolumn {
    float:left;
    line-height:16px;
    margin-left:45px;
    width:200px;
    }
    
#focusarea .focusarea-content div.fa-thirdcolumn li {
    line-height: 30px;
    }

#focusarea .focusarea-content div.fa-firstcolumn li {
    line-height:25px;
    }

#focusarea .focusarea-content div.fa-firstcolumn div.expand a,
#focusarea .focusarea-content div.fa-firstcolumn div.collapse a  {
    padding-left: 5px;
    }


/***** NAVIGATION */

.navigation {
    margin-bottom:18px;
    width:200px;
    }

.navigation a.head {
    cursor:pointer;
    border-bottom:1px solid #222 !important;
    color:#FFFFFF;
    display:block;
    font-weight:normal;
    margin:5px 0;
    padding:0 0 0 5px;
    text-decoration: none;
}

.navigation a.head:hover {
    border-bottom: 1px solid #E6481D !important;
    }

.navigation a.selected {
    font-weight:bold;
    background:#000;
    }

.navigation a.current {
    background-color:#FFFF99;
    }

.navigation ul {
    border-width:0px;
    border-bottom: 1px solid #e3e3e3; 
    margin:0px;
    padding:0px;
    text-indent:0px;
    }
.navigation li {
    list-style:none outside none;
    display:block;
    padding:0px 0 5px 0;   
}

.navigation li p.desc {
    color:#D2D2D2;
    height:auto;
    padding:5px 5px 10px 5px;
    text-indent:0;
    }


/***** PRODUCT & SERVICES */

#product-services {
    color:#bbb;
    /*height:400px;*/
    margin:0px auto;
    padding: 60px 0px;
    width:100%;
    }

    /*background: transparent url(a5-focusarea-bg.jpg) repeat-x;*/
    /*border-bottom: 1px solid #000;*/
    /*height: auto !important;*/
    /*margin:0px auto;*/
    /*min-height:450px;*/
    /*padding: 70px 0px 40px 0px;*/
    /*width:100%;*/

#product-services #ps-content {
    font-size:13px;
    margin:0 auto;
    width:880px;
    }

#product-services #ps-content div.footfirstcolumn {
    border-right: 1px solid #35353C;
    float: left;
    width: 665px;
    }

#product-services #ps-content div.footfirstcolumn p.desc {
    width: 600px;
    }

#product-services #ps-content div.footfirstcolumn ul li {
    background:transparent url(a5-folio-bg.png) no-repeat scroll 0 0;
    display:inline;
    float:left;
    height:86px;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin:0 8px 14px 0;
    padding:3px;
    position:relative;
    width:86px;
    }

#product-services #ps-content div.footfirstcolumn ul li a:link,
#product-services #ps-content div.footfirstcolumn ul li a:visited {
    border-bottom:0 none;
    display: block;
    height: 80px;
    width: 80px;
    }

#product-services #ps-content div.footfirstcolumn ul li a:hover span.folio-hovered,
#product-services #ps-content div.footfirstcolumn ul li a:visited span.folio-hovered {
    background:transparent url(a5-folio-bg-hover.png) no-repeat scroll 0 0;
    display:block;
    height:80px;
    position:absolute;
    width:80px;
    }

#product-services #ps-content div.footfirstcolumn ul li a img {
    height:80px;
    padding:0px;
    opacity:.50;
    width: 80px;
    }
    
#product-services #ps-content div.footfirstcolumn ul li a img:hover {
    background:#000;
    opacity:1;
    padding:0px;
    }
    
#product-services #ps-content div.footsecondcolumn {
    float:left;
    line-height:20px;
    padding-left:20px;
    width:190px;
}
    
#product-services #ps-content ul.service-list {
    margin-top:-5px;
    }
    
#product-services #ps-content ul.service-list li:hover {
    color:#fff;
    font-weight:bold;
    }

#product-services div.workwithus {
    line-height: 24px;
    margin-top: 60px;
    width: 650px;
    }
    
#product-services a.icon-pdf {
    background: transparent url(icon-pdf-16x16.png) no-repeat scroll 0pt 0pt;
    padding: 0pt 0pt 0pt 20px;
    }

#product-services a.icon-pdf:hover {
    background: #0d0909 url(icon-pdf-16x16.png) no-repeat scroll 0pt 0pt;
    padding: 0pt 0pt 0pt 20px;
    }


/***** WORK WITH US */

/*#contactus {*/
/*    border-top: 3px solid #333;*/
/*    width: 100%;*/
/*}*/
/*#contactus #contactus-content {*/
/*    font-size:13px;*/
/*    margin:0 auto;*/
/*    width:880px;*/
/*    }*/

/***** FOOTER */

#footer {
    background:#000000 none repeat scroll 0 0;
    border-top:1px solid #111111;
    color:#999999;
    font-size:11px;
    height: 60px;
    line-height:18px;
    margin:0 auto;
    padding:10px 0;
    width:100%;
}

#footer a:link, #footer a:visited {
    color:#999;
}

#footer p {
    margin:2px;
    }
    
#footer h5 {
    display:inline; 
}

#footer #footer-content {
    font-size:10px;
    margin:0 auto;
    position: relative;
    width:880px;
}

#footer #footer-content .bottom-left strong a {
    background: transparent url(a5-footer-logo-16x16.jpg) no-repeat;
    font-weight:normal;
    padding: 0 0 0 20px;
    }
    
#footer #footer-content .bottom-left strong a:hover {
    background: #000 url(a5-footer-logo-16x16.jpg) no-repeat;
    }
    
#footer #footer-content .bottom-left {
    float: left;
    width: 665px;
}

#footer #footer-content .bottom-right {
    float:right;
    text-align:right;
    width: 190px;
    }
    
#footer #footer-content .bottom-right .totop {
    cursor: pointer;
    height:15px;
    margin:-12px 0 0 0;
    position:absolute;
    right: 10px;
    top:0;
    width:26px;
}
    
#footer #footer-content .bottom-right .totop a:link,
#footer #footer-content .bottom-right .totop a:visited,
#footer #footer-content .bottom-right .totop a:hover {
    background: transparent;
    border-bottom: 0 !important;
    }


/***** ADDITIONS */

.highlight {
    color:#E6481D;
    }

.padtop15 {
    padding-top: 15px;
    }
    
.padtop10 {
    padding-top: 10px;
    }
    
.padbottom15 {
    padding-bottom: 15px;
    }
    
.padbottom10 {
    padding-bottom: 10px;
    }

div.expand a, div.collapse a {
    background-color:#000;
    padding:0 3px;
    }

img {
    border:0;
    }
    
input {
    vertical-align:middle;
    }
    
.clear {
    clear: both;
    margin-top: 12px
}

.clear:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

.toggle_summary {
    padding: .25em 0;
    }


/* This hides the inline content if JavaScript is supported */ 
.hidden{display:none;}


/***** JQUERYING - Additional styles with jQuery - http://jquery.com */

/***** Colorbox - http://colorpowered.com/colorbox/ */
        #modalLoadedContent{  color:#797979; }
        
        div#inline_hidden_nbjayme a:link, div#inline_hidden_nbjayme a:visited,
        div#inline_hidden_agarcia a:link, div#inline_hidden_agarcia a:visited,  
        div#inline_hidden_hhao a:link, div#inline_hidden_hhao a:visited,
        div#inline_hidden_lhao a:link, div#inline_hidden_lhao a:visited,
        div#inline_hidden_nbjayme a:link, div#inline_hidden_nbjayme a:visited,   
        div#inline_hidden_ajabogado a:link, div#inline_hidden_ajabogado a:visited
        { border-bottom: 0 !important; color: #E6481D !important; }

        div#inline_hidden_nbjayme a:hover,
        div#inline_hidden_agarcia a:hover,
        div#inline_hidden_hhao a:hover,
        div#inline_hidden_lhao a:hover,
        div#inline_hidden_nbjayme a:hover,
        div#inline_hidden_ajabogado a:hover
        { background: none !important; border-bottom:1px solid #E6481D !important; }


/***** Fading Tooltips By Dustin Diaz - http://www.dustindiaz.com/sweet-titles/ */
/***** This is deprecated already - head over the bottom of this script for the jQuery simple tooltip ***/

body div#toolTip {
    position:absolute;
    z-index:1000;
    background: #111 url(a5-sweet-title-bg.jpg);
    border:1px double #000;
    font-size:12px;
    line-height:18px;
    text-align:left;
    padding:10px;
    min-height:1em;
    width:200px;
    }
    
body div#toolTip p {
    margin:0;
    padding:0;
    color:#fff;
    font-size:12px;
    }
    
body div#toolTip p em {
    display:block;
    margin-top:3px;
    color:#f60;
    font-style:normal;
    font-weight:bold;
    }
    
body div#toolTip p em span {
    font-weight:bold;
    color:#fff;
    }
/* end: sweet titles */

/*** = jQuery Simple tooltip ***/
#tooltip {
background:#111111 url(a5-sweet-title-bg.jpg) repeat scroll 0 0;
border:1px solid #333;
color:#FFFFFF;
display:none;
max-width:200px;
padding:8px;
position:absolute;
line-height:18px;
font-size:12px;
}

/*** =Back to top */

#toTop {
cursor: pointer
}