/* ==============================================================
		IE6 PNG transparency support
		disabled as behavior: is causing all versions of
		IE to display "loading xxx/yyy" in status bar, defeating
		cache?
   ============================================================== */

/*
img, div, p, a, span, strong, em, li, h1, h2, h3, h4, h5, h6 { behavior: url(/css/pngfix/iepngfix.htc); }
img, div, p, a, span, strong, em, li, h1, h2, h3, h4, h5, h6 { behavior: url(/css/pseudofix/iepseudofix.htc); }
*/

/* ==============================================================
		general styles
   ============================================================== */

* { margin: 0; padding: 0; background-repeat: no-repeat; }

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.8%;
	line-height: normal;
	color: #333333;
	text-align: center;
	background: #ffffff;
}

img 						{ border: 0px; display: block; }

.bold						{ font-weight: bold; }

a							{ text-decoration: none; color: #e36345; }
a:hover						{ text-decoration: underline; color: #0099CC; cursor: pointer; }

h1, h2, h3, h4, h5, h6 		{ line-height: normal; font-size: 1em; font-weight: normal; }

form						{ padding: 0; margin: 0; }

fieldset 					{ border: 0; }

table, tr, td 				{ border-collapse: collapse; }

input, select, th, td 		{ font-size: 1em; padding: 0; margin: 0; }

abbr						{ border: 0; }

.c 							{ clear: both; }

p, ul						{ display: block; }

.hide 						{ display: none; }

.show 						{ display: block; }

.tr							{ position: relative; overflow: hidden; display: block; white-space: nowrap; }

.tr a						{ overflow: hidden; display: block; }

.tr	span					{ position: absolute; width: 100%; height: 100%; background-repeat: no-repeat; display: block; }

.caps						{ text-transform: uppercase; }

/* ==============================================================
		header
   ============================================================== */

.headerCanvas {
	height: 113px;
	background: url(/graphics/headerCanvas.png) repeat-x;
}

.header {
	margin: 0 auto;
	width: 1000px;
	height: 113px;
	text-align: left;
	position: relative;
	z-index: 200;
}

/* =============================
		logo
   ============================= */

.header h1, .header .logo {
	width: 72px;
	height: 93px;
	position: absolute;
	top: 11px;
	left: 21px;
}

.header h1 span, .header .logo span {
	background-image: url(/graphics/logo.png);
}

/* =============================
		utility
   ============================= */

.header .utility {
	position: absolute;
	top: 10px;
	left: 117px;
	width: 685px;
}

.header .utility .tag {
	font-size: 1.6em;
	color: #721d05;
	font-style: italic;
	float: left;
}

.header .utility .links {
	color: #e3e9ec;
	font-size: 1.4em;
	float: right;
	padding-top: 3px;
	padding-right: 7px;
}

/* =============================
		search
   ============================= */

.header .search {
	position: absolute;
	top: 4px;
	right: 0px;
	width: 198px;
	height: 30px;
	background: url(/graphics/searchCanvas.png);
}

.header .search .position {
	position: relative;
}

.header .search .input {
	width: 119px;
	height: 16px;
	padding: 4px;
	background: url(/graphics/searchInput.png);
	border: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	color: #858585;
	position: absolute;
	top: 0px;
	left: 22px;
}

.header .search .submit {
	position: absolute;
	top: 0px;
	left: 152px;
}

/* =============================
		nav
   ============================= */

.header .nav {
	position: absolute;
	top: 54px;
	left: 149px;
	height: 59px;
}

.header .nav ul {
	height: 59px;
	position: relative;
}

.header .nav ul li {
	list-style: none;
	height: 59px;
	float: left;
	position: relative;
	z-index: 0;
	margin-left: -1px;
}

.header .nav ul li:hover, .header .nav ul li.hover {
	z-index: 20;
}

.header .nav ul li.aboutOn,
.header .nav ul li.produOn,
.header .nav ul li.solutOn,
.header .nav ul li.learnOn,
.header .nav ul li.trainOn {
	z-index: 20;
}

.header .nav ul li.about { width: 116px; }
.header .nav ul li.produ { width: 125px; }
.header .nav ul li.solut { width: 230px; }
.header .nav ul li.learn { width: 240px; }
.header .nav ul li.train { width: 138px; }

.header .nav ul li.about a span       { background-image: url(/graphics/navAboutUs.png); }
.header .nav ul li.aboutOn a span     { background-image: url(/graphics/navAboutUsOn.png); }
.header .nav ul li.about a:hover span,
.header .nav ul li.about a.showHover span { background-image: url(/graphics/navAboutUsHv.png); }

.header .nav ul li.produ a span       { background-image: url(/graphics/navProducts.png); }
.header .nav ul li.produOn a span     { background-image: url(/graphics/navProductsOn.png); }
.header .nav ul li.produ a:hover span,
.header .nav ul li.produ a.showHover span { background-image: url(/graphics/navProductsHv.png); }

.header .nav ul li.solut a span       { background-image: url(/graphics/navSolutionsGallery.png); }
.header .nav ul li.solutOn a span     { background-image: url(/graphics/navSolutionsGalleryOn.png); }
.header .nav ul li.solut a:hover span,
.header .nav ul li.solut a.showHover span { background-image: url(/graphics/navSolutionsGalleryHv.png); }

.header .nav ul li.learn a span       { background-image: url(/graphics/navLearningCenter.png); }
.header .nav ul li.learnOn a span     { background-image: url(/graphics/navLearningCenterOn.png); }
.header .nav ul li.learn a:hover span,
.header .nav ul li.learn a.showHover span { background-image: url(/graphics/navLearningCenterHv.png); }

.header .nav ul li.train a span       { background-image: url(/graphics/navTraining.png); }
.header .nav ul li.trainOn a span     { background-image: url(/graphics/navTrainingOn.png); }
.header .nav ul li.train a:hover span,
.header .nav ul li.train a.showHover span { background-image: url(/graphics/navTrainingHv.png); }

/* =============================
		dropdown
   ============================= */

.dropdown {
	width: 406px;
	position: absolute;
	top: 113px;
	display: none;
}

.dropdownAbout { left: 19px; }
.dropdownProdu { left: 124px; }
.dropdownSolut { left: 302px; }
.dropdownLearn { left: 535px; }
.dropdownTrain { left: 605px; }

.dropdown .t {
	width: 406px;
	height: 23px;
	background: url(/graphics/dropdownCanvasTop.png);
}

.dropdown .b {
	width: 406px;
	height: 27px;
	background: url(/graphics/dropdownCanvasBot.png);
}

.dropdown .content {
	width: 406px;
	background: url(/graphics/dropdownCanvasMid.png) repeat-y;
}

.dropdown .l {
	width: 163px;
	float: left;
	border-right: 1px solid #e3e9ec;
	padding-left: 27px;
	padding-right: 12px;
}

.dropdown .r {
	width: 163px;
	float: left;
	padding-left: 12px;
	padding-right: 12px;
}

.dropdown .content p {
	font-size: 1.2em;
	line-height: 1.2em;
	padding-bottom: 5px;
	padding-left: 15px;
	clear: both;
}

.dropdown .content p.nopad {
	padding-bottom: 0;
}

.dropdown .content .title {
	font-size: 1.5em;
	padding-left: 0;
}

.dropdown .content p a {
	font-size: 1.1em;
}

.dropdown .content p.button {
	background: url(/graphics/dropdownButtonLeftEdge.png) no-repeat;
	padding-left: 2px;
	height: 24px;
	overflow: hidden;
	white-space: nowrap;
	margin-left: 8px;
}

.dropdown .content p.button a {
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	background: url(/graphics/dropdownButtonCanvas.png) top right no-repeat;
	height: 20px;
	display: block;
	font-size: 1.1em;
	padding: 4px 8px 0 6px;
	float: left;
}

.dropdown .dropdownFooter {
	color: #7aa0bb;
	text-align: center;
	padding: 10px 0 10px 0;
}

.dropdown .content ul {
	padding-left: 0;
	margin-left: 16px;
	list-style: square;
}

.dropdown .content li {
	padding-left: 0;
	margin-left: 0;
	padding-bottom: 5px;
	font-size: 1.2em;
}

/* ==============================================================
		highlight
   ============================================================== */

.highlightCanvas {
	height: 230px;
	clear: both;
}

.highlight {
	margin: 0 auto;
	width: 1000px;
	height: 230px;
	text-align: left;
	position: relative;
}

/* =============================
		blurb
   ============================= */

.highlight .blurb {
	width: 476px;
	height: 144px;
	padding: 18px 0 0 18px;
}

.highlight .blurb a span       { background-image: url(/graphics/blurb.png); }
.highlight .blurb a:hover span { background-image: url(/graphics/blurbOn.png); }

.highlight .extra {
	font-size: 1.3em;
	padding: 12px 0 0 26px;
}

/* =============================
		portrait
   ============================= */

.highlight .portrait {
	position: absolute;	
	top: 0px;
	left: 494px;
	width: 316px;
	height: 213px;
	padding-top: 17px;
}

.highlight .name {
	width: 243px;
	height: 78px;
	position: absolute;
	top: 152px;
	right: 0px;
}

.highlight .name span {
	background-image: url(/graphics/nameJohnDoe.png);
}

/* ==============================================================
		spotlight
   ============================================================== */

.spotlightCanvas {
	border: 5px solid #e36345;
	border-width: 5px 0;
	height: 417px;
	background: url(/graphics/spotlightCanvas.jpg) top center no-repeat;
}

.spotlight {
	margin: 0 auto;
	width: 1000px;
	height: 417px;
	text-align: left;
	position: relative;
}

/* =============================
		flash
   ============================= */

.spotlight .flash {
	background: #b7cbdc;
	position: absolute;
	top: 36px;
	left: 21px;
	padding: 4px;
}

/* =============================
		info
   ============================= */

.spotlight .info {
	position: absolute;
	top: 34px;
	right: 42px;
	width: 301px;
}

.spotlight .info h2 {
	font-size: 2.2em;
	padding-bottom: 10px;
}

.spotlight .info p {
	font-size: 1.6em;
	line-height: 1.4em;
}

.spotlight .info .download {
	width: 301px;
	height: 96px;
	padding-top: 25px;
}

.spotlight .info .download a span       { background-image: url(/graphics/downloadTrial.png); background-position: 0px 0px; }
.spotlight .info .download a:hover span { background-image: url(/graphics/downloadTrial.png); background-position: 0px -106px; }

.spotlight .info .next {
	font-size: 1.6em;
	font-style: italic;
	text-align: center;
	padding-top: 8px;
}

.spotlight .info .next a {
	font-style: normal;
}

/* ==============================================================
		misc
   ============================================================== */

.miscCanvas {
	background: url(/graphics/miscCanvas.png) repeat-x left bottom;
}

.misc {
	margin: 0 auto;
	width: 1000px;
	text-align: left;
	position: relative;
	padding-bottom: 20px;
}

/* =============================
		icons
   ============================= */

.misc .icons {
	padding: 21px 0 0 24px;
	float: left;
}

.misc .icons h2 {
	font-size: 2.2em;
	padding-bottom: 10px;
}

.misc .icons ul {
	width: 220px;
	height: 251px;
	background: url(/graphics/icons.png) no-repeat;
	position: relative;
}

.misc .icons ul li {
	font-size: 1.6em;
	left: 10px;
	list-style: none;
	position: absolute;
	display: block;
}

.misc .icons ul li.strm { top: 7px; }
.misc .icons ul li.todo { top: 73px; }
.misc .icons ul li.meet { top: 140px; }
.misc .icons ul li.proj { top: 204px; }

.misc .icons ul li a {
	display: block;
	padding: 10px 5px 10px 60px;
}

/* =============================
		buttons
   ============================= */

.misc .buttons {
	float: left;
	width: 266px;
	padding-top: 22px;
}

/* =============================
		big button
   ============================= */

.misc .buttons .big {
	width: 230px;
	height: 133px;
	background: url(/graphics/bigButtonCanvas.png) no-repeat;
	padding: 14px 18px;
}

.misc .buttons .big h2 {
	font-size: 2em;
	padding-bottom: 8px;
}

.misc .buttons .big .cover {
	float: left;
	margin-right: 10px;
}

.misc .buttons .big .cover a {
	border: 2px solid #b8ccdc;
	display: block;
}

.misc .buttons .big .title {
	font-size: 1.4em;
	font-weight: bold;
	padding-bottom: 3px;
	color: #7a9cb4;
}

.misc .buttons .big .desc {
	font-size: 1.4em;
	line-height: 1.3em;
}

/* =============================
		small button
   ============================= */

.misc .buttons .small {
	width: 230px;
	height: 91px;
	background: url(/graphics/smallButtonCanvas.png) no-repeat;
	padding: 14px 18px;
	overflow: hidden;
	margin-top: 20px;
}

.misc .buttons .small h2 {
	font-size: 2em;
	padding-bottom: 3px;
}

.misc .buttons .small p {
	font-size: 1.4em;
	line-height: 1.3em;
	padding-bottom: 6px;
}

/* =============================
		newsletter form
   ============================= */

.misc .buttons .small .position {
	position: relative;
}

.misc .buttons .small .input {
	width: 147px;
	height: 16px;
	padding: 4px;
	background: url(/graphics/emailInput.png);
	border: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	color: #858585;
	position: absolute;
	top: 1px;
	left: 0px;
}

.misc .buttons .small .submit {
	position: absolute;
	top: 0px;
	left: 157px;
}

.misc .services {
	padding-top: 5px;
}

.misc .services li {
	list-style: none;
	font-size: 1.4em;
	padding-bottom: 4px;
	padding-left: 10px;
}

/* =============================
		blog
   ============================= */

.misc .blog {
	width: 430px;
	padding-left: 40px;
	padding-top: 21px;
	float: left;
}

.misc .blog h2 {
	font-size: 2em;
	padding-bottom: 1px;
}

.misc .blog li {
	font-size: 1.4em;
	padding: 7px 0;
	list-style: none;
	clear: both;
}

.misc .blog .all {
	text-align: left;
	font-weight: bold;
	font-size: 1.4em;
	padding-top: 2px;
	padding-bottom: 15px;
}

.misc .blog .categories {
	font-size: 10px;
}

.misc .blog .homeKeywords li {
	display: block;
	float: left;
	clear: none;
	padding: 0 0 4px 13px;
	background-image:url(../graphics/blue-bullet.png);
	background-repeat: no-repeat;
	background-position: left 3px;
	width: 130px;
}

.misc .blog .homeKeywords li a {
	display: block;
}

/* ==============================================================
		footer
   ============================================================== */

.footer {
	margin: 0 auto;
	width: 1000px;
	text-align: left;
	position: relative;
	padding: 10px 0;
	font-size: 1.3em;
	color: #777777;
}

.footer a, .footer a:hover {
	color: #777777;
}

.innerFooter {
	border-top: 5px solid #e36345;
}

.footer .siteCredit {
	float: right;
	font-size: 11px;
}

.footer .siteCredit a, .footer .siteCredit a:visited {
	color: #AAAAAA;
}

/* ==============================================================
		inner
   ============================================================== */

.innerCanvas {
	padding: 40px 0 20px 0;
}

.inner {
	margin: 0 auto;
	width: 1000px;
	text-align: left;
	position: relative;
}

/* =============================
		sidebar
   ============================= */

.inner .sidebar {
	float: left;
	width: 266px;
	padding-left: 20px;
}

.inner .sidebar .itemBox {
	width: 266px;
	background: url(/graphics/sidebarCanvasRepeat.png) repeat-y top left;
	margin-bottom: 14px;
}

.inner .sidebar .itemBox .t {
	width: 266px;
	height: 14px;
	background: url(/graphics/sidebarCanvasTop.png);
}

.inner .sidebar .itemBox .b {
	width: 266px;
	height: 14px;
	background: url(/graphics/sidebarCanvasBot.png);
}

.inner .sidebar .item {
	width: 236px;
	padding: 0 15px;
}

.inner .sidebar .itemSm { background: url(/graphics/sidebarCanvasFillSm.png) top left no-repeat; }
.inner .sidebar .itemMd { background: url(/graphics/sidebarCanvasFillMd.png) top left no-repeat; }
.inner .sidebar .itemLg { background: url(/graphics/sidebarCanvasFillLg.png) top left no-repeat; }


.maplist { width: 205px !important;}

.maplist a, .maplist li {
	float: left; display: inline;
	text-transform: none;
}

.maplist li {
	color: #AAA;
	white-space: nowrap !important;
}


.innerMaplist li {
	display: block;
	float: left;
	clear: none;
	padding: 0 0 4px 13px;
	background-image:url(../graphics/blue-bullet.png);
	background-repeat: no-repeat;
	background-position: left 3px;
	width: 130px;
}

.innerMaplist li a {
	display: block;
}



/* =============================
		books
   ============================= */

.inner .sidebar .books h2 {
	font-size: 2em;
	padding-bottom: 8px;
}

.inner .sidebar .book {
	clear: both;
	padding: 6px 0;
}

.inner .sidebar .books .cover {
	float: left;
	margin-right: 10px;
}

.inner .sidebar .books .cover a {
	border: 2px solid #b8ccdc;
	display: block;
}

.inner .sidebar .books .title {
	font-size: 1.4em;
	font-weight: bold;
	padding-bottom: 3px;
}

.inner .sidebar .books .desc {
	font-size: 1.4em;
	line-height: 1.3em;
}

/* =============================
		download trial
   ============================= */

.downloadTrial {
	margin-bottom: 14px;
	width: 266px;
	height: 96px;
}

.downloadTrial a span       { background-image: url(/graphics/innerDownloadTrial.png); background-position: 0px 0px; }
.downloadTrial a:hover span { background-image: url(/graphics/innerDownloadTrial.png); background-position: 0px -106px; }

/* =============================
		form
   ============================= */

.itemBox .form h2 {
	font-size: 2em;
	padding-bottom: 3px;
}

.itemBox .form p {
	font-size: 1.4em;
	line-height: 1.3em;
	padding-bottom: 6px;
}

.itemBox .form .position {
	position: relative;
	height: 25px;
}

.itemBox .form .input {
	width: 147px;
	height: 16px;
	padding: 4px;
	background: url(/graphics/emailInput.png);
	border: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	color: #858585;
	position: absolute;
	top: 1px;
	left: 0px;
}

.itemBox .form .submit {
	position: absolute;
	top: 0px;
	left: 157px;
}

/* =============================
		text
   ============================= */

.itemBox .text h2 {
	font-size: 2em;
	padding-bottom: 8px;
}

.itemBox .text p {
	font-size: 1.3em;
	line-height: 1.4em;
	padding-bottom: 6px;
}

.itemBox .text .credit {
	font-style: italic;
	padding-top: 10px;
	font-weight: bold;
}

.itemBox .text .credit em {
	font-weight: normal;
	display: block;
}

/* =============================
		subnav
   ============================= */

.itemBox .subnavBox {
	text-align: center;
	width: 235px;
}

.itemBox .subnav {
	margin: 0 auto;
	width: 235px;
}

.itemBox .subnav .top {
	width: 235px;
	height: 9px;
	background: url(/graphics/subnavCanvasTop.png);
}

.itemBox .subnav .bot {
	width: 235px;
	height: 9px;
	background: url(/graphics/subnavCanvasBot.png);
}

.itemBox .subnav .list {
	background: #ffffff;
	border: 1px solid #b8cbdc;
	border-width: 0 1px;
	width: 225px;
	padding: 0 4px;
	font-size: 1.6em;
}

.itemBox .subnav .list li {
	list-style: none;
	text-transform: uppercase;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align: left;
	padding: 7px 6px;
	border-bottom: 1px solid #e3e9ec;
}

.itemBox .subnav .list li ul li {
	font-size: .8em;
	border: none;
}

.itemBox .subnav a {
	display: block;
}

.itemBox .subnav .list li.first {
	padding-top: 0;
}

.itemBox .subnav .list li.last {
	border: 0;
	padding-bottom: 0;
}

.itemBox .subnav .list em {
	display: block;
	text-transform: none;
	content: .7em;
	font-style: normal;
}

.itemBox .subnav a.on {
	color: #0099CC;
}

.itemBox .subnav ul li a.aa {
	background: url(/graphics/subnavArrow.png) right 1px no-repeat;
}

/* =============================
		content
   ============================= */

.inner .content {
	float: left;
	width: 664px;
	padding-left: 40px;
	padding-right: 10px;
	overflow: hidden;
}

.inner .content h1 {
	font-size: 2.6em;
	margin-bottom: 14px;
}

.inner .content h2 {
	font-size: 2em;
	margin-bottom: 6px;
	color: #0099CC;
}

.inner .content h3 {
	font-size: 1.6em;
	font-weight: bold;
	background: url(/graphics/listArrow.png) no-repeat;
	padding-left: 15px;
	padding-top: 4px;
}

.inner .content p, .inner .content ul {
	padding-bottom: 15px;
	font-size: 1.4em;
	line-height: 1.3em;
}

.inner .content li {
	margin: 0 30px 0 30px;
	line-height: 125%;
	padding-bottom: 2px;
	padding-top: 5px;
	font-size: 13px;
	list-style-type: square;
}

.inner .content .imageRight {
	padding: 20px;
	float: right;
}

.inner .content .imageRight p {
	font-size: 1.3em;
	line-height: 1.5em;
	padding: 10px 0 0 0;
}

.inner .content .imageRight img {
	border: 2px solid #b7cbdc;
}

.inner .content .nTop {
	padding-top: 0px;
}

.inner .content .nRight {
	padding-right: 0px;
}

.inner .content blockquote {
	background: transparent url(/graphics/quote-left.png) no-repeat;
	padding: 5px 0 15px 55px;
}

.inner .content blockquote p {
	font-size: 1.6em;
	line-height: 1.2em;
	padding-bottom: 5px;
	background: transparent url(/graphics/quote-right.png) bottom right no-repeat;
	padding-right: 55px;
	color: #555;
}

.inner .content blockquote cite, .inner .content blockquote p cite {
	font-size: 14px;
	font-style: italic;
}

.inner .content .callout {
	background: url(/graphics/callout-bg.png) repeat-x;
	border: 2px solid #B7CBDC;
	margin: 10px 0 15px 0;
}

.inner .content .callout h2 {
	background: #A4391E url(/graphics/callout-h2-bg.png) repeat-x;
	color: #fff;
	padding: 2px 5px 4px;
	line-height: 125%;
	font-size: 1.75em;
}

.inner .content .callout p {
	padding: 3px 5px;
}

.inner .content .callout ul {
	padding: 0 0 0 10px;	
}

.inner .content .callout ul li {
	background: url(/graphics/listArrow.png) no-repeat;
	list-style: none;
	padding-left: 10px;
}

.inner .content .callout ul li ul li { /* two level deep list in a call-out */
	background: none;
	list-style: none;
	padding-left: 0; margin-left: 0;
	font-size: 12px;
}

.inner .content .right {
	float: right;
	margin: 0 0 10px 10px;
}

.inner .content .left {
	float: left;
	margin: 0 10px 10px 0;
}


/* default table styles for content */

.inner .content table {
	margin: 10px 0 10px 0;
}

.inner .content td {
	padding: 4px;
	font-size: 1.2em;
	border: 1px solid #DDD;
}

.highlighter { 
	background: #FFC; 
	margin:0 0 1.5em; 
	padding: 0 .2em 0 .2em; 
	clear: both; 
}


/* MODIFICATIONS TO WP-EMail PLUGIN */


/**** SOLUTION GALLERY NAVIGATION ****/

#gallerynav {
	padding-bottom: 10px;
}

#gallerynav img {
	display: inline;
}

#siteMapBlog {
	float: right;
	width: 300px;
	border-left: 1px solid #aaa;
}

#siteMapBlog .categories {
	list-style: none;
	font-size: 23px;
	font-weight: bold;
	color: #0099CC;
}
#siteMapBlog .categories ul {
	font-size: 12px;
	font-weight: normal;
	color: #0099CC;
}

#siteMapPages .pagenav {
	list-style: none;
	font-size: 23px;
	font-weight: bold;
	color: #0099CC;
}

#siteMapPages .pagenav li {
	font-size: 14px;
	font-weight: bold;
	color: #0099CC;
}

#siteMapPages .pagenav li li {
	font-size: 12px;
	font-weight: normal;
	color: #0099CC;
}