body
{
    padding: 0px;
    margin: 0px;
    text-align: left;
    font-family: Arial, Verdana, Tahoma;
    font-size: 12px;
    line-height: 18px;
    z-index: 1;
}
#homepage-container
{
    background-image: url(../images/back-home.gif);
    z-index: 1;        
    background-repeat: repeat-x;


}
#page-container
{
    background-image: url(../images/back-main.gif);
    z-index: 1;
    background-repeat: repeat-x;
}
#container
{
    width: 100%;
    margin: 0 auto;
    text-align: center;
}
h1
{
    font-size: 14px;
    font-weight: bold;
    color: #990000;
    margin: 0px;
}

a
{
    color: #999999;
    margin: 0px;
    text-decoration: none;
}

a:hover
{
    color: #333;
    margin: 0px;
    text-decoration: none;
}

h2
{
    font-size: 14px;
    font-weight: bold;
    color: #333333;
    margin: 0px;
}

h3
{
    font-size: 14px;
    color: #333;
    font-weight: normal;
    margin: 0px;
}
h4
{
    color: #990000;
    margin: 0;
    font-weight: bold;
    font-size: 12px;
}

/*******************************************************/
/* HEADER */
/*******************************************************/

#header
{
    width: 970px;
    height: 107px;
    margin: 0 auto;
    background-image: url(../images/header.gif);
}

#top-bar
{
    width: 760px;
    margin-left: 30px;
    text-align: center;
}
/*******************************************************/
/* HOME PAGE ELEMENTS */
/*******************************************************/

#strap-container
{
    width: 970px;
    height: 196px;
    margin: 0 auto;
    background-image: url(../images/back-strap.gif);
}
.flash-container
{
    height: 196px;
    margin-left: 446px;
    width: 524px;
    z-index: 999;
}
#main-home
{
    width: 970px;
    height: 366px;
    margin: 0 auto;
    background-color: #fff;
}

.home-content
{
    width: 373px;
    height: 346px;
    float: left;
    font-size: 14px;
    padding-left: 30px;
    padding-top: 20px;
    padding-right: 40px;
    background-image: url(../images/back-content-home.jpg);
    background-position-y: bottom;
}
.home-right
{
        background-image: url(../images/back-banner-home.gif);
        background-repeat:repeat-x;

    }
.home-banner-left
{
    width: 264px;
    height: 274px;
    margin-right: 0px;
    float: left;
    background-image: url(../images/back-banner-home.gif);
    background-repeat: no-repeat;
}

.home-banner-right
{
    width: 263px;
    height: 274px;
    float: left;
    background-image: url(../images/back-banner-home.gif);
    background-repeat: no-repeat;
}

.banner-image-container
{
    width: 255px;
    height: 118px;
    float: left;
    margin-top: 4px;
    margin-left: 4px;
}

.banner-content-container
{
    width: 220px;
    float: left;
    margin-top: 2px;
    margin-left: 20px;
}

.banner-button-container
{
    width: 255px;
    float: left;
    margin-top: 12px;
    margin-left: 4px;
}

#banner-button
{
    float: left;
    margin-left: 6px;
    margin-top: 0px;
}

#banner-button ul
{
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-family: Myriad Web, Verdana, Arial, sans-serif;
    font-size: 14px;
}

#banner-button li
{
    float: left;
    margin-right: 0px;
}

#banner-button a
{
    display: block;
    width: 94px;
    height: 23px;
    margin-left: 10px;
    text-align: center;
    padding-top: 5px;
    background-image: url(../images/back-button.gif);
    text-decoration: none;
}

#banner-button a:link, #banner-button a:active, #banner-button a:visited
{
    color: #fff;
}

#banner-button a:hover
{
    color: #fff;
    background-image: url(../images/back-button-roll.gif);
}

#news-container
{
    width: 970px;
    xheight: 236px;
    margin: 0 auto;
}

.news-ticker
{
    width: 507px;
    height: 64px;
    margin: 0 auto;
    padding:28px 10px 0px 10px;
    float: left;
    color: #fff;
    
    background:#272727;
        background-image: url(../images/back-news-ticker.gif);

}
.fade-box strong
{
    color: #dcdcdc;
}

