@charset "UTF-8";
/* CSS Document NoteMinder */


* {
	margin: 0;
	padding: 0;
	}

*:focus, *:active { outline: 0; }

html {
	height: 100%;
	margin-bottom: 1px;
	}

body {
	text-align: center;
	font-family: verdana, helvetica, arial, sans-serif;
	background: url(../decor/bax-3.jpg) center top repeat-x;
	color: #333;
	}

#bullshit {
	width: 990px;
	margin: 0 auto 0 auto;
	background:  url(../decor/bax-5.jpg) center top no-repeat;
	}

#container {
	width: 947px;
	margin: 0 auto 10px auto;
	background: #fff;
	border-right: 5px solid #fff;
	border-left: 5px solid #fff;
	}

#logo {
	text-align: left;
	background: url(../decor/tagline.png) top left no-repeat;
	width: 947px;
	height: 120px;
	}

		#login2 {
			background: url(../decor/login2.png) top center no-repeat;
			height: 87px;
			width: 291px;
			float: right;
			margin-right: 5px;
			display: none;
			}

		table#login3 {
			color: #fff;
			font-size: 10px;
			text-transform: uppercase;
			margin: 15px 0 0 10px;
			}

		table#login3 td {
			height: 25px;
			}

		table#login3 input {
			width: 120px;
			}

		table#login3 a img {
			border: 0;
			margin-left: 10px
			}

table#login3 #enter input {
	height: 25px;
	width: 69px;
	margin-left: 10px;
	background: url(../decor/enter.png);
	border: 0;
	}

#nav {
	background: url(../decor/nav.png) #fff;
	width: 947px;
	height: 106px;
	}
	
		#home {
			width: 80px;
			height: 83px;
			float: left;
			margin: 5px 0 0 6px;
			}
		
		#highlights {
			width: 80px;
			height: 83px;
			float: left;
			margin: 5px 0 0 12px;
			}
		
		#software {
			width: 80px;
			height: 83px;
			float: left;
			margin: 5px 0 0 12px;
			}
			
		#aboutus {
			width: 80px;
			height: 83px;
			float: left;
			margin: 5px 0 0 12px;
			}
			
		#requestinfo {
			width: 80px;
			height: 83px;
			float: left;
			margin: 5px 0 0 12px;
			}
			
		#contactus {
			width: 80px;
			height: 83px;
			float: left;
			margin: 5px 0 0 12px;
			}
			
		#login {
			width: 80px;
			height: 83px;
			float: left;
			margin: 5px 0 0 12px;
			}
			
#nav a img {border: 0;}

/* image replacement */

			.rollOverImageLink img {
				border: 0px;
				margin: 0;
				}

			.rollOverImageLink .overImage, .rollOverImageLink .hilite {
				display:none;
				}	

			.rollOverImageLink .overImage, .rollOverImageLink .hilite {
				position: absolute;
				border:0px;
				}				
	
#content {
	min-height: 327px;
	text-align: left;
	background: url(../decor/wallpaper.jpg) top center no-repeat;
	}
	
	
	#flash {
		min-height: 327px;
		width: 947px;
		margin: 6px auto 0 auto;
		background: url(../decor/flash-placeholder.jpg) top left no-repeat;
		}

	
	#content h1 {
		color: #366EB5;
		font-size: 20px;
		font-weight: bold;
		margin: 20px 0 10px 10px;
		}
	
	#content h1 span {
		color: #F58727;
		font-size: 20px;
		}
	
	#content h3 {
		font-size: 13px;
		font-weight: bold;
		margin: 0 0 20px 30px;
		}
	
	
	#content h4 {
		font-size: 13px;
		font-weight: bold;
		font-style: oblique;
		margin: 20px 0 20px 30px;
		}

	#content p {
		font-size: 11px;
		margin: 0 30px 10px 30px;
		line-height: 20px;
		}
	
	#content p span {
		color: #F58727;
		}
		
	img.heading {
		margin: 20px 10px 10px 10px;
		clear: both;
		}
	
	#content a {
		color:#366eb5;
		text-decoration: none;
		}
	
	#content a:hover {
		background:#366eb5;
		color:#fff;
		}
		
	#flash a:hover {
		background: transparent;
		}

	#content img {
		border: none;
		}
		
	.col-13 {
		width: 33%;
		float: left;
		}
		
	.col-14 {
		width: 25%;
		float: left;
		}
		
	.col-14 h4 {
		margin-top: -10px;
		}
		
	.col-42 {
		width: 42%;
		float: left;
		}
	
	.col-left {
		width: 450px;
		float: left;
		}
	
	.col-left-wide {
		width: 640px;
		float: left;
		}
	
	.col-right {
		width: 495px;
		float: right;
		}
	
	.col-right img {
		float: right;
		}
	
	.col-right-support {
		width: 32%;
		float: right;
		background: url(../decor/rule-v.png) repeat-y;
		min-height: 250px;
		
		margin-top: -10px;
		}
	
	#content .col-right-support h3 {
		color: #366EB5;
		font-size: 18px;
		font-weight: bold; 
		}
	
	#content .col-right-support p {
		font-size: 14px;
		text-align: center;
		}
	
	#content .col-right-support h5 {
		margin-top: 15px;
		color: #F58727;
		font-style: oblique;
		font-size: 20px;
		margin-left: 120px;
		}
	
	#content .support-mid {
		float: right;
		width: 300px;
		}
	
	.col-right2 {
		width: 520px;
		float: right;
		}
	
	.col-right-narrow {
		width: 300px;
		float: right;
		}
	
	#content .quote {
		margin: -10px 0 0 0;
		}
	
	#content .quote p.cite {
		text-align: right;
		font-style: oblique;
		font-weight: bold;
		margin-top: 0px;
		font-size: 10px;
		line-height: 1.3em;
		}
		
	#content p span.blue {
		color:  #366EB5;
		}
		
	#more {
		float: left;
		width: 600px;
		margin-top: -37px;
		background: url(../decor/additional.png) top left no-repeat;
		padding-top: 20px;
		}
	
	#more p {
		line-height: 1.3em;
		font-size: 12px;
		}
	
	p.question {
		font-weight: bold;
		}
		
	p.answer {
		/*text-indent: 20px;*/
		padding: 0 0 20px 20px;
		}
	



