/*
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	TAGS
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
body {
	background-color: #feedd9;
	margin: 0;
	padding: 0;
	background-image: url(../images/bg_body.gif);
	background-repeat: repeat-x;
	font-size: 100%; /* 16px */
	}
#mother, #footer {
	font-size: .75em; /* 16*.75=12px */
	}
td, pre, input, textarea, select {
	font-size: 1em; /* 12*1=12px */
	}
body, td, pre, input, textarea, select {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	color: #000;
	}
a:link {
	text-decoration: none;
	color: #970202;
	}
a:visited {
	text-decoration: none;
	color: #970202;
	}
a:hover {
	text-decoration: underline;
	color: #970202;
	}
a:active {
	text-decoration: none;
	color: #970202;
	}
a img {
	border: 0 none;
	}
code {
	color: #f09;
	}
	
	
p, li, pre, blockquote, dt, dd {
	line-height: 1.5;
	}
h1, h2, h3, h4, h5, h6, p, ol, ul, li, pre, blockquote, dl, dt, dd {
	margin-top: 0;
	}
h1, h2, h3, h4, h5, h6, p, ol, ul, pre, blockquote, dl {
	margin-bottom: 2em;
	}
h1, h2, h3, h4, h5, h6 {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	}
h1 {
	margin: 0 0 1em 0;
	font-size: 1.17em; /* 12*1.5=18px */
	padding: 0 0 3px 0;
	border-bottom: 1px solid #74B706;
	}
h2 {
	font-size: 1.17em; /* 12*1.17=14px */
	font-style: italic;
	margin-bottom: 1.5em;
	color: #1B6E6F;
	}
h3 {
	font-size: 1em; /* 12*1=12px */
	font-style: italic;
	color: #292929;
	font-weight: normal;
	margin-bottom: 1.3em;
	}
dt {
	margin-top: .7em;
	}
dd {
	margin-left: 20px;
	}
ul {
	list-style-type: square;
	}
li {
	margin-bottom: .6em;
	}
li ol,
li ul {
	margin-top: .4em;
	}
th {
	text-align: left;
	}
object, embed {
	margin: 0;
	padding: 0;
	}
blockquote {
	margin: 0 0 2em 0;
	color: #510102;
	/*background-image: url(../images/bg_left_quote.gif);
	background-repeat: no-repeat;*/
	padding: 0 0 0 15px;
	}
blockquote p {
	/*margin: 0 0 .6em 0;*/
	display: inline;
	background-image: url(../images/bg_right_quote.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding: 0 15px 0 0;
	font-size: .92em; /* 12*.92=11px */
	}
blockquote p span {
	background-image: url(../images/bg_left_quote.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 0 0 0 15px;
	}
#ieDiv blockquote p,
#ieDiv blockquote p span {
	background-image: none;
	padding: 0;
	}
blockquote p.quotedBy {
	display: block;
	color: #636262;
	font-size: .92em; /* 12*.92=11px */
	background-image: none;
	padding: 3px 0 0 0;
	margin: 0;
	}

/*
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	MAIN DIVISIONS
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
#mother {
	width: 980px;
	margin: 0;
	}

#banner {
	background-image: url(../images/bg_banner.jpg);
	background-repeat: no-repeat;
	height: 183px;
	}
#banner p {
	margin: 0;
	}
#clientLogin {
	text-align: right;
	}
#logo {
	padding: 90px 0 0 18px;
	}
	
#footer {
	margin: 0 0 0 0;
	padding: 20px 0 0 0;
	height: 47px;
	clear: both;
	background-image: url(../images/bg_footer.jpg);
	background-repeat: repeat-x;
	}
#footer pre {
	width: 980px;
	text-align: center;
	}
#footer,
#footer pre,
#footer a {
	color: #fff;
	}




/*
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	CONTENT
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
#content {
	padding: 20px 0 20px 40px;
	background-image: url(../images/bg_content.gif);
	background-repeat: no-repeat;
	min-height: 460px;
	}




/*
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	MENU
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */		
#menu {
	width: 400px;
	float: right;
	padding: 43px 50px 0 0;
	}
#menu ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	}
#menu li {
	float: left;
	margin: 0;
	text-align: center;
	}
#menu a {
	display: block;
	text-indent: -9999px;
	height: 54px;
	background-image: url(../images/sprite_menu.gif);
	background-repeat: no-repeat;
	}
