/*
--------------------------------------------------------------------------------
CLIENT: CSG Holdings, LLC
AUTHOR: Collin Houseal - housealcreative.com
----------------------------------------------------------------------------- */


/*  STRUCTURE
----------------------------------------------------------------------------- */

* {
    padding: 0;
    margin: 0;
    }

body {
    text-align: center;
    color: #313131;
    font: 12px/24px Georgia, Times, serif;
    background: #f5f5f4 url(/images/bg_body.gif) top center repeat-x;
	}

    body.ca { background: #f5f5f4 url(/images/bg_body-ca.gif) top center repeat-x !important; }

#wrap {
	width: 980px;/*800*/
    text-align: left;
	margin-left: auto;
	margin-right: auto;
    }
    
#wrap2 {
	width: 800px;
    text-align: left;
	margin-left: auto;
	margin-right: auto;
    }    

#sidebar {
    width: 300px;
    float: left;
    margin-top: 75px;
    }

#header-csg,
#header-ca {
    width: 230px;/
    margin-right: 50px;
    background-color: #fff;
    border: 10px solid #e1dfdb;
    }

    #header-csg {
    height: 255px;
    background: #fff url(/images/header-csg.gif) 0 0 no-repeat;
    }

    #header-ca {
    height: 235px;
    background: #fff url(/images/header-ca.gif) 0 0 no-repeat;
    }

#nav-primary-csg,
#nav-primary-ca {
    width: 300px;
    margin: 20px 0 0 0;
    }

#nav-secondary-csg,
#nav-secondary-ca {
    width: 250px;
    }

#content {
    width: 480px;
    background-color: #fff;
    float: left;
    margin-top: 75px;
    border: 10px solid #e1dfdb;
    }

#footer {
    width: 800px;
    text-align: right;
    }


/*  SPLASH PAGE
----------------------------------------------------------------------------- */

#splash-header {
    width: 980px;/*800*/
    height: 155px;
    background: transparent url(/images/splash_header.gif) top center no-repeat;
    }

#splash-content {
    width: 980px;/*800*/
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px;
    }    
        
    
div.splash-label {
    height: 26px;
    width: 150px;
    margin-top: 20px;
    float: left;
    text-indent: -99999px;
    }
   
    /* IE7 hack */
    *:first-child+html div.splash-label { margin-bottom: 5px !important; }


    #label-csg { background: transparent url(/images/splash_label-csg.gif) top center no-repeat; margin-left: 40px; margin-right: 40px; }
    #label-ca { background: transparent url(/images/splash_label-ca.gif) top center no-repeat; margin-right: 40px; } 
    #label-intersec { background: transparent url(/images/splash_label-intersec.gif) top center no-repeat; margin-right: 40px; } 
    #label-cst { background: transparent url(/images/splash_label-aim.gif) top center no-repeat; } 
    #label-aim { background: transparent url(/images/splash_label-cst.gif) top center no-repeat; margin-right: 40px; } 

    /* IE6 hack */
    * html #label-csg { margin-left: 20px !important; }

a.splash-csg,
a.splash-ca,
a.splash-cst,
a.splash-aim,
a.splash-intersec,
a.splash-temp {
    width: 150px;
    height: 150px;
    float: left;
    text-indent: -99999px;
    margin-top: 40px;
    border: 10px solid #dad8d3;
    }

    a.splash-csg:hover,
    a.splash-ca:hover,
    a.splash-cst:hover,
    a.splash-intersec:hover {
    border: 10px solid #313131 !important;
    }

    a.splash-temp:hover { cursor: default; }

    a.splash-csg, a.splash-csg:hover { background: transparent url(/images/splash_logo-csg.gif) 0 0 no-repeat !important; margin-left: 30px; margin-right: 20px; }
    a.splash-ca, a.splash-ca:hover { background: transparent url(/images/splash_logo-ca.gif) 0 0 no-repeat !important; margin-right: 20px; }
    a.splash-intersec, a.splash-intersec:hover { background: transparent url(/images/splash_logo-intersec.gif) 0 0 no-repeat !important; margin-right: 20px; }  
    a.splash-cst, a.splash-cst:hover { background: transparent url(/images/splash_logo-aim.gif) 0 0 no-repeat !important; margin-right: 20px; } 
    /* a.splash-cst, a.splash-cst:hover { background: transparent url(/images/splash_logo-cst.gif) 0 0 no-repeat !important; margin-right: 20px; } */
   /* a.splash-temp { background: transparent url(/images/splash_temp.gif) 0 0 no-repeat !important; margin-right: 20px; } */
    a.splash-temp { background: transparent url(/images/splash_logo-cst.gif) 0 0 no-repeat !important; margin-right: 20px; } 

