/*
Author:     Pete Boere
Company:    Hyperlaunch New Media
*/
/*--------------------------------------------------------------------------- Browser Reset and Utilities ---*/
html{overflow-y:scroll;}div,ul,ol,li,dt,dd,dl,blockquote,fieldset,table,td,th,p,h1,h2,h3,h4,h5,h6,body,form{padding:0;margin:0;}ul,ol{list-style:none;}abbr,img,fieldset{border:0;}.tr{text-align:right;}.tl{text-align:left;}.fl{float:left;}.fr{float:right;}.tc{text-align:center;}.hide{display:none;visibility:hidden;}table{border-collapse:collapse;}input,select,textarea{margin:0;}textarea{overflow-y:auto;}

.ca:after, .content:after, .li-ca li:after {content:".";display:block;visibility:hidden;height:0px;clear:both;}
.ca, .content, .li-ca li {zoom:1;}

/*--------------------------------------------------------------------------- Debug ---*/
/*a[target=_blank]:after {content:'^';background:red;color:#fff;font-weight:bold;padding:3px;}*/

/*--------------------------------------------------------------------------- Generic Styles ---*/
body {background:#fff url(../images/skin/bg/body.png) repeat-x;font:12px/1.2 tahoma,verdana,arial,sans-serif;
    padding:0 0 2em;}