.contact-banner
{
    width: 918px;
    height: 146px;
    margin: 0 auto 0 12px;
    padding-left: 40px;
    padding-top: 58px;
    float: left;
    color: #fff;
    background-image: url(../images/back-contact-banner.jpg);
}
.contact-box
{
    float:left;
    width:300px;
    margin-right:40px;
    }
/*******************************************************/
/* GENERAL DESIGN ELEMENTS */
/*******************************************************/
#main
{
    width: 970px;
    margin: 0 auto;
    padding-bottom: 50px;
    background-image: url(../images/back-copy.gif);
    background-repeat: no-repeat;
}


#title-container
{
    width: 970px;
    height: 128px;
    margin: 0 auto;
}

.title
{
    width: 539px;
    height: 128px;
    float: left;
    margin: 0 auto;
}

.title-image
{
    width: 431px;
    height: 128px;
    float: left;
    margin: 0 auto;
}

#content-container
{
    width: 515px;
    float: left;
    text-align: left;
    margin-left: 30px;
    margin-top: 34px;
    margin-bottom: 0px;
}

.content-intro
{
    width: 515px;
    float: left;
    text-align: left;
    margin-bottom: 12px;
    font-size: 14px;
    font-weight: bold;
    color: #444;
}

.content
{
    width: 515px;
    float: left;
    text-align: left;
    margin-bottom: 50px;
    font-size: 14px;
    color: #444;
}
.contentbox
{
    z-index:99;
    }
.content ul
{
    margin: auto;
    padding: 0px;
    margin-bottom: 20px;
    margin-top: 20px;
}

.content li
{
    display: block;
    padding-left: 22px;
    padding-top: 3px;
    text-align: left;
    color: #333333;
    font-size: 12px;
    font-weight: normal;
    list-style: none;
    background-image: url(../images/back-bullet.gif);
    background-repeat: no-repeat;
}


#image-container
{
    width: 181px;
    float: left;
    margin-left: 30px;
    margin-top: 34px;
    margin-bottom: 20px;
}

.image
{
    width: 170px;
    height: 143px;
    padding-left: 11px;
    padding-top: 11px;
    margin-bottom: 12px;
    float: left;
    background-image: url(../images/image-border.gif);
}



#back-footer-vector
{
    width: 100%;
    height: 162px;
    margin: 0 auto;
    float: left;
    background-image: url(../images/back-footer-vector-main.gif);
}



#footer-vector
{
    width: 520px;
    height: 106px;
    margin: 0 auto;
    padding-left: 250px;
    padding-right: 200px;
    padding-top: 56px;
    color: #fff;
    background-image: url(../images/back-footer-vector.gif);
}

#banner-button-footer
{
    float: left;
    margin-left: 0px;
    margin-top: 0px;
}

#banner-button-footer ul
{
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-family: Myriad Web, Verdana, Arial, sans-serif;
    font-size: 14px;
}

#banner-button-footer li
{
    float: left;
    margin-right: 0px;
}

#banner-button-footer a
{
    display: block;
    width: 94px;
    height: 23px;
    margin-top: 5px;
    text-align: center;
    padding-top: 5px;
    background-image: url(../images/back-button-footer.gif);
    text-decoration: none;
}

#banner-button-footer a:link, #banner-button-footer a:active, #banner-button-footer a:visited
{
    color: #fff;
}

#banner-button-footer a:hover
{
    color: #fff;
    background-image: url(../images/back-button-footer-roll.gif);
}

/*******************************************************/
/*******************************************************/
/* SUB MENU */
/*******************************************************/
/*******************************************************/



#sub-menu-container
{
    width: 172px;
    padding-top: 34px;
    margin-left: 20px;
    margin-top: 0px;
    float: left;
    display: inline;
    padding-bottom: 124px;
}

#sub-menu
{
    text-align: left;
    position: relative;
    color: #333333;
}

#sub-menu ul
{
    margin: auto;
    padding: 0px;
}

#sub-menu li
{
    font-size: 12px;
    margin-bottom: 1px;
    list-style: none;
    font-weight: normal;
}

