body {
background: #ddd;
text-align: center;
margin: 0 auto;
font: .8em/1.5em sans-serif;
color: #444;
padding-top: 10px;
}

img {
border: 0;
}

a {
color: #26a;
text-decoration: none;
outline: none;
}

a:hover {
text-decoration: underline;
}

h1 {
color: #26a;
font: normal 2.5em/1em sans-serif;
margin-top: 0;
}

h2 {
color: #a21;
font: normal 1.5em/1em sans-serif;
margin: 0;
}

h3 {
color: #000;
font: bold 1.1em/1em sans-serif;
}

h4 {
color: #000;
font: bold 1em/1em sans-serif;
margin: 0;
}

p {
margin-top: 0;
margin-bottom: 1em;
}

hr {
margin: 30px 0;
color: #ccc;
background: #ccc;
border-top: 1px solid #ccc;
height: 0;
}

#hdr {
width: 970px;
height: 5px;
background: url(/img/bkgd-hdr.png) no-repeat;
margin: auto;
}

#mainframe {
width: 970px;
background: url(/img/bkgd-mainframe.png) repeat-y;
margin: 0 auto;
text-align: left;
}

#mainframe ul {
list-style: none;
margin: 5px 0;
padding-left: 5px;
}

#mainframe ul li {
margin: 10px 0;
padding-left: 18px;
background: url(/img/icon-bullet.png) no-repeat left 3px;
}

#topbar {
height: 30px;
background: #a21;
font-size: 11px;
text-transform: uppercase;
margin: 0 5px;
overflow: hidden;
color: maroon;
}

#topbar .matte {
padding: 5px;
float: right;
}

#topbar a {
color: white;
margin: 0 5px;
}

#search {
float: right;
padding: 5px 10px;
}

#logo {
margin: 0 20px 25px 20px;
}

#topnav {
background: #777 url(/img/tab-bkgd.png) repeat-x;
position: relative;
width: 100%;
}

#tab1, #tab2, #tab3, #tab4, #tab5, #tab6 {
display: block;
float: left;
text-indent: -2000px;
height: 30px;
width: 120px;
}

#tab1 {background: url(/img/tab-solutions.png) no-repeat;}
#tab2 {background: url(/img/tab-resources.png) no-repeat;}
#tab3 {background: url(/img/tab-newsblog.png) no-repeat;}
#tab4 {background: url(/img/tab-events.png) no-repeat;}
#tab5 {background: url(/img/tab-company.png) no-repeat;}
#tab6 {background: url(/img/tab-training.png) no-repeat;}

#topnav a:hover {
background-position: bottom;
}

#subnav {
font-size: 12px;
background: url(/img/bkgd-subnav.png) repeat-x bottom;
position: absolute;
z-index: 900;
top: 30px;
width: 920px;
}

#subnav a {
color: #fff;
display: block;
float: left;
margin: 5px;
padding: 4px 11px 4px 34px;
text-indent: 0;
line-height: 12px;
min-height: 2em;
}

#subnav span { line-height: 2em; }

#subnav a:hover {
color: #444;
border: 1px solid #777;
padding: 3px 10px 3px 33px;
background-color: #eee;
background-position: left top;
}

a.awards {background: url(/img/icon-nav-awards.png) no-repeat;}
a.blog {background: url(/img/icon-nav-blog.png) no-repeat;}
a.board {background: url(/img/icon-nav-board.png) no-repeat;}
a.careers {background: url(/img/icon-nav-careers.png) no-repeat;}
a.company {background: url(/img/icon-nav-company.png) no-repeat;}
a.contact {background: url(/img/icon-nav-contact.png) no-repeat;}
a.customer {background: url(/img/icon-nav-customer.png) no-repeat;}
a.document {background: url(/img/icon-nav-document.png) no-repeat;}
a.efm {background: url(/img/icon-nav-efm.png) no-repeat;}
a.employee {background: url(/img/icon-nav-employee.png) no-repeat;}
a.ethics {background: url(/img/icon-nav-ethics.png) no-repeat;}
a.industry {background: url(/img/icon-nav-industry.png) no-repeat;}
a.investors {background: url(/img/icon-nav-investors.png) no-repeat;}
a.management {background: url(/img/icon-nav-proserve.png) no-repeat;}
a.media {background: url(/img/icon-nav-media.png) no-repeat;}
a.mediakit {background: url(/img/icon-nav-mediakit.png) no-repeat;}
a.news {background: url(/img/icon-nav-news.png) no-repeat;}
a.press {background: url(/img/icon-nav-press.png) no-repeat;}
a.privacy {background: url(/img/icon-nav-privacy.png) no-repeat;}
a.product {background: url(/img/icon-nav-product.png) no-repeat;}
a.proserve {background: url(/img/icon-nav-proserve.png) no-repeat;}
a.totalengage {background: url(/img/icon-nav-totalengage.png) no-repeat;}

