/*******************  
*	DEFAULTS color: #2caaef
********************/

a			{ color: #ffa019; text-decoration: none }
a:hover			{ color: #ffa019; text-decoration: underline }

html	 		{ height: 100%; }
body			{ color: #bfbfbf; background: #111111; font: normal 12px verdana, arial; line-height: 140% }
table			{ padding: 0px; margin: 0px; border-collapse: collapse; }
table td		{ color: #bfbfbf; padding: 0px; margin: 0px; border-collapse: collapse; vertical-align: top }
img			{ border: 0px; margin: 0px }
form			{ margin: 0px }
p			{ margin: 13px 0 20px }
address			{ font-style: normal }

h1			{ color: #ffffff; font: bold 28px arial, verdana, arial; line-height: 100%; margin: 10px 0 25px; }
h2			{ color: #ffffff; font: normal 18px arial; margin: 15px 0 10px }
h3			{ color: #ffffff; font: bold 14px tahoma, arial; margin: 15px 0px }

TABLE.inputForm		{ margin-bottom: 15px }
TABLE.inputForm TH	{ text-align: right; vertical-align: top }
TABLE.inputForm TH,
TABLE.inputForm TD	{ padding: 4px 5px }

input,
textarea		{ color: #aaa; border: 1px solid #777; background: #222; font: normal 12px verdana; padding: 2px }
input:focus,
textarea:focus		{ color: #eee; border: 1px solid #aaa; background: #222 }

input.submit		{ color: #fff; font: bold 11px verdana, arial; padding: 2px 7px }

/******************* 
*	STRUCTURE
********************/

#container		{ min-height: 100%; min-width: 1008px; }

.flagBanner		{ background: url(images/banner-bg.png) repeat-x center 71px }
.flagBannerHome		{ background: url(images/banner-home-bg.png) repeat-x center 71px }
.flagBannerHome #subcontainer		{ background: url(images/banner-home-snapshot-bg.jpg) no-repeat -20px 76px }

#subcontainer		{ width: 968px; padding: 0 20px; margin: 0 auto }

#header			{ height: 65px; padding-top: 10px; background: url(images/header-bg.jpg) no-repeat 160px 0 } 
#header .logo		{ }

UL#nav			{ float: right; padding: 0; margin: -10px 67px 0 0; list-style: none; width: 600px }
UL#nav LI		{ float: left; margin: 0; padding: 0 }
UL#nav A		{ height: 63px; background: transparent url(images/menu.jpg) no-repeat; display: block; text-indent: -9000px; text-decoration: none; overflow: hidden; }

#nav #oursystem A		{ background-position: 0px 0px; width: 98px }
#nav #oursystem A:hover,
UL#nav.oursystem #oursystem A	{ background-position: 0px -63px; }

#nav #solutions A		{ background-position: -98px 0px; width: 90px }
#nav #solutions A:hover,
UL#nav.solutions #solutions A	{ background-position: -98px -63px; }

#nav #canspam A		{ background-position: -188px 0px; width: 95px }
#nav #canspam A:hover,
UL#nav.canspam #canspam A	{ background-position: -188px -63px; }

#nav #resources A		{ background-position: -283px 0px; width: 91px }
#nav #resources A:hover,
UL#nav.resources #resources A	{ background-position: -283px -63px; }

#nav #faq A		{ background-position: -374px 0px; width: 60px }
#nav #faq A:hover,
UL#nav.faq #faq A	{ background-position: -374px -63px; }

#nav #contact A		{ background-position: -434px 0px; width: 81px }
#nav #contact A:hover,
UL#nav.contact #contact A	{ background-position: -434px -63px; }

#nav #login A		{ background-position: -515px 0px; width: 85px }
#nav #login A:hover,
UL#nav.login #login A	{ background-position: -515px -63px; }

.content		{ background: url(images/content-bg.png) no-repeat bottom center; padding: 0 0 10px }

#clearfooter 		{ display: block; height: 79px; }

#footer			{ height: 168px; padding-top: 20px; margin: -79px 0 0; min-width: 1008px; color: #888; font: normal 11px verdana; background: url(images/footer-bg.jpg) no-repeat top center; clear: both; position: relative; }
#footer UL		{ padding: 4px 0 6px 20px; margin: 0; list-style-type: none }
#footer UL LI		{ display: inline; padding: 0px 1px }

#footer A		{ color: #888; text-decoration: none }
#footer A:hover		{ color: #fff; text-decoration: none; border-bottom: 1px dotted #ffffff }

#crumbs			{ color: #888; font: normal 10px arial; padding: 0 0 10px; margin-top: -10px; z-index: 100 }
#crumbs a		{ color: #888; margin: 0 3px; border-bottom: 1px dotted #888 }
#crumbs a:hover		{ color: #ccc; text-decoration: none; border-bottom: 1px solid #ccc }

.contactRight		{ float: right; width: 450px; padding: 0 0 0 30px; margin: 0 0 0 15px; border-left: 1px solid #666 }
.contactLeft		{ float: left; width: 470px }

/* was 25px */
.banner			{ color: #fffac5; height: 129px; background: url(images/banner-watermark.png) no-repeat 475px 1px; text-align: right; position: relative }
.banner img		{ margin-top: 38px }
.banner a		{ color: #fff }
.banner .demo		{ height: 65px; width: 184px; background: url(images/banner-button-demo-bg.png) no-repeat; position: absolute; left: 0px; top: 40px; text-align: left }
.banner .demo a		{ display: block; height: 37px; width: 143px; background: url(images/banner-home-button-demo.png) no-repeat; margin: 4px 0 0 20px; text-indent: -9000px; text-decoration: none; overflow: hidden; }
.banner .demo a:hover 	{ background-position: -143px 0 }
.banner .stamp		{ margin: 0; position: absolute; left: 204px; top: 8px }

.bannerHome		{ height: 304px; position: relative }
.bannerHome img.snapshot { position: absolute; left: 38px; top: 13px }
.bannerHome h2		{ position: absolute; left: 480px; top: 30px }
.bannerHome h3		{ position: absolute; left: 480px; top: 115px }
.bannerHome .demo	{ height: 65px; width: 184px; background: url(images/banner-home-button-demo-bg.png) no-repeat; position: absolute; left: 768px; top: 220px }
.bannerHome .demo a	{ display: block; height: 37px; width: 143px; background: url(images/banner-home-button-demo.png) no-repeat; margin: 5px 0 0 20px; text-indent: -9000px; text-decoration: none; overflow: hidden; }
.bannerHome .demo a:hover { background-position: -143px 0 }


ul.subMenu		{ width: 215px; height: 474px; margin: 0; padding: 20px 0 0; background: url(images/rightmenu-bg.jpg) no-repeat 15px 0; list-style-type: none; float: right }
ul.subMenu li		{ padding: 0; margin: 0; background: url(images/rightmenu-separator.png) no-repeat 16px bottom  }
ul.subMenu li a		{ padding: 9px 0 12px 15px; font: bold 16px arial; color: #fff; display: block; text-indent: 15px }

ul.subMenu li.active	{ background: url(images/rightmenu-mouseover.png) no-repeat }
ul.subMenu li.active a	{ text-decoration: none; cursor: default }

ul.subMenu li.header	{ padding: 7px 7px 18px 0; font: normal 20px arial; color: #fff; text-indent: 15px; background: url(images/rightmenu-header-bg.png) no-repeat right top; text-align: center }

ul.subMenuSmall	li a	{ font-size: 14px }

#subContent		{ float: left; width: 740px }

.box1			{ width: 173px; padding: 0 15px 20px; margin-top: 5px; background: url(images/box1-bg.png) no-repeat bottom; color: #ddd }
.box1 h2		{ color: #fff; background: url(images/box1-bg.png) no-repeat top; margin: -3px -13px 0; padding: 10px 13px 5px }
.box1 p			{ margin: 3px 0 8px }
.box1 ul		{ margin: 7px 0 7px 10px; padding: 0 6px 0 10px; font-size: 11px }
.box1 ul li		{ margin-bottom: 4px; font-weight: bold }
.box1 ul li ul li	{ font-weight: normal }
.box1 p.more		{ margin-bottom: 4px; text-align: right; font: bold 11px tahoma }
.box1 p.more a		{ text-decoration: none }
.box1 p.more a:hover	{ color: #fff; border-bottom: 1px dotted #fff; text-decoration: none }

.large			{ font: normal 18px arial; color: #c5c5c5; line-height: 145%; margin-bottom: 30px }
.large a		{ color: #e5e5e5 }

p.quote			{ width: 580px; color: #eee; background: url(images/quote-bg.jpg) no-repeat center left; padding: 15px 150px 15px 25px; font: normal 12px verdana; line-height: 140% }
.glossaryLimit p.quote	{ width: 580px }

ul.resources 		{ color: #fff } 
ul.resources li p	{ color: #bdbdbd; margin: 1px 0 10px; font-style: italic } 

.iconList		{ margin-bottom: 35px; position: relative }
.iconList img		{ position: absolute; left: 0; top: 0 } 
.iconList h2		{ margin: 0 0 10px 90px }
.iconList p		{ margin: 0 0 0 90px }

ul.homeFeatures		{ margin: 0; padding: 0; list-style-type: none; width: 560px; float: right }
ul.homeFeatures	li	{ width: 260px; padding: 0; margin: 0 0 35px 20px; float: left; position: relative }
ul.homeFeatures img	{ position: absolute; left: 0; top: 0 }
ul.homeFeatures h2	{ margin: 0; padding: 4px 0 0 65px; height: 60px; font-size: 17px }
ul.homeFeatures h2 a	{ color: #ffffff; text-decoration: none }
ul.homeFeatures h2 a:hover { color: #ffa019; text-decoration: none }
ul.homeFeatures p	{ margin: 0 }

.homeLeft		{ width: 405px; float: left }
.homeLeft h1		{ font-size: 20px }
.homeLeft h2		{ font: normal 18px arial; margin: 0 0 15px; padding: 0;  }

#clientBox		{ height: 106px; width: 1008px; overflow: hidden; position: relative  }
#clientBoxLeft		{ position: absolute; left: 0; top: 0; z-index: 999; }
#clientBoxRight		{ position: absolute; right: 0; top: 0; z-index: 999; }
#slider	img		{ }
#slider .badges		{ padding: 0 20px; float: left; text-align: center }
#slider .badges a	{ font-style: normal; color: #cccccc; font: normal 14px arial }
#slider .badges a span	{ display: block; padding-left: 8px }
#slider	.badges a:hover	{ border: 0; color: #ffa019 }

.box2			{ background: #141414; color: #eee; width: 210px; float: left; margin: 0 0 20px 20px; border: 1px solid #333333; padding: 5px 8px; display: block; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -moz-box-shadow: 0 2px 5px #000000; -webkit-box-shadow: 0 2px 5px #000000; box-shadow: 0 2px 5px #000000; }
.box2 h2		{ margin-top: 5px; text-align: center; font-size: 18px; }
.box2 ul		{ padding: 0; margin: 0 0 0 15px }
.box2 ul li		{ margin: 0 0 4px 0; font-size: 12px }
.box2 p.more		{ margin-bottom: 4px; text-align: right; font: bold 11px tahoma }
.box2 p.more a		{ text-decoration: none }
.box2 p.more a:hover	{ color: #fff; border-bottom: 1px dotted #fff; text-decoration: none }

/*******************  
*	FAQ
********************/

OL.faqListQ		{ border-bottom: 1px dashed #555; padding-bottom: 20px }
OL.faqListQ LI		{ padding-bottom: 5px }

OL.faqListA LI.answer	{ border-bottom: 1px dashed #555; padding-bottom: 5px }
OL.faqListA LI.answer H4 { margin-bottom: 5px; font-size: 14px }
OL.faqListA .file	{ padding: 3px 0px 0px 0px; font-weight: bold }
OL.faqListA .file A	{ font-weight: normal }
OL.faqListA p.top	{ text-align: right; font-size: 10px; margin: 3px 0px }


/*******************  
*	UTILS
********************/

.noDisplay		{ display: none }
.noTop			{ margin-top: 0 }
.noBottom		{ margin-bottom: 0; padding-bottom: 0 }
.content .noBorder	{ border: 0 }
.floatLeft		{ float: left; margin: 0 10px 10px 0 }
.floatRight		{ float: right; margin-bottom: 10px; margin-left: 10px }
.floatRightClear	{ clear: right }
.textCenter		{ text-align: center }
.textRight		{ text-align: right }
.noBackground		{ background-image: none }
.smallNote		{ font-size: 11px; font-style: italic; color: #888 }


/* slightly enhanced, universal clearfix hack */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
.clearfix { display: inline-block; }

/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* stop commented backslash hack */