@import url("workarea-import.css");
@import url("fonts-master.css");


/* Undo existing styles
======================================================================*/

/* FOUNDATION
======================================================================*/
body {
	background: url(../../images/template/body-background.gif) #A5AFB7 center;
	font-family: Arial, Helvetica, sans-serif;
	text-align:center;
	overflow-x: hidden;

}

.mainContainer {margin: 0px auto; text-align: left; width: 940px;}
.contentContainer {
	background: url(../../images/template/png-main-background.png) repeat-y;
	behavior: url(../../images/iepngfix.htc);
	width: 940px;
}

.contentContainer .div {
	position: relative;	
	width: 940px;
}

.insideContainer {
	margin: 0px 0px 0px 18px;
	position: relative;
	width: 863px;
}

.toolsLeft {width: 18px;}
.toolsRight {width: 59px;}

strong {color: inherit;}
.clearSm {clear: both !important; font-size: 1px; height:1px; line-height: 1px;}
.floatL {float: left;}
.floatR {float: right;}

.padRight {}
.liveDemoButton {padding: 0px 0px 30px 0px;}


/* HEADER
======================================================================*/
.header {
	background: #E4E4E4;
	height: 83px;
	position: relative;
}
.header .logo {position: absolute; left: 42px; top: 10px;}
.header .jumpNav {
	height: 20px;
	position: absolute;
	top: 5px;
	right: 12px;

	text-align: right;
}
.header .jumpNav ul {display: block;list-style-type: none;margin-right: 73px; padding-top: 4px; }
.header .jumpNav li {
	border-right: none; 
	color: #74848D;
	float: left;
	font-size: 11px;
	margin: 0px;
	padding: 1px 5px 2px 5px;
	vertical-align: middle;
}
.header .jumpNav li a {display: none;}
.header .jumpNav li.divider {border-right: 1px solid #B5B8C8; margin: 3px 10px 0px 10px; width: 2px;}
.header .jumpNav li li {
	border-right: 1px solid #B5B8C8; 
	color: #74848D;
	float: left;
	font-size: 11px;
	padding: 1px 5px 2px 5px;
	vertical-align: middle;
}
.header .jumpNav li li a {color:#74848D; display: block; text-decoration: none;}
.header .jumpNav .search {padding-left:0px; width: 150px; position: absolute; right: 0px; top: 7px;}
.header .jumpNav .searchBox {border: 1px solid #B5B8C8 !important; height: 16px; position: absolute; top: 0px; right: 30px; width: 112px;}
.header .jumpNav .submit {background: url(../../images/template/hdr-submit.gif); 
	border: none; 
	color: #FFF;
	font-size:11px; 
	height: 19px; 
	margin-left: 2px;
	position: relative !important; 
	top:0px;
	width: 26px;
}

.header .info {
	color: #74848D;
	font-size: 12px;
	font-weight: bold;
	position:absolute;
	top: 38px;
	right: 20px;
}
.header .info span {font-size: 20px;}



/* BODYCONTAINER
======================================================================*/
.bodyContainer {
	position: relative;
}

.bodyContainer .imgContainer {
	height: 278px;
}
.bodyContainer .imgContainer .flashContainer {
	background: #797979;
	height: 278px;
	position: relative;
	width: 703px;
}
.bodyContainer .imgContainer .flashContainer .flashPiece {
	behavior: url(../../images/iepngfix.htc);
	position:absolute; 
	left: -18px;
	height: 278px;
	width: 721px;
}
.bodyContainer .imgContainer .newsContainer {
	background: url(../../images/template/news-background.gif) no-repeat #4F4F4F; 
	height: 278px !important;
	position: absolute;
	right: 0px;
	top: 0px;
	width: 160px;
	overflow:hidden;
}
* html .bodyContainer .imgContainer .newsContainer {right: -1px;}

.bodyContainer .imgContainer .newsContainer ul {padding: 4px 0px 0px 4px;}
.bodyContainer .imgContainer .newsContainer li {
	display: block;
	height: 51px;
	margin: 0px 0px 0px 0px;
	padding: 18px 24px 22px 18px;
	text-align:left;
} 
* html .bodyContainer .imgContainer .newsContainer li {padding: 14px 24px 22px 18px;}

.bodyContainer .imgContainer .newsContainer li span {display: block; }


.bodyContainer .imgContainer .newsContainer li p {
	color: #FFF;
	font-size: 12px;
	line-height: 15px;
	margin: 0px;
	padding: 0px;
}
.bodyContainer .imgContainer .newsContainer li span a {color: #F36F21; font-weight: bold; text-decoration: none;}

.bodyContainer .colL {
	padding: 0px 35px 0px 0px; 
	text-align: right;
	width: 160px;
}

.bodyContainer.productPage .colL {
	position: absolute;
	left: 0px;
	top: 311px;
}

.bodyContainer .colR {
	float: right;
	padding: 20px 0px 25px 0px;
	width: 655px;
}

.bodyContainer .content {
	padding: 0px;
	float: right;
	padding: 0px 0px 25px 0px;
	width: 653px;

}
*html .bodyContainer .content {width: 585px;}

.bodyContainer .content.padRight {margin: 0px 40px 0px 0px;width: 620px;}
*html .bodyContainer .content.padRight {width: 585px !important;margin: 0px 38px 0px 0px;}

.bodyContainer.productPage .download {
	display: block;
	padding: 0px 0px 25px 17px;
}
.bodyContainer.productPage .download a{
	background: url(../../images/template/icon-download.gif) no-repeat top left;
	display: block;
	padding: 0px 0px 5px 0px;
	text-decoration: none;
}

.secondaryPage {padding-top: 44px;}

/* SIDEBAR CONTROLS
======================================================================*/
.followUs {
	position: absolute;
	right: -5px;
	top: 100px;
	height: 50px;
	width: 60px;
}

.followUs p {
	background: url(../../images/template/follow/arrow.gif) no-repeat bottom center;
	color: #FFF;
	font-size: 10px;
	font-weight: bold;
	margin: 0px; 
	padding: 0px 0px 7px 0px;
	text-transform:uppercase;
}

.followUs ul {list-style-type: none;margin: 10px 0px 0px 17px; padding: 0px;}
.followUs ul li {margin: 0px; padding: 0px 0px 15px 0px;}
.followUsNo {display: none;}

.share {
	height: 212px; 
	position: absolute; 
	top: 204px;
	right: 18px; 
	width: 41px; 
	z-index: 100;
}
*html .share {display: none !important;}
.share .back { /* this extra div HAS TO be here for an IE6 fix */
	background: url(../../images/template/share/tab.png) top no-repeat; 
	behavior: url(../../images/iepngfix.htc);
	height: 212px; 
	width: 41px; 
}

.share ul {display: block; height: 165px;}
.share ul li{	
	display: block; 
	height: 13px !important; 
	list-style-type: none;
	margin: 0px;
	padding: 5px 0px 8px 7px;
	text-align: center;
}
*html .share ul li{padding: 5px 0px 3px 3px !important;}
.share .topTab {height: 33px;}
.share ul li a {text-decoration: none; height:1px !important; margin: 0px; padding: 0px;}
*html .share ul li a {width: 20px !important; display: block;}
.onhomepage {top: 404px;}


/* BIOGRAPHY PAGE
======================================================================*/
.managementTeamContainer {background: #C8CFDE; display: block;height: 294px;width: 588px;}
*html .managementTeamContainer {height: 294px; display: block !important;position: absolute !important; left: 200px !important; top: 100px;}

.managementTeam {
	background: #C8CFDE;
	display: block;
	float: left; 
	height: 98px; 
	position: relative !important;
	width: 196px;
}
.managementTeam.small {width: 98px !important;}
.managementTeam .imgTemp {background: #E98F5C; height: 98px; width: 98px; z-index: 2;}
.managementTeam a { cursor:pointer; text-decoration: none;}
.managementTeam .name {
	background: none;
	height: 98px;
	position: absolute;
	right: 0px;
	top: 0px;
	width: 98px !important;
}
.managementTeam .name .padding {padding: 3px 7px 0px 5px;}

.managementTeam .firstName {color: #E9EBF1; font-size: 24px; line-height: 22px;}
.managementTeam .name .hide {display: none;}
.managementTeam .lastName {color: #FFF; font-size: 14px; line-height: 14px; margin: 0px; padding: 0px; text-transform: uppercase;}
.managementTeam .title {font-size: 10px; position: absolute; bottom: 3px; left: 5px; width: 90px !important;}

.managementTeam a:visited:hover,
.managementTeam a:hover .name {background: #8495B8; color: #FFF; width: 98px !important;}
.managementTeam a:hover .hide {color: #FFF; display: block !important;}


	/*======= positioning of certain bios =======*/
	*html .content3 a:visited:hover {width: 90px !important;}
	.content4 {padding-left: 98px;}
	.content5 {border-right: 98px solid #E98F5C;}
	.content6 {padding-left: 0px;}
	.content7 {border-right: 98px solid #E98F5C;}

/* SUCCESS STORIES
======================================================================*/
.successStories {}
.successStories .flashHeader {
	background: url(../../images/template/background-success-stories.gif) no-repeat top left; 
	height: 282px; 
	margin: 0px 0px 20px 1px;
	padding: 0px;
	position: relative;
}
.successStories .flashHeader .txt {height: 175px; padding: 0px; position: absolute; top: 20px; left: 125px; width: 620px;}

.successStories .flashHeader .flash {background: #384B5C; border: 1px solid #BBBFC8; height: 175px; padding: 0px; overflow:hidden; position: absolute; top: 20px; left: 40px; width: 777px;}
.successStories .nav {height: 70px; position: absolute; bottom:5px; left: 200px;}
*html .successStories .nav {bottom:-5px;}
.successStories ul {list-style-type: none;}
.successStories .flashHeader ul li {float: left;}
.successStories .flashHeader ul li a img {border: 2px solid transparent;}
.successStories .flashHeader ul li a:hover img {border: 2px solid #F36F21;}
.successStories .flashHeader ul li a.active img {border: 2px solid #F36F21;}


/* FOOTER
======================================================================*/
.footerContainer {
	background: url(../../images/template/png-footer-background.png) no-repeat top ;
	behavior: url(../../images/iepngfix.htc);
	width: 940px;
}
.footerContainer .back {position: relative;}
.contactInformation {
	position: absolute;
	top: 15px;
	right: 70px;
}

.contactInformation  ul{list-style-type: none;}
.contactInformation  ul li {float: left;}

.footerLinks {position: absolute; left: 30px; top: 15px;}


/* PAGE SPECIFIC
======================================================================*/
.imgContainer {
	margin-bottom: 30px;
}

	/*=========== HOMEPAGE ===========*/
	.homeCallouts {padding: 0px 25px;}
	.homeCallouts a {position: static !important;}
	.homeCallouts .homepageTitle strong {color: #74848D !important;}
	.homeCallouts .callout {float: left; padding: 0px 23px; width: 29%;}
	.homeCallouts p {color: #9B8A8A;}
	.homeCallouts .left {padding-left: 0px; text-align: right;}
	.homeCallouts .middle {border-right: 1px solid #CDCDCD; border-left: 1px solid #CDCDCD; text-align: center; width: 30%;}
	.homeCallouts .right {padding-right: 0px;}
	.homeCallouts .right h2 {padding-bottom: 25px;}
	.homeCallouts .productNavContainer {margin-right: 10px;}
	
	
/* STYLES FOR DISPLAYING XSLT's IN THE WORKAREA
======================================================================*/
.xsltDisplay-managementTeam {}
.xsltDisplay-managementTeam td.colL {font-weight: bold; padding-right: 10px; vertical-align: top;}
.xsltDisplay-managementTeam td {vertical-align: top;}