/* CSS Document */

/*==================================*/
/*    Author: Chris Johnson         */
/*    Company: Corporate 3 Design   */
/*    Date: December 12, 2008       */
/*==================================*/

/*==================================*/
/*---------- CONTENT AREA ----------*/
/*==================================*/

#contentwrapper_bg {
	width: 900px;
	background-color: #fff;
	padding: 0 0 15px 0;
}

.date {
	color: #447ea3;
	font-size: .9em;
	font-weight: normal;
}

.quote {
	color: #666666;
	text-align: right;
	width: 850px;
	padding: 0 15px 15px 0;
	font-size: .8em;
}

/*---------- TWO COLUMN LAYOUT -----------*/
.twocolumn #contentwrapper_bg {
	width: 900px;
	background: url(../images/main/contentwrapper_bg_secondary_twocol.jpg) no-repeat top left #fff;
	padding: 0 0 15px 0;
}

.twocolumn #contentwrapper_bg #contentwrapper {
	width: 880px;
	float: right;
	padding: 0 10px 0 0;
}

.twocolumn #contentwrapper_bg #content {
	width: 683px;
	float: left;
	padding: 0 7px 0 10px;
	font-size: .8em;
	line-height: 130%;
}

.twocolumn #contentwrapper h1 {
	color: #4b555f;
	width: 690px;
	font-size: 1.6em;
	font-weight: normal;
	padding: 28px 0 28px 10px;
	line-height: 140%;
}

/*---------- SIDEBAR ----------*/

#sidebar {
	width: 160px;
	float: left;
	list-style: none;
	margin: 15px 10px 0 10px;
}

ul#sidebar {
	width: 160px;
	float: left;
	list-style: none;
	border: 1px solid #cccccc;
	border-width: 1px 0 0 0;
	margin: 15px 10px 0 10px;
}

ul#sidebar li {
	width: 160px;
	border: 1px solid #cccccc;
	border-width: 0 0 1px 0;
}

ul#sidebar li a {
	width: 145px;
	padding: 7px 0 7px 15px;
	display: block;
	font-size: .75em;
}

ul#sidebar li a:hover {
	color: #eb8c00;
	background-color: #f8f8f8;
}

ul#sidebar li.active a {
	color: #eb8c00;
	background-color: #f8f8f8;
	font-weight: bold;
}

ul#sidebar li.active a:hover {
	color: #eb8c00;
	background-color: #f8f8f8;
}

ul#sidebar li.active ul {
	width: 160px;
	list-style: none;
	background-color: #f8f8f8;
	padding: 0 0 10px 0;
}

ul#sidebar li.active ul li {
	width: 160px;
	border: none;
}

ul#sidebar li.active ul li a {
	width: 135px;
	padding: 3px 0 3px 25px;
	display: block;
	font-size: .7em;
	color: #000;
	font-weight: normal;
}

ul#sidebar li.active ul li a:hover {
	background-color: #ebebeb;
	color: #000;
}

ul#sidebar li.active ul li.active a {
	background-color: #ebebeb;
	color: #000;
}

/*---------- CONTENT ----------*/

#contentwrapper {
	width: 890px;
	padding: 10px 0 0 10px;
	background: url(../images/main/contentwrapper_bg.jpg) 0px 0px no-repeat;
}

#contentwrapper h1 {
	color: #4b555f;
	width: 890px;
	font-size: 1.6em;
	font-weight: normal;
	padding: 0 0 25px 0;
	line-height: 140%;
}

#content {
	width: 890px;
	float: left;
	padding: 0 0 0 10px;
	font-size: .8em;
	line-height: 130%;
}

#content h2 {
	color: #666666;
	line-height: 150%;
	font-weight: normal;
	font-size: 1.5em;
	padding: 0 20px 15px 0;
	width: 870px;
}

#content h3 {
	color: #00507e;
	font-weight: bold;
	font-size: 1.4em;
	padding: 0;
	line-height: 140%;
}

#content h4 {
	color: #0065a4;
	font-weight: normal;
	font-size: 1.2em;
	padding: 0;
	line-height: 140%;
}

#content p {
	padding: 0 0 15px 0;
}

#content img {
	margin: 0 0 15px 0;
}

#content img.left {
	margin: 5px 10px 0 0;
	float: left;
}

#content ul {
	margin: 5px 0 15px 0;
}

#content ul li {
	list-style: none;
	background: url(../images/main/bullet.gif) 0 6px no-repeat;
	padding: 0 0 5px 12px;
}

#content a, #content a:visited {color: #0065a4;}
#content a:hover {color: #eb8c00; text-decoration: underline;}

/*==================================*/
/*-------------- SIFR --------------*/
/*==================================*/

#content h3.sIFR-replaced {
	visibility: visible;
	margin: 0;
	padding: 0;
	position: relative;
	font-size: 25px;
	line-height: 90%;
}

/*==================================*/
/*---- INDUSTRIES OPTION NAV -------*/
/*==================================*/

#content ul#industry_nav {
	background: url(../images/main/industry_nav.jpg) 0px 0px no-repeat;
	width: 493px;
	height: 225px;
	padding: 0;
	margin: 0;
}

#content ul#industry_nav li {
	float: left;
	width: 246px;
	height: 75px;
	background: none;
	margin: 0;
	padding: 0;
}

#content ul#industry_nav a {display: block; overflow: hidden; text-indent: -9999em; height: 75px; margin: 0; padding: 0;}