/*  NAVIGATION
----------------------------------------------------------------------------- */

#header-csg a.csg-home,
#header-ca a.ca-home {
    display: block;
    float: left;
    width: 110px;
    height: 135px;
    position: relative;
    top: 60px;
    left: 60px;
    }
	
#header-csg span,
#header-ca span {
    display: none;
    }

/*  PRIMARY  */

#nav-primary-csg ul,
#nav-primary-ca ul {
    margin: 0;
    padding: 0;
    list-style: none;
    }

#nav-primary-csg ul li,
#nav-primary-csg ul li a,
#nav-primary-ca ul li,
#nav-primary-ca ul li a {
    width: 300px;
    height: 40px;
    float: left;
    padding: 0;
    margin: 0 0 2px 0;
    background-position: 0 0;
    background-repeat: no-repeat;
    text-indent: -99999px;
    }

#csg-np1 { background-image: url(/images/nav-primary_csg-about.gif); }
#csg-np2 { background-image: url(/images/nav-primary_csg-why.gif); }
#csg-np3 { background-image: url(/images/nav-primary_csg-services.gif); }
#csg-np4 { background-image: url(/images/nav-primary_csg-team.gif); }

body.about #csg-np1 { background-image: url(/images/nav-primary_csg-about.gif); background-position: 0 -40px; }
body.why #csg-np2 { background-image: url(/images/nav-primary_csg-why.gif); background-position: 0 -40px; }
body.services #csg-np3 { background-image: url(/images/nav-primary_csg-services.gif); background-position: 0 -40px; }
body.team #csg-np4 { background-image: url(/images/nav-primary_csg-team.gif); background-position: 0 -40px; }

#ca-np1 { background-image: url(/images/nav-primary_ca-about.gif); }
#ca-np2 { background-image: url(/images/nav-primary_ca-why.gif); }
#ca-np3 { background-image: url(/images/nav-primary_ca-services.gif); }
#ca-np4 { background-image: url(/images/nav-primary_ca-team.gif); }

body.about #ca-np1 { background-image: url(/images/nav-primary_ca-about.gif); background-position: 0 -40px; }
body.why #ca-np2 { background-image: url(/images/nav-primary_ca-why.gif); background-position: 0 -40px; }
body.services #ca-np3 { background-image: url(/images/nav-primary_ca-services.gif); background-position: 0 -40px; }
body.team #ca-np4 { background-image: url(/images/nav-primary_ca-team.gif); background-position: 0 -40px; }

/*  SECONDARY  */

#nav-secondary-csg ul,
#nav-secondary-ca ul {
    margin: 16px 0 0 0;
    padding: 0;
    list-style: none;
    }

    /* IE6 hack */
    * html #nav-secondary-csg ul,
    * html #nav-secondary-ca ul { margin: 0 !important; }

#nav-secondary-csg ul li,
#nav-secondary-csg ul li a,
#nav-secondary-ca ul li,
#nav-secondary-ca ul li a {
    width: 125px;
    height: 24px;
    float: left;
    text-indent: -99999px;
    }

#csg-ns1 { background-image: url(/images/nav-secondary_csg-news.gif); }
#csg-ns2 { background-image: url(/images/nav-secondary_csg-contact.gif); }

#ca-ns1 { background-image: url(/images/nav-secondary_ca-news.gif); }
#ca-ns2 { background-image: url(/images/nav-secondary_ca-contact.gif); }


