* { margin:0; padding:0; }
img { border:none; }
body {
	background:#0c3379;
	font-family:Arial, sans-serif;
	font-size:13px;
	color:#333;
	line-height:1.5em;
}
a { color:#4A7DAB; }
a:hover { color:#A30000; }
.clearer{ clear: both; }

.Button { /* Submit */
	background: #32393d url(../images/but_submit.gif) 0 0 repeat-x;
	border: 1px solid #32393d;
	font-weight: bold;
	color: #fff;
	margin: 0 0 5px 0;
	padding: 2px 10px 2px 10px;
	vertical-align: top;
}



h1.light{
	border: solid #fff 1px;
}



/* typography */
h1 {
	float:left;
	font-size:20px;
	line-height:24px;
	padding:0;
}
	h1.light {
		font-size:20px;
		margin-right:4px;
	}
	h1.strong {
		font-size:20px;
		margin-right:4px;
	}
h2 {
	float:left;
	font-size:16px;

	line-height:24px;
	padding:0;
}
	h2.light {
		
	}
	h2.strong {
		font-size:16px;
		margin-right:4px;
	}
h3	{ font-size:14px; font-weight:bold;   }
p	{ text-align:justify; margin-bottom:1.5em; }
	.small { font-size:11px !important; }
	.subtle { font-size:12px; color:#aaa; }
	.single { margin-bottom:0em; }
	.highlight { 
		background:#FCF8BD; 
		border:1px solid #F2EB79;
		padding:5px 10px;
		color:#222;
	}
	.note {
		font-size:11px;
		color:#666;
		font-style:italic;
		line-height:1.4em;
	}
		.note strong {
			color:#333;
		}
		strong {
			color:#111;
		}
		
img.border {
	padding:4px;
	border:1px solid #ddd;
}
	img.borderthin {
		border:1px solid #ddd;
	}
		
.content ul {
	margin-bottom:1em;
}
.content li {
	line-height:1.1em;
	padding-left:5px;
	margin-left:15px;
	margin-bottom:0.2em;
}
ul.roman li {
	list-style:upper-roman;
}
	ul.roman li li {
		list-style:disc;
	}

ul.red {
	list-style:none;
}
	ul.red li {
		padding:0;
		margin:0 0 0.5em 15px;
	}
	ul.red li a {
		text-decoration:none;
		color:#444;
		background:url('../images/bullet_open.gif') no-repeat left 3px;
		padding-left:15px;
		text-indent:-15px;
	}
		ul.red li a.active, ul.red li a:hover {
			color:#A30000;
			background:url('../images/bullet_closed.gif') no-repeat left 3px;
		}
		ul.red li a:visited {
			background:url('../images/bullet_visited.gif') no-repeat left 3px;
		}
			ul.red li a.active:visited {
				background:url('../images/bullet_closed.gif') no-repeat left 3px;
			}
			
		ul.red li a.active  {
			font-weight:bold;
		}
		
.content form {
	width:100%;
	float:left;
}
	.content form label {
		width:24%;
		float:left;
	}
	.content form .input {
		float:left;
		width:100%;
		margin-bottom:10px;
	}
	.content form .text input, .content form .select select {
		float:left;
	}
	.content form .text input {
		width:73%;
	}
	.content form .select select {
		width:75%;
	}

	

/* common classes */
.br {
	width:100%;
	float:left;
	clear:both;
	border-top:1px solid #ddd;
	height:1px;
	overflow:hidden;
	margin:20px 0;
}
.clear {
	clear:both;
}
.clear_l {
	clear:left;
}
.clear_r {
	clear:right;
}

.wrap {
	width:960px;
	margin:auto;
	clear:left;
}
.container {
	float:left;
	width:100%;
	background:#fff url('../images/body_bg_repeat.gif') top repeat-x;
}

.left  { float:left  !important; }
.right { float:right !important; }
.w-200, .w-240, .w-280, .w-320, .w-400, .w-520, .w-640, .w-880 {
	float:left;
}
.w-200 { width:200px; }
.w-240 { width:240px; }
.w-280 { width:280px; }
.w-320 { width:320px; }
.w-400 { width:400px; }
.w-520 { width:520px; }
.w-640 { width:640px; }
.w-880 { width:880px; }

	/* icons */
	.download {
		background:url('../images/download.gif') right bottom no-repeat;
		padding-right:13px;
	}
	.expand {
		background:url('../images/expand.gif') right center no-repeat;
		padding-right:20px;
	}
	.play {
		background:url('../images/play.gif') right 3px no-repeat;
		padding-right:13px;
	}
	.up {
		background:url('../images/up.gif') right center no-repeat;
		padding-right:13px;
	}
	
.newsticker {
	font-family:Georgia;
	font-style:italic;
	font-size:16px;
	background:white;
	color:#999;
	list-style:none;
}
	.newsticker li {
		margin:0;
	}

/* header */
#header {	
	width:100%;
	float:left;
}


	#header .background {
		background:url('../images/body_bg.jpg') top no-repeat;
		float:left;
		width:100%;
		padding-top:2px;
	}
	#header #nav {
		height:101px;
		float:right;
		list-style:none;
		margin-top:-9px;
	}
		#nav li {
			float:left;
		}
			#nav li a {
				background-image:url('../images/nav.png');
				background-repeat:no-repeat;
				height:0px;
				font-size:0px;
				padding-top:101px;
				float:left;
			}
			#nav #nav_home a {
				background-position:0 0;
				width:107px;
			}
				#nav #nav_home.active a, #nav #nav_home a:hover {
					background-position:0 -101px;
				}
			#nav #nav_features a {
				background-position:-107px 0;
				width:101px;
			}
				#nav #nav_features.active a, #nav #nav_features a:hover {
					background-position:-107px -101px;
				}
			#nav #nav_template a {
				background-position:-208px 0;
				width:89px;
			}
				#nav #nav_template.active a, #nav #nav_template a:hover {
					background-position:-208px -101px;
				}
			#nav #nav_services a {
				background-position:-297px 0;
				width:100px;
			}
				#nav #nav_services.active a, #nav #nav_services a:hover {
					background-position:-297px -101px;
				}
			#nav #nav_faq a {
				background-position:-397px 0;
				width:62px;
			}
				#nav #nav_faq.active a, #nav #nav_faq a:hover {
					background-position:-397px -101px;
				}
			#nav #nav_reseller a {
				background-position:-459px 0;
				width:104px;
			}
				#nav #nav_reseller.active a, #nav #nav_reseller a:hover {
					background-position:-459px -101px;
				}
			#nav #nav_signup a {
				background-position:-563px 0;
				width:87px;
			}
				#nav #nav_signup.active a, #nav #nav_signup a:hover {
					background-position:-563px -101px;
				}		
	#top {
		float:left;
		height:51px;
	}
	#top .mylogolayer {
	position:relative;
	width:210px;
	height:115px;
	z-index:1;
	margin:12px 25px 22px 40px;
}
	#login {
		float:right;
		margin-top:9px;
	}
		#login input {
			
		}
			#login .text {
				position:relative;
				float:left;
			}
				#login .text input {
					border:none;
					background:#386AA6;
					width:80px;
					padding:3px;
					margin-right:5px;
					color:#003E66;
					font-size:11px;
				}
				#login .text label {
					color:#003E66;
					position:absolute;
					top:5px;
					left:17px;
					font-size:11px;
					line-height:1em;
					z-index:1;
				}
			#login .submit {
				float:left;
			}
				#login .submit input {
					float:left;
					margin:5px 0 0 3px;
				}
		
		#login #welcome {
			list-style:none;
			float:left;
		}
			#login #welcome li {
				float:left;
				color:#fff;
				padding-left:10px;
				letter-spacing:1px;
				font-size:11px;
				color:#4A7DAB;
			}
				#login #welcome a {
					float:left;
					font-style:normal;
					text-decoration:none;
				}
					#login #welcome a:hover {
						color:#72b7f6;
						text-decoration:underline;
					}
	#trybuy {
		float:right;
		margin:9px 15px 0;
	}	
	#sitelogo {
		float:left;
		clear:left;
		margin:8px 0 -12px;
	}
		