ul#industry_nav .communications a{width: 246px; height: 75px; background: url(../images/main/industry_nav.jpg) 0px 0px no-repeat;}
ul#industry_nav .finance a{width: 246px; height: 75px; background: url(../images/main/industry_nav.jpg) -246px 0px no-repeat;}
ul#industry_nav .healthcare a{width: 246px; height: 75px; background: url(../images/main/industry_nav.jpg) 0px -75px no-repeat;}
ul#industry_nav .insurance a{width: 246px; height: 75px; background: url(../images/main/industry_nav.jpg) -246px -75px no-repeat;}
ul#industry_nav .pharmacy a{width: 246px; height: 75px; background: url(../images/main/industry_nav.jpg) 0px -150px no-repeat;}
ul#industry_nav .travel a{width: 246px; height: 75px; background: url(../images/main/industry_nav.jpg) -246px -150px no-repeat;}

ul#industry_nav .communications a:hover{background: url(../images/main/industry_nav.jpg) 0px -226px no-repeat;}
ul#industry_nav .finance a:hover{background: url(../images/main/industry_nav.jpg) -246px -226px no-repeat;}
ul#industry_nav .healthcare a:hover{background: url(../images/main/industry_nav.jpg) 0px -301px no-repeat;}
ul#industry_nav .insurance a:hover{background: url(../images/main/industry_nav.jpg) -246px -301px no-repeat;}
ul#industry_nav .pharmacy a:hover{background: url(../images/main/industry_nav.jpg) 0px -376px no-repeat;}
ul#industry_nav .travel a:hover{background: url(../images/main/industry_nav.jpg) -246px -376px no-repeat;}

/*==================================*/
/*----- ROUNDED CORNER BOXES -------*/
/*==================================*/

#content .roundedcornerbox {
	background: url(../images/main/roundedcorner_mid.gif) repeat-y 0px 0px;
	width: 668px;
	float: left;
}

#content .roundedcornerbox .roundedtop {
	background: url(../images/main/roundedcorner_top.gif) no-repeat 0px 0px;
	width: 668px;
	padding: 20px 0 0 0;
}

#content .roundedcornerbox .roundedbot {
	background: url(../images/main/roundedcorner_bot.gif) no-repeat 0px 100%;
	width: 625px;
	padding: 0 5px 20px 38px;
}

#content .roundedcornerbox h3 {
	color: #00507e;
	font-weight: bold;
	font-size: 1.7em;
	padding: 0 0 15px 0;
}

#content .roundedcornerbox h4 {
	color: #666666;
}

#content .roundedcornerbox img.right {
	float: right;
}


/*-------- ROUNDED CORNER BOX SMALL ----------*/

#content .roundedcornerbox_small {
	background: url(../images/main/roundedcorner_mid_small.gif) repeat-y 0px 0px;
	width: 420px;
	float: left;
	margin: 0 10px 10px 0;
}

#content .roundedcornerbox_small .roundedtop {
	background: url(../images/main/roundedcorner_top_small.gif) no-repeat 0px 0px;
	width: 420px;
	padding: 20px 0 0 0;
}

#content .roundedcornerbox_small .roundedbot {
	background: url(../images/main/roundedcorner_bot_small.gif) no-repeat 0px 100%;
	width:380px;
	padding: 0 20px 20px 20px;
}

#content .roundedcornerbox_small h3 {
	color: #00507e;
	font-weight: bold;
	font-size: 1.7em;
	padding: 0 0 15px 0;
}

#content .roundedcornerbox_small h4 {
	color: #666666;
}

#content .roundedcornerbox_small img.right {
	float: right;
}

/*-------- ROUNDED CORNER BOX 557PX WIDE--------*/

#content .roundedcornerbox_557 {
	background: url(../images/main/roundedcorner_mid_557.gif) repeat-y 0px 0px;
	width: 557px;
	float: left;
	margin: 0 0 10px 0;
}

#content .roundedcornerbox_557 .roundedtop {
	width: 557px;
	padding: 20px 0 0 0;
}

#content .roundedcornerbox_557 .roundedbot {
	background: url(../images/main/roundedcorner_bot_557.gif) no-repeat 0px 100%;
	width:517px;
	padding: 0 20px 20px 20px;
}

#content .roundedcornerbox_557 h3 {
	color: #00507e;
	font-weight: bold;
	font-size: 1.7em;
	padding: 0 0 15px 0;
}

#content .roundedcornerbox_557 h4 {
	color: #666666;
}

#content .roundedcornerbox_557 img.right {
	float: right;
}

/*-------- DUAL ROUNDED CORNER BOX DUAL --------*/

#content .roundedcornerbox_dual {
	background: url(../images/main/roundedcorner_dual_mid.gif) repeat-y 0px 0px;
	width: 667px;
	float: right;
	margin: 0 15px 15px 0;
}

#content .roundedcornerbox_dual .roundedtop {
	background: url(../images/main/roundedcorner_dual_top.gif) no-repeat 0px 0px;
	width: 667px;
	padding: 0 0 0 0;
}

#content .roundedcornerbox_dual .roundedbot {
	background: url(../images/main/roundedcorner_dual_bot.gif) no-repeat 0px 100%;
	width:667px;
	padding: 0 0 20px 0;
}

#content .roundedcornerbox_dual img.right {
	float: right;
}

#content .roundedcornerbox_dual .content {
	width: 333px;
	float: left;
	position: relative;
}

#content .roundedcornerbox_dual .icon {
	position: absolute;
	width: 59px;
	height: 58px;
}