#products a {
	background-position: 0% 3px;
	width: 99px;
	}
#support a {
	background-position: -102px 3px;
	width: 90px;
	}
#about a {
	background-position: -195px 3px;
	width: 74px;
	}
#contact a {
	background-position: -273px 3px;
	width: 87px;
	}
	
#products a:hover {
	background-position: 0% -64px;
	}
#support a:hover {
	background-position: -102px -64px;
	}
#about a:hover {
	background-position: -195px -64px;
	}
#contact a:hover {
	background-position: -273px -64px;
	}
	
#productsPage #products a {
	background-position: 0% -131px;
	}
#supportPage #support a {
	background-position: -102px -131px;
	}
#aboutPage #about a {
	background-position: -195px -131px;
	}
#contactPage #contact a {
	background-position: -273px -131px;
	}

#menu a,
#menu a:link,
#menu a:visited,
#menu a:active,
#menu a:hover {
	}
#menu a:hover {
	}
	


/*
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	HOME PAGE
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
#toolsAndServices {
	color: #381F01;
	font-size: .92em; /* 12*.92=11px */
	}
#ourPhilosophy {
	color: #381F01;
	font-size: .92em; /* 12*.92=11px */
	}
#loginHelp {
	color: #381F01;
	font-size: 0.92em; /* 12*.92=11px */
	font-weight: 500; /* 700 = bold */
	width: 190px;
	position: absolute;top:550px;left:45px;
	padding: 5px 5px 5px 5px;
	display: none;
/*	background-image:url(../images/login_help_bg.gif); */
	background-color: #CDB99E;
	border:#511000 solid 1px 0 1px 0;
	}

#ourMission {
	color: #381F01;
	font-size: .85em; /* 12*.92=11px */
	width: 190px;
	float: left;
	padding: 10px 0 0 0;
	}
#ourMission strong {
	display: block;
	font-weight: bold;
	}
#homePage .col1 blockquote {
	text-align: right;
	margin-left: 190px;
	}
#splashGraphic {
	margin: 0 0 20px -40px;
	}

#theToolsList {
	background-image: url(../images/bg_float_tools_top.jpg);
	background-repeat: no-repeat;
	padding: 60px 0 0 0;
	width: 186px;
	font-size: 0.92em; /* 12*.92=11px */
	}
#theToolsList h1 {
	height: 0;
	text-indent: -9999px;
	border: 0 none;
	padding: 0;
	margin: 0;
	}
#theToolsList ul {
	background-image: url(../images/bg_float_tools_bot.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding: 0 20px 40px 33px;
	list-style-type: none;
	margin: 0;
	}
#theToolsList ul li strong {
	display: block;
	font-weight: normal;
	color: #970202;
	font-style: italic; 
	font-size: 1.27em; /* 11*1.27=14px */
	line-height: normal;
	padding: 0 0 5px 0;
	}
#theToolsList ul li {
	margin: 0 0 20px 0;
	}




/*
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	PRODUCT PAGE
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
#productList {
	list-style-type: none;
	margin: 0;
	padding: 0;
	}
#productList li {
	padding: 0 0 50px 0;
	clear: both;
	}
#productList .demoLink {
	margin-left: 155px;
	}
#productList h2 {
	margin-bottom: 5px;
	border-bottom: 1px solid #175557;
	padding: 0 0 3px 0;
	width: 300px;
	clear: both;
	}




/*
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	SUPPORT PAGE
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
#supportProducts {
	list-style-type: none;
	margin: 0 0 30px 0;
	padding: 0;
	font-weight: bold;
	}
#supportProducts a,
#supportProducts a:hover {
	font-size: 1.17em; /* 12*1.17=14px */
	font-style: italic;
	font-weight: bold;
	color: #000;
	}
#supportInfo {
	background-image: url(../images/bg_support_box_top.gif);
	background-repeat: no-repeat;
	width: 300px
	}
#supportInfo div {
	background-image: url(../images/bg_support_box_bot.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding: 20px 30px 20px 20px;
	}
#supportInfo dt {
	color: #175556;
	font-style: italic;
	}
#supportInfo a {
	background-image: url(../images/icon_document.gif);
	background-repeat: no-repeat;
	background-position: 0% 6px;
	padding: 5px 0 0 20px;
	margin: 0;
	}