#sub-menu a
{
    display: block;
    padding-left: 26px;
    padding-top: 6px;
    width: 146px;
    height: 23px;
    text-align: left;
    color: #333333;
    background-image: url(../images/back-sub-menu.gif);
    text-decoration: none;
}

#sub-menu a:link, #sub-menu a:visited #sub-menu a:active
{
    color: #333333;
}

#sub-menu a:hover
{
    color: #333333;
    background-image: url(../images/back-sub-menu-roll.gif);
}



/*******************************************************/
/*******************************************************/
/* MENU */
/*******************************************************/
/*******************************************************/

#menu-container
{
    width: 970px;
    height: 57px;
    margin: 0 auto;
    overflow:hidden;
}
#menu
{
    float:left;
    }
#menu ul
{
    margin: 0;
    padding: 0;
    height: 57px;
    font-family: Myriad Web, Verdana, Arial, sans-serif;
    font-size: 14px;
    padding-top: 8px;
    overflow:hidden;
}
#menu li
{
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline;
}
#menu li a
{
    width: 40px;
    line-height: 40px;
    color: #fff;
    padding: 18px 18px 20px 18px;
}
#menu li a:hover
{
    
    background-image: url(../images/back-menu.gif);
    background-repeat: repeat-x;
}









/*

#menu
{
    float: left;
    margin-left: 10px;
}

#menu ul
{
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-family: Myriad Web, Verdana, Arial, sans-serif;
    font-size: 14px;
}

#menu li
{
    float: left;
    margin-right: 0px;
}

#menu a
{
    display: block;
    height: 39px;
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;
    padding-top: 18px;
    background-image: url(../images/button-menu.gif);
    text-decoration: none;
}

#menu a:link, #menu a:active, #menu a:visited
{
    color: #fff;
}

#menu a:hover
{
    color: #fff;
    background-image: url(../images/back-menu.gif);
}
*/




/*******************************************************/
/*******************************************************/
/* TOP MENU */
/*******************************************************/
/*******************************************************/

#top-contact-container
{
    width: 970px;
    height: 28px;
    margin-top: 30px;
    text-align: -moz-right; /*FF*/ #text-align:right;/*IE */
}

.top-contact
{
    width: 300px;
    height: 24px;
    padding-top: 4px;
    margin-left: 0px;
    float:right;
}

#top-menu-container
{
    width: 970px;
    height: 28px;
    margin: 0 auto;
}

#top-menu
{
    float: right;
    margin-left: 658px;
    margin-top: 20px;
}

#top-menu ul
{
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-family: Myriad Web, Verdana, Arial, sans-serif;
    font-size: 14px;
}

#top-menu li
{
    float: left;
    margin-right: 0px;
}

#top-menu a
{
    display: block;
    width: 94px;
    height: 23px;
    margin-left: 10px;
    text-align: center;
    padding-top: 5px;
    background-image: url(../images/back-button.gif);
    text-decoration: none;
}

#top-menu a:link, #top-menu a:active, #top-menu a:visited
{
    color: #fff;
}

#top-menu a:hover
{
    color: #fff;
    background-image: url(../images/back-button-roll.gif);
}









/*******************************************************/
/* CASE STUDIES */
/*******************************************************/
#case-container
{
    width: 515px;
    float: left;
    text-align: left;
    margin-bottom: 30px;
}

.case-image
{
    width: 140px;
    height: 100px;
    float: left;
    text-align: left;
    border: solid;
    border-color: #CCCCCC;
    border-width: 4px;
}

.case-summary
{
    width: 315px;
    float: left;
    margin-left: 20px;
    text-align: left;
}

/*******************************************************/
/* FOOTER */
/*******************************************************/

#footer
{
    height: 60px;
    width: 100%;
    margin: 0 auto;
    padding-top: 20px;
    text-align: center;
    font-size: 11px;
    line-height: 15px;
    color: #666666;
    position: relative;
    clear: both;
    background-image: url(../images/back-footer.gif);
}

#footer a
{
    text-decoration: none;
    color: #666666;
    font-weight: bold;
}

#footer a:hover
{
    color: #333;
}
.clear
{
    clear: both;
    height: 0;
    margin: 0;
    padding: 0;
}