#content .roundedcornerbox_dual h2 {
	color: #00507e;
	font-weight: bold;
	font-size: 1.6em;
	padding: 0;
	padding: 26px 0 0 70px;
	margin: 0;
	width: 263px;
}

#content .roundedcornerbox_dual h3 {
	padding: 0 0 8px 70px;
	margin: 0;
	width: 263px;
	line-height: 110%;
	color: #666666;
	font-weight: normal;
	font-size: 1.2em;
}

#content .roundedcornerbox_dual p {
	padding: 0 30px 0 40px;
	margin: 0;
	width: 263px;
}

/*-------- FEATURES --------*/

#content .roundedcornerbox_557 .roundedtop#features {
	background: url(../images/main/roundedcorner_top_557_features.gif) no-repeat 0px 0px;
}

#content .roundedcornerbox_557 .roundedtop#features .roundedbot {
	background: url(../images/main/roundedcorner_bot_557.gif) no-repeat 0px 100%;
	width:347px;
	padding: 0 190px 20px 20px;
}

/*-------- BENEFITS --------*/

#content .roundedcornerbox_557 .roundedtop#benefits {
	background: url(../images/main/roundedcorner_top_557_benefits.gif) no-repeat 0px 0px;
}

#content .roundedcornerbox_557 .roundedtop#benefits .roundedbot {
	background: url(../images/main/roundedcorner_bot_557.gif) no-repeat 0px 100%;
	width:327px;
	padding: 0 210px 20px 20px;
}

/*==================================*/
/*--- MULTICHANNEL APPLICATIONS ----*/
/*==================================*/
#multichannel_applications {
	float: right;
	width: 282px;
	margin: 0 20px 0 0;	
}

.voice #multichannel_applications {
	background: url(../images/main/multichannel_applications_voice_header.gif) 50% 0px no-repeat;
	padding: 190px 0 0 0;
}

.sms #multichannel_applications {
	background: url(../images/main/multichannel_applications_sms_header.gif) 50% 0px no-repeat;
	padding: 190px 0 0 0;
}

.email #multichannel_applications {
	background: url(../images/main/multichannel_applications_email_header.gif) 50% 0px no-repeat;
	padding: 190px 0 0 0;
}

.fax #multichannel_applications {
	background: url(../images/main/multichannel_applications_fax_header.gif) 50% 0px no-repeat;
	padding: 131px 0 0 0;
}

#multichannel_applications h3 {
	background: url(../images/main/multichannel_applications_head.jpg) top left repeat-x #172e51;
	border: 5px solid #c6c7c8;
	border-width: 5px 5px 0 5px;
	color: #fff;
	padding: 5px 0 5px 16px;
	width: 247px;
	margin: 0 auto;
}

#multichannel_applications ul {
	width: 273px;
	margin: 0 auto;
	background: url(../images/main/multichannel_applications_bot.gif) bottom left no-repeat;
	padding: 0 0 15px 0;
}

#multichannel_applications ul li {
	background: url(../images/main/multichannel_applications_list.jpg) top left repeat-x #0d5483;
	border: 5px solid #c6c7c8;
	border-width: 0 5px 0 5px;
	color: #fff;
	padding: 7px 16px 7px 16px;
	width: 231px; 
}

#multichannel_applications .title {
	font-size: 1.2em;
	font-weight: bold;
}

#multichannel_applications a, #multichannel_applications a:visited, #multichannel_applications a:hover, #multichannel_applications a:active {
	color: #fff;
	text-decoration:none;
}

/*==================================*/
/*-------- SERVICES LAYOUT ---------*/
/*==================================*/

#content #leftsidebarnav {
	float: left;
	width: 176px;
}

#content #leftsidebarnav ul li {
	height: 27px;
	width: 176px;
	padding: 3px 0 0 0;
	background:none;
}

#content #leftsidebarnav ul li a {
	background: url(../images/main/leftsidebarnav_bg.gif) 0px 0px no-repeat;
	height: 22px;
	width: 166px;
	padding: 5px 0 0 10px;
	display: block;
	color: #666666;
	overflow: hidden;
}

#content #leftsidebarnav ul li a:hover {
	background: url(../images/main/leftsidebarnav_bg.gif) 0px -27px no-repeat;
	text-decoration:none;
	color: #333333;
}

#content #leftsidebarnav ul li.active a {
	background: url(../images/main/leftsidebarnav_bg.gif) 0px -27px no-repeat;
	text-decoration:none;
	font-weight: bold;
	color: #333333;
}

#content .casestudiescontentarea, #content .newscontentarea {
	width: 656px;
	float: left;
	padding: 0 0 0 15px;
}

#content .casestudiescontentarea h2, #content .newscontentarea h2 {
	width: 656px;
}

#content .servicescontentarea {
	width: 480px;
	float: left;
	padding: 0 0 0 15px;
}

#content .servicescontentarea h2 {
	width: 480px;
}

/*==================================*/
/*------ MULTICHANNEL THUMBS -------*/
/*==================================*/

.sms #contentwrapper ul#multichannelicons {
	width: 880px;
	height: 130px;
	background: url(../images/main/smsdelivery_nav.jpg) 0px 0px no-repeat;
	list-style: none;
	padding: 70px 0 0 0;
}

.email #contentwrapper ul#multichannelicons {
	width: 880px;
	height: 130px;
	background: url(../images/main/newmessages_nav.jpg) 0px 0px no-repeat;
	list-style: none;
	padding: 70px 0 0 0;
}