#tab1sub, #tab2sub, #tab3sub, #tab4sub, #tab5sub, #tab6sub {
padding-left: 5px;
font-size: .9em;
}

#tab7sub {
height: 3px;
}

#footer {
position: relative;
height: 30px;
color: #ccc;
background: #eee;
font-size: .8em;
text-transform: uppercase;
margin: 0 5px;
}

#footer .matte {
line-height: 2.3em;
padding: 5px;
}

#footer a {
color: #777;
margin: 0 5px;
}

#ftr {
width: 970px;
height: 5px;
background: url(/img/bkgd-ftr.png) no-repeat;
margin: auto;
margin-bottom: 60px;
}

#ftr .matte {
padding: 5px 15px;
text-align: left;
font-size: 11px;
color: #777;
}

#mainpromo {
margin-bottom: 30px;
}
 
#factoid {
float: left;
margin-bottom: 30px;
}

/* Easy Slider */

#factoid ul, #factoid ul li{
margin:0;
padding:0;
list-style:none;
}

#factoid li{ 
width:320px;
height:150px;
overflow:hidden; 
}

span#prevBtn{}
span#nextBtn{}					


#section-grey {
overflow: hidden;
background: #eee url(/img/divider-grey.png) no-repeat top center;
padding: 30px 20px;
}

#submit {
padding: 15px 20px 10px;
background: #ccc;
text-align: right;
}

.clear {
clear: both;
}

.matte {
padding: 30px 25px;
}

#masthead {
width: 920px;
height: 180px;
background: url(/img/bkgd-masthead.png) no-repeat;
overflow: hidden;
}

#masthead h1 {
margin-top: 60px;
margin-left: 20px;
}

#masthead .cta {
margin-top: 50px;
margin-right: 20px;
}

#header {
width: 920px;
height: 95px;
margin-bottom: 30px;
background: url(/img/bkgd-title.png) repeat-x;
overflow: hidden;
}

#header h1 {
margin-top: 50px;
margin-left: 20px;
}

#header .cta {
margin-top: 40px;
margin-right: 20px;
}

.intro {
color: #26a;
font-size: 1.2em;
line-height: 1.5em;
margin: 10px 0;
padding: 20px;
}

.redhead {
color: #a21;
font: normal 1.4em/1.5em sans-serif;
margin: 0;
padding-top: 12px;
}

.cta {
float: right;
padding-left: 30px;
font: 13px/1.5em sans-serif;
color: #444;
}

#header .cta img {
margin-bottom: 3px;
}

.bottom-margin {
margin-bottom: 5px;
}

.sidepromo {
margin-bottom: 20px;
}

.column1 {
float: left;
width: 820px;
margin-right: 30px;
}

.column2 {
float: left;
width: 420px;
margin-right: 30px;
}

.column2rchan {
float: left; 
width: 340px;
margin-right: 0px;
}

.column2wide {
float: left;
width: 540px;
margin-right: 0px;
}

.column3 {
float: left;
width: 180px;
margin: 0 20px 30px 0;
}

.column3wide {
float: left; 
width: 270px;
margin-right: 35px;
}

.column3wide img {
margin: 10px;
}

.last {
margin-right: 0;
}

.section {
background: url(/img/divider.png) no-repeat;
padding: 32px 20px;
clear: both;
overflow: hidden;
}

.feature {
padding-left: 60px;
padding-bottom: 22px;
}

.padleft {
padding-left: 60px;
}

.callout {
background: #eee url(/img/bkgd-callout.png) repeat-x;
border: 1px solid #ddd;
padding: 10px;
overflow: hidden;
}

.callout span {
font-size: .8em;
color: #777;
text-transform: uppercase;
}

.callout img {
float: left;
margin-right: 15px;
}

.graphic {
font-size: .9em;
line-height: 1.3em;
border: 1px solid #ddd;
padding: 10px;
overflow: hidden;
}

.graphic img {
float: left;
margin: 15px;
}

.quote {
padding-left: 10px;
border-left: 3px solid #def;
}

.source {
font: italic 0.9em/1.1em sans-serif;
color: #777;
text-align: right;
padding-right: 8px;
}

.hidden {
display: none;
}

.nobkgd {
background: #fff;
}

.bordered {
border: 1px solid #ddd;
}