/* main */	
	
#main {
	background:#fff;
	width:880px;
	padding:40px;
	float:left;
}
	#main .content {
		float:left;
		width:640px;
	}
	/* subnav */
	#subnav {
		list-style:none;
		float:left;
		width:240px;
	}
	#subnav li {
		float:left;
		clear:left;
	}	
		#subnav li a {
			display:block;
			background:#eef8fe;
			text-align:center;
			border:solid #B7D9ED;
			border-width:1px 1px 0 1px;
			width:198px;
			padding:12px 0;
			text-decoration:none;
			color:#4A7DAB;
		}
			#subnav li a:hover, #subnav li.active a {
				color:#1A5880;
			}
			#subnav li.active a {
				border:none;
				background:url('../images/subnav_active.png') no-repeat;
				width:200px;
				padding-right:13px;
			}
			#subnav li.last a {
				border-width:1px;
			}
				#subnav li.active.last a {
					border:none;
				}
			#subnav li.promo a {
				border:solid #B7D9ED;
				border-width:1px 0 0 0;
				background:none;
				width:200px;
			}
		
		/* sub sub nav */
		#subnav ul {
			padding:15px 0;
			float:left;
			background:#EEF8FE url('../images/subnav_bg.gif') no-repeat top;
			border:solid #b7d9ed;
			border-width:0 1px;
		}
			#subnav li li {
				list-style:none;
				line-height:1.7em;
			}
				#subnav li li a {
					background:none;
				}
				#subnav li.active li a {
					width:auto;
					background:none;
					padding:0;
					color:#5f92bf;
					font-size:11px;
					width:178px;
					text-align:left;
					padding-left:20px;
				}
					#subnav li.active li a:hover {
						color:#1A5880;
					}
					#subnav li.active li.active a {
						color:#1A5880;
					}
	
/* footer */
#footer {
	float:left;
	clear:left;
	width:100%;
	background:#0c3379 url('../images/footer_bg.jpg') top;
	height:100px;
	padding-top:10px;
}
	#footer p a, #footer p {
		color:#fff;
		text-decoration:none;
	}
		#footer p a:hover {
			text-decoration:underline;
		}
		
/* error styling */
.error {
	
}
	.error.text input, .error.select select {
		background:;
		border:;
	}
.error-message {
	float:left;
	clear:left;
	font-weight:bold;
	color:red;
	font-size:12px;
    margin-left: 25%;
}