.fax #contentwrapper ul#multichannelicons {
	width: 880px;
	height: 130px;
	background: url(../images/main/faxforget_nav.jpg) 0px 0px no-repeat;
	list-style: none;
	padding: 70px 0 0 0;
}

#contentwrapper ul#multichannelicons {
	width: 880px;
	height: 130px;
	background: url(../images/main/personalconnection_nav.jpg) 0px 0px no-repeat;
	list-style: none;
	padding: 70px 0 0 0;
}

#contentwrapper ul#multichannelicons li {
	background: none;
	padding: 0;
	margin: 0;
	float: left;
	height: 130px;
	overflow: hidden;
}

ul#multichannelicons a {display: block; overflow: hidden; text-indent: -9999em; height: 130px; margin: 0; padding: 0;}

ul#multichannelicons #voice a{width: 278px; height: 130px; background: url(../images/main/personalconnection_nav.jpg) 0px -70px no-repeat;}
ul#multichannelicons #sms a{width: 162px; height: 130px; background: url(../images/main/personalconnection_nav.jpg) -278px -70px no-repeat;}
ul#multichannelicons #email a{width: 162px; height: 130px; background: url(../images/main/personalconnection_nav.jpg) -440px -70px no-repeat;}
ul#multichannelicons #fax a{width: 275px; height: 130px; background: url(../images/main/personalconnection_nav.jpg) -602px -70px no-repeat;}

ul#multichannelicons #voice a:hover, ul#multichannelicons #voice.active a {background: url(../images/main/personalconnection_nav.jpg) 0px -274px no-repeat;}
ul#multichannelicons #sms a:hover, ul#multichannelicons #sms.active a {background: url(../images/main/personalconnection_nav.jpg) -278px -274px no-repeat;}
ul#multichannelicons #email a:hover, ul#multichannelicons #email.active a{background: url(../images/main/personalconnection_nav.jpg) -440px -274px no-repeat;}
ul#multichannelicons #fax a:hover, ul#multichannelicons #fax.active a{background: url(../images/main/personalconnection_nav.jpg) -602px -274px no-repeat;}

/*==================================*/
/*----------- NEWS LAYOUT ----------*/
/*==================================*/

#content #leftsidebarnav_news {
	float: left;
	width: 176px;
	background: url(../images/main/news_leftsidebar_bot.jpg) 0 100% no-repeat;
	font-weight: bold;
}

#content #leftsidebarnav_news .date{
	color: #666666;
}

#content #leftsidebarnav_news ul{
	width: 176px;
	background: url(../images/main/news_leftsidebar_top.jpg) 0 0 no-repeat;
	padding: 10px 0 0 0;
}

#content #leftsidebarnav_news ul li {
	width: 176px;
	padding: 0;
	background:none;
}

#content #leftsidebarnav_news ul li a {
	background: url(../images/main/news_leftsidebar_mid.jpg) 0px 0px repeat-y;
	width: 156px;
	padding: 10px 10px 0 10px;
	display: block;
	color: #666666;
	overflow: hidden;
}

#content #leftsidebarnav_news ul li a:hover {
	text-decoration:none;
	color: #21678b;
}

#content #leftsidebarnav_news ul li.active a {
	text-decoration:none;
	font-weight: bold;
	color: #333333;
}

#content .newscontentarea h2{
	padding: 0;
	margin: 0;
}

#content .newscontentarea h3{
	padding: 0 0 15px 0;
	margin: 0;
	font-size: .9em;
	color: #666666;
}

#content .newscontentarea h4{
	padding: 0;
	margin: 0;
	font-size: 1.3em;
	color: #0065a4;
	font-weight: bold;
}


#content .newscontentarea h5{
	padding: 0;
	margin: 0;
	font-size: 1.1em;
	color: #0065a4;
	font-weight: normal;
}

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

#content .imagetext img {
	float: left;
	margin: 4px 10px 10px 0;
}

#content .imagetext p {
	padding: 0;
}

#content .imagetext .info {
	padding: 0 5px 0 5px;
	float: right;
	width: 422px;
	margin: 0 0 15px 0;
}

/*---------- LEARN MORE BUTTON ----------*/

#content .learnmore_but {
	margin: 5px 0 15px 0;
}

#content .learnmore_but a{
	padding: 0 20px 0 0;
	background: url(../images/main/arrowicon.gif) 100% 0 no-repeat;
	text-transform: uppercase;
	font-size: .79em;
	color: #4b555f;
	font-weight: bold;
}

#content .learnmore_but a:hover {
	color: #eb8c00;
	background: url(../images/main/arrowicon.gif) 100% -188px no-repeat;
}

/*==================================*/
/*------------ SIDEBAR 2 -----------*/
/*==================================*/

#sidebar2 {
	width: 178px;
	float: right;
	padding: 0 15px 0 0;
}

#sidebar2.left{
	float: left;
}

#sidebar2 .widget {
	width: 178px;
	background: url(../images/sidebarimages/widget_bg.jpg) 50% 100% #f6f7f7 no-repeat;
	color: #4B555F;
	padding: 0;
}

#sidebar2 .widget h4 {
	font-size: 1.2em;
	padding: 0;
	font-weight: normal;
	color: #0069aa;
}

#sidebar2 .widget p {
	padding: 0;
}

#sidebar2 .sidebarphoto {
	background: url(../images/sidebarimages/photoarea_shadow.jpg) 50% 0px no-repeat;
	padding: 6px 0 0 0;
}

