/********************************************
* Colletti Fiss
* Developed by I-ology
* http://www.i-ology.com
*
* Created 02/17/2009 - AC
*
* General Style Definitions
********************************************/

/*******************************************
* Layout Definitions
*******************************************/

#container {
    width: 760px;
    margin: 0 auto;
}

#promo-job-design {
    padding-top: 20px;
}

#promo-job-design,
#promo-performance-management,
#promo-sales-compensation {
    margin: 0 0 5px 22px;
}

#promo-job-design a,
#promo-performance-management a,
#promo-sales-compensation a {
    display: block;
    width: 328px;
    height: 74px;
    text-indent: -9999px;
    overflow: hidden;
}
#promo-job-design a {
    background: url(/images/promo_job_design.gif) top left;
}
#promo-performance-management a {
    background: url(/images/promo_performance_mgmt.gif) top left;
}
#promo-sales-compensation a {
    background: url(/images/promo_sales_comp.gif) top left;
}
#promo-job-design a:hover,
#promo-performance-management a:hover,
#promo-sales-compensation a:hover {
    background-position: bottom left;
}

.home-left {
    padding: 17px 0 0 36px;
}

.home-right-bttm {
    padding: 17px 29px 20px 0;
    line-height: 16px;
}

.home-right {
    padding: 26px 29px 20px 0;
    line-height: 16px;
}

#dotted-line {
    padding: 10px 0 0 26px;
}

#hdr-sales-comp {
	height: 18px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	background: url(/images/hdr-sales-comp.gif) top left no-repeat;
}

#btn-white-paper {
    display: block;
    width: 348px;
    height: 69px;
    margin-bottom: 28px;
    text-indent: -9999px;
    overflow: hidden;
    background: url(/images/btn_latest_whitepaper7.gif) top left;
}
a:hover#btn-white-paper {
    background-position: bottom left;
}

#home-newsletter {
    display: block;
    width: 348px;
    height: 51px;
    margin: 11px 0 28px 0;
    text-indent: -9999px;
    overflow: hidden;
    background: url(/images/home_newsletter.gif) top left;
}
a:hover#home-newsletter {
    background-position: bottom left;
}

#promo-white-paper {
    display: block;
    width: 190px;
    height: 95px;
    margin-bottom: 24px;
    text-indent: -9999px;
    overflow: hidden;
    background: url(/images/promo_latest_whitepaper7.gif) top left;
}
a:hover#promo-white-paper {
    background-position: bottom left;
}

#promo-contact-us {
    display: block;
    width: 190px;
    height: 54px;
    margin-bottom: 24px;
    text-indent: -9999px;
    overflow: hidden;
    background: url(/images/promo_contact_us.gif) top left;
}
a:hover#promo-contact-us {
    background-position: bottom left;
}

#promo-newsletter {
    display: block;
    width: 190px;
    height: 54px;
    margin-bottom: 24px;
    text-indent: -9999px;
    overflow: hidden;
    background: url(/images/promo_newsletter.gif) top left;
}
a:hover#promo-newsletter {
    background-position: bottom left;
}

#promo-services {
    display: block;
    width: 468px;
    height: 110px;
    margin-bottom: 24px;
    text-indent: -9999px;
    overflow: hidden;
    background: url(/images/promo_services.gif) top left;
}
a:hover#promo-services {
    background-position: bottom left;
}

.mainCopy li {
    padding-bottom: 5px;
}

.mainCopy ul li ul {
    padding-top: 5px;
}

#btn-learn-more-sales {
    display: block;
    width: 244px;
    height: 24px;
    margin: 10px 0 20px 0;
    text-indent: -9999px;
    overflow: hidden;
    background: url(/images/btn_learn_more_sales.gif) top left;
}
a:hover#btn-learn-more-sales {
    background-position: bottom left;
}

#btn-learn-more-job {
    display: block;
    width: 190px;
    height: 24px;
    margin: 10px 0 20px 0;
    text-indent: -9999px;
    overflow: hidden;
    background: url(/images/btn_learn_more_job.gif) top left;
}
a:hover#btn-learn-more-job {
    background-position: bottom left;
}

#btn-learn-more-perf {
    display: block;
    width: 279px;
    height: 24px;
    margin: 10px 0 20px 0;
    text-indent: -9999px;
    overflow: hidden;
    background: url(/images/btn_learn_more_perf.gif) top left;
}
a:hover#btn-learn-more-perf {
    background-position: bottom left;
}

#btn-view-publications {
    display: block;
    width: 151px;
    height: 24px;
    margin: 0 0 25px 0;
    text-indent: -9999px;
    overflow: hidden;
    background: url(/images/btn_view_publications.gif) top left;
}
a:hover#btn-view-publications {
    background-position: bottom left;
}

#btn-view-shorts {
    display: block;
    width: 151px;
    height: 24px;
    margin: 0 0 25px 0;
    text-indent: -9999px;
    overflow: hidden;
    background: url(/images/btn_view_shorts.gif) top left;
}
a:hover#btn-view-shorts {
    background-position: bottom left;
}

.blue-bold {
    color: #6E90A2;
}

.box-width {
    width: 216px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
}

.site-field {
    width: 219px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
}

/*********************************
* Global Navigation
*********************************/

#global {
    width: 384px;
    margin: 0 0 0 376px;
    padding: 0;
    overflow: hidden;
}

#global li {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: inline;
}

#global a {
    display: block;
    float: left;
    text-decoration: none;
    text-indent: -9999px;
    height: 35px;
    overflow: hidden;
}

#global a#home {
    background: url(/images/global_home.gif) top left no-repeat;
    width: 62px;
}
#global a#contact-us {
    background: url(/images/global_contact_us.gif) top left no-repeat;
    width: 83px;
}
#global a#enewsletter {
    background: url(/images/global_newsletter.gif) top left no-repeat;
    width: 130px;
}
#global a#client-extranet {
    background: url(/images/global_client_extranet.gif) top left no-repeat;
    width: 109px;
}

#global a:hover#home, body#home-on #global a#home,
#global a:hover#contact-us, body#contact-us-on #global a#contact-us,
#global a:hover#enewsletter, body#enewsletter-on #global a#enewsletter,
#global a:hover#client-extranet, body#client-extranet-on #global a#client-extranet {
    background-position: bottom left;
}

/*********************************
* Services Navigation
*********************************/

#services-nav {
    width: 190px;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

#services-nav li {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#services-nav a {
    display: block;
    text-decoration: none;
    text-indent: -9999px;
    width: 190px;
    overflow: hidden;
}

#services-nav a#sales-comp {
    background: url(/images/subnav_sales_comp.gif) top left no-repeat;
    height: 35px;
}
#services-nav a#job-design {
    background: url(/images/subnav_jobdesign.gif) top left no-repeat;
    height: 35px;
}
#services-nav a#performance-mgmt {
    background: url(/images/subnav_performance.gif) top left no-repeat;
    height: 34px;
}

#services-nav a:hover#sales-comp, body#sales-comp-on #services-nav a#sales-comp,
#services-nav a:hover#job-design, body#job-design-on #services-nav a#job-design,
#services-nav a:hover#performance-mgmt, body#performance-mgmt-on #services-nav a#performance-mgmt {
    background-position: bottom left;
}

/*********************************
* Landing Page
*********************************/

.landing-left {
    padding: 34px 30px 30px 32px;
}

.landing-right {
    padding: 0 0 30px 51px;
}