a {text-decoration:none;color:#6a90c4;}
a:hover {text-decoration:underline;}
h1,h2,h3,h4 {}
h1 {font-size:15px;}
h2 {font-size:13px;}
h3 {font-size:11px;}

/*--------------------------------------------------------------------------- Consistent Elements ---*/
#wrap {width:960px;margin:3px auto 0;}

#header {height:118px;background:url(../images/skin/bg/header_stah.png) no-repeat;position:relative;}
    #header a {position:absolute;text-indent:-9999em;width:100px;height:10px;background:0;overflow:hidden;}
    #logo a {top:7px;left:25px;width:237px;height:91px;}
    #hdr-make-a-referal a {top:30px;left:328px;width:280px;height:29px;}
    #hdr-download-referral-form a {top:62px;left:328px;width:230px;height:29px;}
    #hdr-register-for-updates a,
    #hdr-contact-us a {top:27px;left:701px;width:218px;height:29px;}
    #hdr-register-for-updates a {top:62px;}

#footer {color:#fff;background:url(../images/skin/bg/footer.png) repeat-x;
    border:1px solid #6184b4;padding:15px 0 13px;text-align:center;font-size:0;}
    #footer a {color:#fff;text-decoration:none;}
    #footer a:hover {text-decoration:underline;}
    #footer li,
    #footer ul,
    #footer p {display:inline;padding-left:7px;zoom:1;}
    #footer p, 
    #footer li {font-size:10px;}
    #footer li {border-right:1px solid #fff;padding:0 5px 0 7px;}
    #footer #copyright {display:block;font-size:9px;padding:.8em 0 0;color:#a9c4ea;}
    
#nav-1 {font-family:arial,sans-serif;font-size:12px;}
    #nav-1 li {height:44px;overflow:hidden;}
    #nav-1 a {text-transform:uppercase;color:#fff;display:block;zoom:1;padding:16px 8px;}
    #nav-1 a:hover {text-decoration:underline;}
    #nav-1-research-background a {padding:10px 8px;}
    
    #Home #nav-1-home {background:url(../images/skin/nav/top-over.png) 1px 1px no-repeat;}
    #Authors #nav-1-authors-of-sasba {background:url(../images/skin/nav/bottom-over.png) 1px 1px no-repeat;}
    #SasbaScale #nav-1-the-sasba-scale,
    #ResearchBackground #nav-1-research-background,
    #Benefits #nav-1-benefits-of-sasba,
    #CaseStudy #nav-1-testimonials {background:url(../images/skin/nav/middle-over.png) 1px 2px no-repeat;}

.content {min-height:450px;height:450px;}
    .content[class] {height:auto;}
    .content {}
    
.r-1-column-2 {position:relative;}
    #tagline {position:absolute;top:202px;left:22px;color:#fff;}
        #tagline h3 {font-size:18px;line-height:1.1;padding:1px 0 4px;}
        #tagline h3 em {font-weight:normal;display:block;font-style:normal;font-size:12px;}
        #tagline .hidden {position:absolute;left:-9999em;}
        #tagline a {color:#799bc9;font-size:11px;}
    
    #banner-image {position:absolute;width:512px;height:196px;background:url(../images/skin/banners/banner-6.jpg);
        top:0;left:0;}

    .r-1-column-2 .feature {position:absolute;width:250px;left:527px;font-size:11px;
        color:#043f8f;}
        .r-1-column-2 .feature h3 {font-size:14px;padding:0 0 .5em;}
        .r-1-column-2 .feature h3 a {color:#043f8f;}
        .r-1-column-2 .feature .cta {color:#043f8f;}
        .r-1-column-2 .feature .cta strong {background-image:url(../images/skin/bullet-blue.png);}

    #featured-download {top:16px;}
    #featured-news {top:12px;}
    #featured-case-study {top:149px;}
    #featured-news2 {top:60px;}
    #featured-case-study2 {top:179px;}
    #featured-testimonial {top:149px;font-style:italic;font-size:12px;}
        #featured-testimonial p {padding:0;}
        #featured-testimonial p.author {font-weight:bold;font-style:normal;text-align:right;
            font-size:11px;padding:10px 0 0;}

/*
#ResearchBackground #banner-image,
#CaseStudy #banner-image {background-image:url(../images/skin/banners/banner-2.jpg);}
#SasbaScale #banner-image {background-image:url(../images/skin/banners/banner-3.jpg);}
#Benefits #banner-image {background-image:url(../images/skin/banners/banner-4.jpg);}
#Authors #banner-image {background-image:url(../images/skin/banners/banner-7.jpg);}
#Home #banner-image {background-image:url(../images/skin/banners/banner-6.jpg);}*/

/*--------------------------------------------------------------------------- Layout Styles ---*/
.row-1 {background:url(../images/skin/bg/top-row.png) no-repeat;
    min-height:273px;height:273px;}
.row-1b {background:url(../images/skin/bg/top-row2.png) no-repeat;
    min-height:273px;height:273px;}
.row-1[class] {height:auto;}
    .r-1-column-1,
    .r-2-column-1 {float:left;width:154px;}
    .r-1-column-2,
    .r-2-column-2 {float:right;width:798px;}
    
.flow-area {padding:0 0 1em;}
    .flow-area h1,
    .flow-area h2 {color:#fff;font-size:14px;background:#78b952 url(../images/skin/bg/heading.png) repeat-x;
        padding:7px 12px;}
    .flow-area .article-header {color:#000;font-size:14px;background:0;padding:0 0 1.2em;}
    .flow-area h3 {font-size:12px;padding:0 0 .6em;}
    .flow-area a:hover {text-decoration:underline;}
    .flow-area .trim {padding:12px 15px;line-height:1.3;min-height:70px;}
    .flow-area .small {font-size:11px;}
    .flow-area p {padding:0 0 1.2em;}
    .flow-area ol {}
        .flow-area ol li {padding:0 0 1em;}
        .flow-area ol div {float:left;width:301px;}
        .flow-area ol span.counter {float:left;width:20px;}
    .flow-area ul {}
        .flow-area ul li {padding:0 0 1em 15px;background:url(../images/skin/bullet-square.png) 0 .5em no-repeat;}
    
    .flow-area .area-1 {float:left;width:382px;background:url(../images/skin/bg/grad.png) repeat-x;}
    .flow-area .area-2 {float:left;width:403px;margin-left:9px;background:url(../images/skin/bg/grad.png) repeat-x;}
    .layout-2 .flow-area .area-1,
    .layout-3 .flow-area .area-1 {float:none;width:auto;margin-right:4px;}
    
    .layout-3 .page-header {margin-bottom:10px;}
    .layout-3 .flow-area .area-1a {float:left;width:407px;}
    .layout-3 .flow-area .area-1b {float:right;width:321px;text-align:center;}
    .layout-3 .flow-area .area-1b img {border:1px solid #000;}
    .layout-3 .flow-area p.caption {padding:.3em 0 2em;}
    .layout-3 .flow-area ol div {width:350px;}

    .r-2-column-1 {min-height:300px;height:300px;background:url(../images/skin/bg/grad.png) repeat-x;}
    .r-2-column-1[class] {height:auto;}

/*--------------------------------------------------------------------------- Reusable Styles ---*/
.css-table {}
    .css-table .cell {width:365px;}
    .css-table .cell img.fr {margin:3px 0 5px 12px;}
    .css-table .cell-1 {float:left;}
    .css-table .cell-2 {float:right;}   

.tbl-links {margin:.5em 0;}
    .tbl-links td {padding:0 0 9px 0;vertical-align:top;}
    .tbl-links .col-1 {padding-right:25px;}
    .tbl-links a {text-transform:uppercase;color:#000;background:url(../images/skin/bullet.png) 0 .5em no-repeat;
        padding:0 0 0 8px;font-weight:bold;font-size:11px;}

.cta {display:block;font-weight:bold;text-align:right;padding:.5em 0 0;font-size:11px;color:#000;}
    .cta strong {background:url(../images/skin/bullet.png) 0 .5em no-repeat;padding:0 0 0 6px;}

#pager {text-align:center;padding:.3em 0 1em;color:#6a90c4;}
    #pager span {color:#000;font-weight:bold;}