.widgetarea {
	width: 176px;
	float: right;
	padding: 0 20px 0 0;
}

/*==================================*/
/*----- RIGHT COLUMN ACCORDION -----*/
/*==================================*/

#sidebar2 ul li{
	background: none;
	width: 178px;
	list-style: none;
	margin: 0;
	padding: 0;
}

#sidebar2 ul.drawers {
	width: 178px;
	padding: 0;
	margin: 0;
}

#content #sidebar2 h2 a{
	display: block;
	width: 178px;
	height: 36px;
	cursor: pointer;
	overflow: hidden;
	text-indent: -9999em;
}

#sidebar2 .drawer ul {
	width: 178px;
	margin: 0;
	padding: 0 0 10px 0;
	background-color: #f5f5f5;
}

#sidebar2 .drawer ul li {
	background-color: #f5f5f5;
	width: 178px;
	text-align: left;
	padding: 0;
	margin: 0;
}

#sidebar2 .drawer {
	padding:0 0 10px 0;
	margin: 0;
}

#sidebar2 .drawer ul li a {
	display: block;
	width: 178px;
	height: 100%;
	color: #00507e;
	padding: 10px 0 10px 0;
	background: url(../images/main/dottedline.gif) bottom left repeat-x;
	font-weight: bold;
	text-align: center;
}

#sidebar2 .drawer ul li p {
	width: 148px;
	padding: 15px;
}

#sidebar2 .drawer ul li .drawerheader {

	color: #0069aa;
	font-weight: bold;
	padding: 0;
	margin: 0;
}

#sidebar2 .drawer ul li span {
	display: block;
	width: 178px;
	height: 100%;
	color: #000;
	padding:0;
}

#sidebar2 .drawer ul li a:hover {
	color: #eb8c00;
	background-color: #f1f1f1;
	text-decoration: none;
}

/*----------------------------------*/
/*--------- ACCORDION HEADERS ------*/
/*----------------------------------*/

/* INTEGRATION */
#content #sidebar2 ul.drawers h2 {
	color: #0069aa;
	font-size: .81em;
	font-weight: normal;
	margin: 0;
	padding: 0;
}

#content #sidebar2 h2.integrationexpertise {
	background:url(../images/sidebarimages/integration.gif) 0px 0px no-repeat;
	width: 178px;
	height: 52px;
	text-align: left;
	padding: 0;
	margin: 0;
	cursor: pointer;
	overflow: hidden;
	text-indent: -9999em;
}

#content #sidebar2 li.drawer.selected h2.integrationexpertise {
	background:url(../images/sidebarimages/integration.gif) 0px -52px no-repeat;
}

/* EXTENDABILITY */
#content #sidebar2 h2.extendability {
	background:url(../images/sidebarimages/extendability.gif) 0px 0px no-repeat;
	width: 178px;
	height: 52px;
	text-align: left;
	padding: 0;
	margin: 0;
	cursor: pointer;
	overflow: hidden;
	text-indent: -9999em;
}

#content #sidebar2 li.drawer.selected h2.extendability {
	background:url(../images/sidebarimages/extendability.gif) 0px -52px no-repeat;
}

/* SCALABILITY */
#content #sidebar2 h2.scalability {
	background:url(../images/sidebarimages/scalability.gif) 0px 0px no-repeat;
	width: 178px;
	height: 52px;
	text-align: left;
	padding: 0;
	margin: 0;
	cursor: pointer;
	overflow: hidden;
	text-indent: -9999em;
}

#content #sidebar2 li.drawer.selected h2.scalability {
	background:url(../images/sidebarimages/scalability.gif) 0px -52px no-repeat;
}

/* COLLABORATION */
#content #sidebar2 h2.collaboration {
	background:url(../images/sidebarimages/collaboration.gif) 0px 0px no-repeat;
	width: 178px;
	height: 52px;
	text-align: left;
	padding: 0;
	margin: 0;
	cursor: pointer;
	overflow: hidden;
	text-indent: -9999em;
}

#content #sidebar2 li.drawer.selected h2.collaboration {
	background:url(../images/sidebarimages/collaboration.gif) 0px -52px no-repeat;
}

/* DEMOS */
#content #sidebar2 h2.demos {
	background:url(../images/sidebarimages/demos_but.gif) 0px 0px no-repeat;
	width: 178px;
	height: 36px;
	text-align: left;
	padding: 0;
	margin: 0;
	cursor: pointer;
}

#content #sidebar2 li.drawer.selected h2.demos, #content #sidebar2 li.drawer.selected h2.demos a:hover {
	background:url(../images/sidebarimages/demos_but.gif) 0px -72px no-repeat;
}

#content #sidebar2 li.drawer h2.demos a:hover {
	background:url(../images/sidebarimages/demos_but.gif) 0px -36px no-repeat;
}

/* PERSONALLY INTERACT */
#content #sidebar2 h2.personallyinteract {
	background:url(../images/sidebarimages/personallyinteract.jpg) 0px 0px no-repeat;
	width: 178px;
	height: 212px;
	text-align: left;
	padding: 0;
	margin: 0;
	cursor: pointer;
}

#content #sidebar2 h2.personallyinteract a{
	height: 212px;
}

/* REACH CUSTOMERS */
#content #sidebar2 h2.reachcustomers {
	width: 178px;
	height: 180px;
	padding: 0 0 22px 0;
	margin: 0;
	cursor: pointer;
}