table#info-form {
	border: 0;
	margin: auto;
	font-size: 9px;
	text-transform: uppercase;
	}

table#info-form td {
	width: 260px;
	vertical-align: top;
	}

table#info-form td.field {
	height: 30px;
	background: url(../decor/shadow.png) top left no-repeat;
	}

table#info-form td.shadow-text {
	height: 126px;
	background: url(../decor/shadow-text.png) top left no-repeat;
	}

table#info-form textarea {
	width: 250px;
	height: 120px;
	}

table#info-form input.idle, table#info-form input.activeField  {
	width: 250px;
	height: 22px;
	}

.activeField {
	border: solid 1px #333;
	}

.idle {
	border: solid 1px #999;
	}

table#info-form select {
	text-transform: none;
	width: 250px;
	}



table#info-form input.button {
		width: 100px;
		margin-top: 3px;
		background: url(../decor/grad.png) top left repeat-x;
		}

table#info-form td#space {
	width: 50px;
		}

#bottom {
	height: 124px;
	width: 947px;
	margin-top: 30px;
	padding: 5px 0 5px 0;
	border-top: thin dashed #888888;
	clear: both;
	}
	
	ul.box {
		list-style-type: none;
		}

	.box li {
		width: 303px;
		height: 124px;
		float: left;
		margin-right: 16px;
		text-align: left;
		cursor: pointer;
		border: 1px solid #ccc;
		}
		
		#box1 {
			background: url(../decor/testimonials.jpg) bottom right no-repeat;
			}
		
		#box1:hover {
			background: url(../decor/testimonials2.jpg) bottom right no-repeat;
			}
		
		#box2 {
			background: url(../decor/callsupport.jpg) bottom right no-repeat;
			}
			
		#box2:hover {
			background: url(../decor/callsupport2.jpg) bottom right no-repeat;
			}
			
		#box3 {
			background: url(../decor/faq.jpg) bottom right no-repeat;
			float: right;
			margin-right: 0;
			}
			
		#box3:hover {
			background: url(../decor/faq2.jpg) bottom right no-repeat;
			}
			
		
		.box a {
			color: #333;
			text-decoration: none;
			}
		

			
		.box li p {
			margin: 45px 10px 0 110px;
			font-size: 11px;
			line-height: 1.25em;
			text-transform: uppercase;
			}
		
		#box1-lit {
			background: url(../decor/testimonials2.jpg) bottom right no-repeat;
			}
			
		#box2-lit {
			background: url(../decor/callsupport2.jpg) bottom right no-repeat;
			}
			
		#box3-lit {
			background: url(../decor/faq2.jpg) bottom right no-repeat;
			float: right;
			margin-right: 0;
			}

#CallCenterStatus2 img {
	border: 0;
	}

#indicia {
	margin: 5px 8px;
	}

	#indicia p {
		font-size: 9px;
		color: #999;
		text-align: center;
		font-style: oblique;
		font-weight: bold;
		}

	#indicia a img {
		border: 0;
		}

.idTabs {
	margin-bottom: 20px;
	color: #F58727;
	font-weight: bold;
	}

.idTabs h4 {
	color: #333;
	}

a.selected {
	border-bottom: 1px dotted #F58727;
	}


#preloader {
	display: none;
	}