/*  TEXT
----------------------------------------------------------------------------- */

#splash-content p.legal {
    font: 9px/14px "Lucida Grande", Helvetica, Arial, sans-serif;
    color: #9e978b;
    margin: 50px 65px 25px 65px;
    text-align: center;
    }

#footer p {
    font: 9px/12px "Lucida Grande", Helvetica, Arial, sans-serif;
    color: #9e978b;
    margin: 10px 0 15px 0;
    }

    /* IE6 hack */
    * html #footer p { margin: 0 0 15px 0 !important; }

#content p {
    margin: 0 65px 20px 65px;
    }

#content p.disclaimer {
    font: 9px/12px "Lucida Grande", Helvetica, Arial, sans-serif;
    color: #9e978b;
    margin: 10px 65px 20px 65px;
    }

#content strong {
    color: #345369;
    font-weight: bold;
    }

#content .news-date,
#content small {
    font-family: "News Gothic", "Lucida Grande", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #9e978b;
    font-size: 9px;
    margin-left: 5px;
    }

#content .news-title {
    color: #345369;
    font-weight: bold;
    }

#content p.bio {
    margin: 0 65px 20px 65px;
    padding: 25px;
    background-color: #e1dfdb;
    line-height: 20px;
    }

#content blockquote {
    background-color: #e1dfdb;
    font-size: 18px;
    line-height: 22px;
    color: #9e978b;
    width: 180px;
    float: right;
    text-align: left;
    margin: 5px 0 15px 30px;
    padding: 25px 20px 18px 25px;
    }

    #content blockquote span.attribution {
    font: 9px/28px "News Gothic", "Lucida Grande", Helvetica, Arial, sans-serif;
    color: #9e978b;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    }
    

/*  HEADLINES
----------------------------------------------------------------------------- */

h2 {
    width: 480px;
    height: 75px;
    text-indent: -99999px;
    margin-bottom: 45px;
    }

    #csg { background: transparent url(/images/h2_csg.gif) top center no-repeat; }
    #about-csg { background: transparent url(/images/h2_about-csg.gif) top center no-repeat; }
    #why-csg { background: transparent url(/images/h2_why-csg.gif) top center no-repeat; }
    #solutions { background: transparent url(/images/h2_solutions.gif) top center no-repeat; }
    #services { background: transparent url(/images/h2_services.gif) top center no-repeat; }
    #team { background: transparent url(/images/h2_team.gif) top center no-repeat; }
    #news { background: transparent url(/images/h2_news.gif) top center no-repeat; }
    #contact { background: transparent url(/images/h2_contact.gif) top center no-repeat; }
    #disclosures { background: transparent url(/images/h2_disclosures.gif) top center no-repeat; }
    #ca { background: transparent url(/images/h2_ca.gif) top center no-repeat; }
    #about-ca { background: transparent url(/images/h2_about-ca.gif) top center no-repeat; }
    #why-ca { background: transparent url(/images/h2_why-ca.gif) top center no-repeat; }
    #services-ca { background: transparent url(/images/h2_services-ca.gif) top center no-repeat; }
    #team-ca { background: transparent url(/images/h2_team-ca.gif) top center no-repeat; }
    #news-ca { background: transparent url(/images/h2_news-ca.gif) top center no-repeat; }
    #contact-ca { background: transparent url(/images/h2_contact-ca.gif) top center no-repeat; }
    #disclosures-ca { background: transparent url(/images/h2_disclosures-ca.gif) top center no-repeat; }

h3 {
    font: 12px/18px "News Gothic", "Lucida Grande", Helvetica, Arial, sans-serif;
    color: #9e978b;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    margin: 0 65px 15px 65px;
    text-align: center;
    }

h4 {
    color: #345369;
    font-family: "News Gothic", "Lucida Grande", Helvetica, Arial, sans-serif;
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    margin: 0 65px 0 65px;
    }