#content #sidebar2 h2.reachcustomers a{
	background:url(../images/sidebarimages/reachcustomers.jpg) 0px 0px no-repeat;
	width: 178px;
	height: 180px;
	text-indent: -9999em;
	overflow: hidden;
}

#content #sidebar2 h2.reachcustomers a:hover {
	background:url(../images/sidebarimages/reachcustomers.jpg) 0px -180px no-repeat;
}

/* ANALYZE */
#content #sidebar2 h2.analyze {
	width: 178px;
	height: 96px;
	padding: 0;
	margin: 0;
	cursor: pointer;
}

#content #sidebar2 h2.analyze a{
	background:url(../images/sidebarimages/analyzethis.jpg) 0px 0px no-repeat;
	height: 96px;
	width: 178px;
	overflow: hidden;
	text-indent: -9999em;
}

#content #sidebar2 h2.analyze a:hover{
	background:url(../images/sidebarimages/analyzethis.jpg) 0px -97px no-repeat;
}

/* LEARN CLIENTS */
#content #sidebar2 h2.learnclients {
	background:url(../images/sidebarimages/learnclients.jpg) 0px 0px no-repeat;
	width: 178px;
	height: 81px;
	text-align: left;
	padding: 0;
	margin: 0;
	cursor: pointer;
}

#content #sidebar2 h2.learnclients a{
	height: 81px;
}

/* CASE STUDIES */
#content #sidebar2 h2.casestudies {
	background:url(../images/sidebarimages/casestudies_but.gif) 0px 0px no-repeat;
	width: 178px;
	height: 36px;
	text-align: left;
	padding: 0;
	margin: 0;
	cursor: pointer;
	overflow: hidden;
	text-indent: -9999em;
}

#content #sidebar2 li.drawer.selected h2.casestudies {
	background:url(../images/sidebarimages/casestudies_but.gif) 0px 0px no-repeat;
}

#content #sidebar2 li.drawer h2.casestudies a:hover {
	background:url(../images/sidebarimages/casestudies_but.gif) 0px -36px no-repeat;
}

/* CLIENTS */
#content #sidebar2 h2.clients {
	background:url(../images/sidebarimages/clients_but.gif) 0px 0px no-repeat;
	width: 178px;
	height: 36px;
	text-align: left;
	padding: 0;
	margin: 0;
	cursor: pointer;
}

#content #sidebar2 li.drawer h2.clients a:hover {
	background:url(../images/sidebarimages/clients_but.gif) 0px -36px no-repeat;
}

/*==================================*/
/*--------- SIDEBAR BANNERS --------*/
/*==================================*/

#leaderautomatedsolutions {width: 176px; height: 128px; padding: 0 0 15px 0;}
#leaderautomatedsolutions a {width: 176px; height: 128px; background: url(../images/sidebarimages/leaderautomatedsolutions.jpg) 0px 0px no-repeat; display: block; overflow: hidden; text-indent: -9999em;}
#leaderautomatedsolutions a:hover {width: 176px; height: 128px; background: url(../images/sidebarimages/leaderautomatedsolutions.jpg) 0px -128px no-repeat;}

#robustfunctionalityexperiencedexecution {width: 176px; height: 236px; padding: 0 0 15px 0;}
#robustfunctionalityexperiencedexecution a {width: 176px; height: 236px; background: url(../images/sidebarimages/robustfunctionalityexperiencedexecution.jpg) 0px 0px no-repeat; display: block; overflow: hidden; text-indent: -9999em;}
#robustfunctionalityexperiencedexecution a:hover {width: 176px; height: 236px; background: url(../images/sidebarimages/robustfunctionalityexperiencedexecution.jpg) 0px -236px no-repeat;}

#yourindustry {width: 176px; height: 235px; padding: 0 0 15px 0;}
#yourindustry a {width: 176px; height: 235px; background: url(../images/sidebarimages/yourindustry.jpg) 0px 0px no-repeat; display: block; overflow: hidden; text-indent: -9999em;}
#yourindustry a:hover {width: 176px; height: 235px; background: url(../images/sidebarimages/yourindustry.jpg) 0px -235px no-repeat;}

#howdowedothis {width: 176px; height: 104px; padding: 0 0 15px 0;}
#howdowedothis a {width: 176px; height: 104px; background: url(../images/sidebarimages/howdowedothis.jpg) 0px 0px no-repeat; display: block; overflow: hidden; text-indent: -9999em;}
#howdowedothis a:hover {width: 176px; height: 104px; background: url(../images/sidebarimages/howdowedothis.jpg) 0px -104px no-repeat;}

#whereiswestnotificationsused {width: 176px; height: 51px; padding: 0 0 15px 0;}
#whereiswestnotificationsused a {width: 176px; height: 51px; background: url(../images/sidebarimages/whereiswestnotificationsused.jpg) 0px 0px no-repeat; display: block; overflow: hidden; text-indent: -9999em;}
#whereiswestnotificationsused a:hover {width: 176px; height: 51px; background: url(../images/sidebarimages/whereiswestnotificationsused.jpg) 0px -51px no-repeat;}

#yourmessage {width: 176px; height: 154px; padding: 0 0 15px 0;}
#yourmessage a {width: 176px; height: 154px; background: url(../images/sidebarimages/yourmessage.jpg) 0px 0px no-repeat; display: block; overflow: hidden; text-indent: -9999em;}
#yourmessage a:hover {width: 176px; height: 154px; background: url(../images/sidebarimages/yourmessage.jpg) 0px -155px no-repeat;}