.activesurvey {background: url(/img/icon-activesurvey.png) no-repeat;}
.banking {background: url(/img/icon-banking.png) no-repeat;}
.best-practices {background: url(/img/icon-best-practices.png) no-repeat;}
.bios {background: url(/img/icon-bios.png) no-repeat;}
.camera {background: url(/img/icon-camera.png) no-repeat;}
.checkbox {background: url(/img/icon-checkbox.png) no-repeat;}
.customer {background: url(/img/icon-customer.png) no-repeat;}
.datasync {background: url(/img/icon-datasync.png) no-repeat;}
.education {background: url(/img/icon-education.png) no-repeat;}
.efmbudget {background: url(/img/icon-efmbudget.png) no-repeat;}
.employee {background: url(/img/icon-employee.png) no-repeat;}
.healthcare {background: url(/img/icon-healthcare.png) no-repeat;}
.info {background: url(/img/icon-info.png) no-repeat;}
.logo {background: url(/img/icon-logo.png) no-repeat;}
.loyalty {background: url(/img/icon-loyalty.png) no-repeat;}
.manufacturing {background: url(/img/icon-manufacturing.png) no-repeat;}
.megaphone {background: url(/img/icon-megaphone.png) no-repeat;}
.microphone {background: url(/img/icon-microphone.png) no-repeat;}
.monitor {background: url(/img/icon-monitor.png) no-repeat;}
.newspaper {background: url(/img/icon-news.png) no-repeat;}
.officealert {background: url(/img/icon-officealert.png) no-repeat;}
.presscontact {background: url(/img/icon-presscontact.png) no-repeat;}
.proserve {background: url(/img/icon-proserve.png) no-repeat;}
.pulse {background: url(/img/icon-pulse.png) no-repeat;}
.realtime {background: url(/img/icon-realtime.png) no-repeat;}
.retail {background: url(/img/icon-retail.png) no-repeat;}
.silentwhistle {background: url(/img/icon-silentwhistle.png) no-repeat;}
.sms {background: url(/img/icon-sms.png) no-repeat;}
.telecom {background: url(/img/icon-telecom.png) no-repeat;}
.totalengage {background: url(/img/icon-totalengage.png) no-repeat;}
.trophy {background: url(/img/icon-award.png) no-repeat;}
.twoway {background: url(/img/icon-twoway.png) no-repeat;}
.voice {background: url(/img/icon-voice.png) no-repeat;}

input.searchbox {
background: url(/img/bkgd-search.png) no-repeat;
border: 0;
}

input.search {
-moz-border-radius:3px;
background: #fff;
border: 1px solid #ccc;
color: #777;
font-size:10px;
margin-right:2px;
padding:3px;
vertical-align:top;
}

input.contact, select.contact, textarea.contact {
border: 1px solid #ccc;
padding: 5px;
-moz-border-radius: 5px; 
-webkit-border-radius: 5px;
width: 95%;
}

select.contact {
width: 100%;
}

input.submit {
position: absolute;
bottom: 0;
left: 0;
right: 0;
}

label {
display: block;
clear: both;
font-weight: bold;
margin-top: 10px;
}

.doc {
display: block;
padding: 10px;
padding-left: 40px;
background: url(/img/icon-docs.png) no-repeat;
}

.video {
display: block;
padding: 3px;
padding-left: 25px;
background: url(/img/icon-video.png) no-repeat;
}

.directions {
display: block;
padding: 1px;
padding-left: 24px;
background: url(/img/icon-directions.png) no-repeat;
}

.release {
margin-bottom: 10px;
padding: 10px;
padding-left: 45px;
border-bottom: 1px dotted #ccc;
background: url(/img/icon-pdf.gif) 0px 7px no-repeat;
}

.news {
display: block;
padding: 3px;
padding-left: 40px;
background: url(/img/icon-nav-news.png) no-repeat;
}

.news em {
font-size: .8em;
text-transform: uppercase;
letter-spacing: 1px;
font-style: normal; 
}

.award {
margin: 10px 0;
padding: 15px;
padding-left: 150px;
height: 100px;
background: url(/img/icon-award.png) no-repeat;
}

.mgmt {
margin-bottom: 30px;
}

.mgmt img {
float: left;
margin: 0 20px 5px 0;
border: 1px solid #ddd;
}

.ui-accordian {
border: 1px solid #ddd; 
padding: 10px;
}

#accordian h4 a {
background: #ddd; 
margin: 5px;
}

td, th { padding: 3px 5px; }
th { border-bottom: 1px solid #999; background: #fff; }
.even { background: #eee; }
.odd { background: #fff; }
.last td { border-bottom: 1px solid #999; }

.alert {
border: 1px solid #fc9;
padding: 10px;
background: #ffe;
margin-bottom: 1em;
}
 
label.error {
float: none; 
color: #a21; 
padding-left: .5em; 
vertical-align: top; 
font-weight:bold;
}

input.error, select.error {
border-color: #a21;
background: #ffe;
}

.smallgrey {
display: block;
margin: 5px;
font-size: x-small;
}

#twitter {
position:absolute;
right: 10px;
bottom: 10px;
z-index: 900;
}

.sidebar {
border: 3px solid #eee;
padding: 10px;
margin-bottom: 1em;
}

.slide-tab {
text-align: left;
padding: 20px;
width: 320px;
background: #eee url(/img/bkgd-feedback.png) repeat-x;
border: #bbb 1px solid;
}

.decor {
/* background: url(/img/bkgd-seasons-greetings.png) no-repeat 450px 0; */
}