h4.name {
    color: #345369;
    font-size: 12px;
    font-weight: bold;
    margin: 12px 65px 0 0;
    }

    h4.name_no-photo {
    color: #345369;
    font-size: 12px;
    font-weight: bold;
    margin: 22px 65px 0 65px;
    }

h4.title {
    color: #9e978b;
    font-size: 9px;
    line-height: 14px;
    margin: 0 65px 2px 0;
    }

    h4.title_no-photo {
    color: #9e978b;
    font-size: 9px;
    line-height: 14px;
    margin: 0 65px 0 65px;
    }


/*  LISTS
----------------------------------------------------------------------------- */

#content ul {
    margin: 0 65px 20px 65px;
    list-style: none;
    }

#content ul li {
    background: transparent url(/images/bullet.gif) 0 7px no-repeat;
    margin: 0 0 8px -14px;
    font: 12px/18px Georgia, Times, serif;
    padding-left: 14px;
    }


/*  LINKS
----------------------------------------------------------------------------- */

#content a {
    color: #58692a;
    text-decoration: none;
    border-bottom: 1px dotted #9e978b;
    }
    
    #content a:hover {
    background-color: #e1dfdb;
    }

#footer a {
    color: #58692a;
    text-decoration: none;
    border-bottom: 1px dotted #9e978b;
    padding: 1px 0;
    }
    
    #footer a:hover {
    background-color: #e1dfdb;
    }

#content p.page-nav {
    text-align: center;
    color: #e1dfdb;
    border-top: 1px solid #e1dfdb;
    border-bottom: 1px solid #e1dfdb;
    padding: 8px 0 10px 0;
    margin: 0 65px 40px 65px;
    }
    
    #content p.page-nav a {
    margin: 0 8px;
    }

a.get-reader {
    border: none !important;
    outline: none;
    float: right;
    margin-top: 10px;
    }

a.trigger_no-photo {
    margin: 0 65px 0 65px !important;
    }

a.news-link {
    font-weight: bold;
    }


/*  IMAGES
----------------------------------------------------------------------------- */

img {
    border: 0;
    }

img.team-pic {
    width: 75px;
    height: 90px;
    border: 5px solid #e1dfdb;
    float: left;
    margin: 0 15px 0 65px;
    clear: both;
    }

img.pdf {
    margin-left: 6px;
    }


/*  FORMS
----------------------------------------------------------------------------- */

dl.contact-form {
    margin: 0 65px 20px 65px;
    }

dl.contact-form dt {
    color: #345369;
    font: 11px/18px "News Gothic", "Lucida Grande", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 10px 0 0 0;
    }

dl.contact-form dt small {
    color: #9e978b;
    font-size: 8px;
    margin-left: 5px;
    }

dl.contact-form input,
dl.contact-form textarea {
    border: 1px dotted #9e978b;
    background-color: #f5f5f4;
    padding: 4px;
    margin: 2px 0 2px 0;
    }

    dl.contact-form input:focus,
    dl.contact-form textarea:focus {
    border: 1px solid #9e978b;
    background-color: #fff;
    padding: 4px;
    }

dl.contact-form input.submit-send {
    font: 10px/18px "News Gothic", "Lucida Grande", Helvetica, Arial, sans-serif;
    padding: 5px 8px 4px 8px;
    background-color: #345369;
    border: none;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #fff;
    margin-top: 15px;
    }

    dl.contact-form input.submit-send:hover {
    background-color: #58692a;
    }

p.error-msg {
    color: #cc0000;
    }


/*  MISC
----------------------------------------------------------------------------- */

a {
    outline: none;
/*Added for Fidelity link--------*/    
    color: blue;
    text-decoration: none; 
    }
a:visited {
    color:blue;
    text-decoration: none; 
    }   
a:hover {
    color: blue; 
    text-decoration: underline; 
    } 
/*------------------------------*/

.margin-top {
    margin-top: 15px !important;
    }

.clearfix {
    clear: both;
    display: inline-block;
    /* IE7 hack*/
    display: block;
    }

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

    html[xmlns] .clearfix {
    display: block;
    }

    * html .clearfix {
    height: 1%;
    }