#easystreet {width: 176px; height: 142px; padding: 0 0 15px 0;}
#easystreet a {width: 176px; height: 142px; background: url(../images/sidebarimages/easystreet.jpg) 0px 0px no-repeat; display: block; overflow: hidden; text-indent: -9999em;}
#easystreet a:hover {width: 176px; height: 142px; background: url(../images/sidebarimages/easystreet.jpg) 0px -142px no-repeat;}

#campaigntool {width: 176px; height: 140px; padding: 0 0 15px 0;}
#campaigntool a {width: 176px; height: 140px; background: url(../images/sidebarimages/campaigntool.jpg) 0px 0px no-repeat; display: block; overflow: hidden; text-indent: -9999em;}
#campaigntool a:hover {width: 176px; height: 140px; background: url(../images/sidebarimages/campaigntool.jpg) 0px -140px no-repeat;}

#powertoconnect {width: 176px; height: 60px; padding: 0 0 15px 0;}
#powertoconnect a {width: 176px; height: 60px; background: url(../images/sidebarimages/powertoconnect.jpg) 0px 0px no-repeat; display: block; overflow: hidden; text-indent: -9999em;}
#powertoconnect a:hover {width: 176px; height: 60px; background: url(../images/sidebarimages/powertoconnect.jpg) 0px -60px no-repeat;}

#improvecustomersatisfaction {width: 176px; height: 80px; padding: 0 0 15px 0;}
#improvecustomersatisfaction a {width: 176px; height: 80px; background: url(../images/sidebarimages/improvecustomersatisfaction.jpg) 0px 0px no-repeat; display: block; overflow: hidden; text-indent: -9999em;}
#improvecustomersatisfaction a:hover {width: 176px; height: 80px; background: url(../images/sidebarimages/improvecustomersatisfaction.jpg) 0px -80px no-repeat;}

#knowledgetomakecustomershappy {width: 176px; height: 169px; padding: 0 0 15px 0;}
#knowledgetomakecustomershappy a {width: 176px; height: 169px; background: url(../images/sidebarimages/knowledgetomakecustomershappy.jpg) 0px 0px no-repeat; display: block; overflow: hidden; text-indent: -9999em;}
#knowledgetomakecustomershappy a:hover {width: 176px; height: 169px; background: url(../images/sidebarimages/knowledgetomakecustomershappy.jpg) 0px -169px no-repeat;}

#personallyinteract {width: 176px; height: 210px; padding: 0 0 15px 0;}
#personallyinteract a {width: 176px; height: 210px; background: url(../images/sidebarimages/personallyinteract.jpg) 0px 0px no-repeat; display: block; overflow: hidden; text-indent: -9999em;}
#personallyinteract a:hover {width: 176px; height: 210px; background: url(../images/sidebarimages/personallyinteract.jpg) 0px -210px no-repeat;}

#learnclients {width: 176px; height: 81px; padding: 0 0 15px 0;}
#learnclients a {width: 176px; height: 81px; background: url(../images/sidebarimages/learnclients.jpg) 0px 0px no-repeat; display: block; overflow: hidden; text-indent: -9999em;}
#learnclients a:hover {width: 176px; height: 81px; background: url(../images/sidebarimages/learnclients.jpg) 0px -81px no-repeat;}

/*==================================*/
/*----- CASE STUDY ACCORDION -------*/
/*==================================*/
.casestudiescontentarea h5 {
	width: 656px;
	color: #00507e;
	padding:0;
	font-weight: bold;
	font-size: 1em;
}

#content .casestudiescontentarea ul li{
	background: none;
	width: 656px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.casestudiescontentarea ul.drawers {
	width: 656px;
	padding: 0;
	margin: 0;
}

#content .casestudiescontentarea .drawer ul {
	width: 656px;
	margin: 0;
	padding: 0 0 12px 0;
}

#content .casestudiescontentarea .drawer ul li {
	width: 656px;
	text-align: left;
	padding: 0 0 40px 0;
	margin: 0;
	position: relative;
}

#content .casestudiescontentarea .drawer ul li ul{
	width: 656px;
	text-align: left;
	padding: 0;
	margin: 0;
}

#content .casestudiescontentarea .drawer ul li ul li{
	background:url(../images/main/bullet.gif) 10px 7px no-repeat;
	width: 636px;
	text-align: left;
	padding: 0 0 0 20px;
	margin: 0;
}

.casestudiescontentarea .drawer {
	padding:0 0 10px 0;
	margin: 0;
}

.casestudiescontentarea .drawer ul li a {
	display: block;
	width: 656px;
	height: 100%;
	color: #000;
	padding: 0;
}

.casestudiescontentarea .drawer ul li p {
	width: 656px;
}

.casestudiescontentarea .drawer ul li .drawerheader {
	color: #0069aa;
	font-weight: bold;
	padding: 0;
	margin: 0;
}

.casestudiescontentarea .drawer ul li span {
	display: block;
	width: 656px;
	height: 100%;
	color: #000;
	padding:0;
}

.casestudiescontentarea .drawer ul li a:hover {
	color: #eb8c00;
	background-color: #f1f1f1;
}

.accordion_head {
	width: 656px;
	position: relative;
	border: 1px solid #e0e0e0;
	border-width: 1px 0 0 0;
	padding: 12px 0 12px 0;
	cursor: pointer;
}

.accordion_head:focus {
  outline: none;
}

.accordion_head img {
	position: absolute;
	right: 0px;
	bottom: 0px;
}