#supportInfo a.demoLink {
	display: block;
	background-image: url(../images/bullet_thetools.gif);
	background-repeat: no-repeat;
	background-position: 0% 6px;
	padding: 5px 0 0 20px;
	margin: 0;
	text-decoration: none;
	}
#sendFile {
	border-top: 1px dashed #000;
	padding: 10px 20px;
	margin: 0 40px 0 0;
	}
#sendFile img {
	vertical-align: middle;
	}



/*
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	FORMS
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

form {
	margin: 0;
	}
fieldset {
	padding: 0 10px 10px 10px;
	margin: 0 0 10px 0;
	}
legend {
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 30px 0;
	padding: 3px 10px 3px 10px;
	color: #333;
	}
.columnize label {
	display: block;
	width: 80px;
	float: left;
	margin-bottom: 20px;
	font-weight: bold;
	text-align: right;
	padding: 2px 10px 0 0;
	}
.columnize input,
.columnize select,
.columnize textarea {
	display: block;
	width: 290px;
	float: left;
	margin-bottom: 20px;
	}
.columnize br {
	clear: left;
	}
.columnize p label,
.columnize p input,
.columnize p select,
.columnize p textarea {
	margin-bottom: 0;
	}
.columnize p em {
	display: block;
	margin: 0 0 20px 80px;
	font-size: .83em; /* 12*.83=10px */
	}

p.submitButton {
	text-align: center;
	clear: left;
	padding-top: 1.0em;
	padding: 0;
	}
p.submitButton input {
	background-color: #7796b1;
	color: #fff;
	font-weight: bold;
	border: 0 none;
	padding: 3px 12px 4px 12px;
	margin: 0;
	cursor: pointer;
	}






/*
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	UTILTY CLASSES/MISC
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
.photo {
	padding: 6px;
	background-color: #fff;
	border: 1px solid #82776b;	
	}
.picRight {
	margin: 0 0 15px 15px;
	float: right;
	}
.picLeft {
	margin: 0 15px 15px 0;
	float: left;
	}
.picMiddle {
	text-align: center;
	}
.unbulleted {
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
	}
.unbulleted li {
	background-image: none;
	padding: 0;
	}	
.cl {
	clear: both;
	}
.note {
	font-size: 90%;
	color: #666;
	}
ul.note {
	padding: 0;
	margin-left: 0;
	}
ul.note li {
	padding: 0;
	margin: 0;
	background-image: none;
	}
	
	
/* COLUMNS (940px total) */
.col1, .col2, .col3 {
	float: left;
	margin: 0 0 0 20px;
	}

/* aboutText */
#aboutText {
	margin-left:110px;
	}
/* ONE COLUMN */
.oneColumn {
	padding: 0 150px 0 120px;
	}
	
/* TWO COLUMN */
.twoColumn {
	clear: both;
	margin: 0 0 30px 0;
	padding: 0 200px 0 140px;
	}
.twoColumn .col1 {
	width: 260px;
	margin: 0;
	}
.twoColumn .col2 {
	width: 320px;
	}
	
/* THREE COLUMN */
.threeColumn .col1 {
	clear: both;
	}
.threeColumn .col1 {
	width: 444px;
	margin: 0;
	}
.threeColumn .col2 {
	width: 274px;
	}
.threeColumn .col3 {
	width: 176px;
	}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	line-height: 0;
	}
.clearfix {
	display: inline-block;
	}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
	}
.clearfix {
	display: block;
	}
/* End hide from IE-mac */


.demoLink {
	display: block;
	background-image: url(../images/bullet_thetools.gif);
	background-repeat: no-repeat;
	background-position: 0% 6px;
	padding: 5px 0 0 20px;
	margin: 0;
	text-decoration: none;
	}
a.demoLink:hover {
	text-decoration: underline;
	}








.fontSizesInEmsForBase-12 {
	font-size: .83em; /* 12*.83=10px */
	font-size: .92em; /* 12*.92=11px */
	font-size: 1em; /* 12*1=12px */
	font-size: 1.17em; /* 12*1.17=14px */
	font-size: 1.33em; /* 12*1.33=16px */
	font-size: 1.5em; /* 12*1.5=18px */
	font-size: 1.67em; /* 12*1.67=20px */
	font-size: 2em; /* 12*2=24px */
	font-size: 2.67em; /* 12*2.67=32px */
	}
.selectedItem {
	color: #861B0B;
	padding: 0 0 0 9px;
	font-size: 1.2em;
}