.accordion_head .category {
	width: 480px;
	color: #00507e;
	font-weight:bold;
	font-size: 1.3em;
	padding: 0 0 4px 0;
}

.accordion_head .companyname {
	width: 480px;
	font-weight: bold;
	padding: 0 0 4px 0;
}

.accordion_head .summary {
	width: 480px;
	font-style:italic;
	padding: 0 0 4px 0;
}

._head .more {
	width: 480px;
	color: #c41230;
	font-style: italic;
}

.casestudiescontentarea .download {
	width: 190px;
	height: 46px;
	overflow: hidden;
	position: absolute;
	right: 0px;
	bottom: 0px;
}

.casestudiescontentarea .download a{
	background: url(../images/main/download_casestudy.jpg) 0px 0px no-repeat;
	width: 190px;
	height: 46px;
	overflow: hidden;
	text-indent: -9999em;
}

.casestudiescontentarea .download a:hover{
	background: url(../images/main/download_casestudy.jpg) 0px -48px no-repeat;
}

/*==================================*/
/*--------- FORM ELEMENTS ----------*/
/*==================================*/

#content form ul li {
	background: none;
	margin: 0;
	padding: 0 0 7px 0;
}

#content form p{
	padding: 5px 0 5px 0;
}

#content form fieldset legend{
	color: #004375;
	text-transform: uppercase;
	font-weight:normal;
	padding: 5px 15px 5px 15px;
	margin: 0;
}

#content form fieldset{
	border: none;
	padding: 0 0 10px 0;
	margin: 0;
	width: 456px;
	position: relative;
}

#content form select {
	width: 250px;
}

#content form textarea{
	padding: 0;
	margin: 0;
}

#content form button {
	margin: 0;
	padding: 0px;
	width: 123px;
	height: 53px;
	border: none;
	background: url(../images/main/submit_but.jpg) 0px 0px no-repeat;
	cursor: pointer;
	overflow hidden;
	display: block;
	text-indent: -9999em;
}

#content form button:hover{
	background: url(../images/main/submit_but.jpg) 0px -53px no-repeat;
}

optgroup {
	font-style: normal;
	font-weight: normal;
	text-transform: uppercase;
	color: #003261;
	text-indent:5px;
}

option{
	text-indent:5px;
}

optgroup option{
	text-transform: none;
	color: #000;
	text-indent:15px;
}

label {
	font-weight: normal;
	margin: 6px 0 0 0;
}

label.error {
	padding: 4px 10px 4px 10px;
	color: #ba300d;
	font-weight: bold;
	font-size: .8em;
	background-color: #fff;
	border: 1px solid #ba300d;
	margin: 0 0 0 5px;
}

.hidden {
	display: none;
}

input[type="text"], input[type="password"] {
	border: 1px solid #c4c4c4;
	padding: 4px 0 4px 0;
	background-color: #fff;
	vertical-align: middle;
}

input[type="text"]:focus, input[type="password"]:focus {
	background-color: #fbfbfb;
}

textarea {
	border: 1px solid #c4c4c4;
	padding: 4px 0 4px 0;
	background-color: #fff;
}

textarea:focus {
	background-color: #fbfbfb;
}

.smallprint {
	font-size:.9em;
	font-style:italic;
}

.required {
	color: #ba300d;
}

.formcolumn1 {
	float: left;
	width: 47%;
	padding: 0 0 0 3%;
}

.formcolumn2 {
	float: left;
	width: 50%;
}

form td {
	padding: 4px 4px 4px 0;
}

/*==================================*/
/*------------ TABLES --------------*/
/*==================================*/

table {
	width: 860px;
	border: 1px solid #cccccc;
	border-width: 0 0 0 1px;
}

td {
	width: 211px;
	border: 1px solid #cccccc;
	border-width: 0 1px 0 0;
	margin: 0;
	text-align: center;
}

tbody {
	margin: 0;
	padding: 0;
}

th {
	width: 211px;
	border: 1px solid #cccccc;
	border-width: 0 1px 0 0;
	margin: 0;
	color: #00507e;
}

/*==================================*/
/*--------- SEARCH RESULTS ---------*/
/*==================================*/

#resultinfo {
	border: 1px solid #e4e4e4;
	border-width: 0 0 1px 0;
	padding: 0 0 5px 0;
	width: 860px;
	margin: 0 0 15px 0;
}

.searchresult {
	border: 1px solid #e4e4e4;
	border-width: 0 0 1px 0;
	padding: 10px 0 0 0;
}

.result {
	padding: 0 0 15px 0;
}

#content .result a.resultURL{
	color: #00507e;
}

#content #searchresults h4 a{
	font-size: 1em;
	color: #00507e;
}

#content .pages {
	padding: 15px 0 0 0;
	font-size: .9em;
}

#content .pages a, .pages span {
	display: block;
	float: left;
	padding: .2em .5em .2em .5em;
	margin: 0 .1em 0 0;
	border: 1px solid #e4e4e4;
	background-color: #ffffff;
	text-decoration:none;
	color: #4b555f;
}

#content .pages a:hover {
	display: block;
	float: left;
	padding: .2em .5em .2em .5em;
	margin: 0 .1em 0 0;
	border: 1px solid #e4e4e4;
	background-color: #00507e;
	color: #fff;
}

#content .pages span.activepage {
	display: block;
	float: left;
	padding: .2em .5em .2em .5em;
	margin: 0 .1em 0 0;
	border: 1px solid #e4e4e4;
	background-color: #00507e;
	color: #fff;
}