/* © xHtml Master 2007 - 2008 */
body {
	background:url(../img/bg-top.gif) repeat-x top #858585;
	color:#000;
	font:12px Arial, Helvetica, sans-serif;
}
a {
	text-decoration:none
}
a:hover {
	text-decoration:underline
}
.left {
	float:left
}
.right {
	float:right
}
.clear {
	clear:both;
	display:block;
	height:0em;
}
.wrap {
	width:960px;
	margin:0 auto;
	text-align:left;
}
.png {
	display:block;
}

#header {
	margin:0 auto;
	text-align:left;
	width:960px;
	height:153px;
}
	#header h1 {
		font-size:0em;
		line-height:0em;
		text-indent:-1000000px;
		padding-top:20px;
		padding-bottom:23px;
		float:left;
	}
		#header h1 img {
			display:block;
		}
		
	#header h2 {
		background:url(../img/bg-content.gif) no-repeat;
		height:47px;
		line-height:45px;
		text-align:center;
		font-size:30px;
		font-weight:bold;
		color:#fff;	
	}
	
	#header .tab {
		float:right;
		background:url(../img/tab-l2.gif) no-repeat left;
		padding-left:10px;
		
	}
		#header .tab ul {
			background:url(../img/tab-r2.gif) no-repeat right #517bc3;
			font:bold 14px Arial, Helvetica, sans-serif;
			height:31px;
			padding-right:10px;
			padding-top:5px;
		}
			#header .tab ul li {
				display:block;
				float:left;
			}
				#header .tab ul li a {
					display:block;
					float:left;
					text-decoration:none;
					color:#fff;
					height:31px;
					line-height:26px;
					padding:0 10px;					
				}
				#header .tab ul li a:hover,
				#header .tab ul li a.active {
					color:#223452;
				}

#content {
	background:#fff;
	padding-bottom:50px;
}
	#content .box {
		background:url(../img/box-b.png) no-repeat bottom #ebf3ff;
		margin-bottom:30px;
	}
	
	
		#content .box .wide {
			padding-top:15px;
			padding-bottom:15px;
			padding-left:30px;
			padding-right:30px;
			width:900px;
		}
		
			#content .box .wide .msg {
				color:red;
				font-weight:bold;
			}
		
		#content .box div.input {
				display:block;
				background:url(../img/bg-input-register2.gif) no-repeat;
				width:300px;
				height:26px;
				padding-left:10px;
				padding-right:10px;
				padding-top:3px; 
				padding-bottom:5px; 
				float:left;
			}

				#content .box div.input input {
					width:100%;
					border:0;
					background:none;
					font-size:16px;
					color:#333;
				}
		
		#content .box .left {
			width:480px;
		}
			#content .box .inactive,
			#content .box .active {
				padding-left:30px;
				padding-right:30px;
				height:95px;
				padding-top:40px;
				cursor:pointer;
			}
			#content .box .inactive {
				background:#e8e8e8;
				border-right:solid 1px #ccc;
			}
			#content .box .inactive.bottom {
				background:url(../img/box-b.png) no-repeat left bottom #e8e8e8;
				
				
			}
				#content .box img.png {
					display:block;
					float:left;
					padding-right:20px;
					padding-top:10px;
				}
				#content .box .text {}
					#content .box .text h3 {
						color:#272727;
						font-size:18px;
						font-weight:bold;
						padding-bottom:5px;
					}
					#content .box .text p {
						color:#666666;
						line-height:150%;
					}
						#content .box .text p em {
							font-weight:bold;
						}
		
		#content .box .right {
			padding-top:20px;
			width:480px;
		}
			#content .box .right a img.img {
				display:block;
				margin:0 auto;
				padding-bottom:8px;
			}
			#content .box .right div {
				text-align:center;
				font-size:14px;
				padding-left:36px;
				color:#333;
			}
				#content .box .right div p {
					line-height:46px;
					float:left;				
				}
				#content .box .right div a {
					font-weight:bold;
					color:#7ab222;
					text-decoration:underline;
				}
				#content .box .right div a:hover {
					text-decoration:none;
					color:#333;
				}
				#content .box .right div a img {
					display:block;
					float:left;
					padding-left:5px;
				}

	#content .colA {
		width:460px;
		float:left;
	}
		#content .colA h3 {
			font-size:18px;
			font-weight:bold;
			color:#223452;
			margin-bottom:18px;
			padding-bottom:5px;
			border-bottom:solid 10px #87c525;
		}
		#content .colA  h4 {
			font-size:16px;
			font-weight:bold;
			color:#272727;
			padding-bottom:3px;
		}
		#content .colA p {
			line-height:140%;
			color:#666666;
		}
		#content .colA  .text {
			width:160px;
			float:right;
		}
		#content .colA img.img {
			display:block;
			float:left;
		}
		#content .colA div.left, 
		#content .colA div.right {
			width:210px;
			padding-bottom:30px;
		}

		#content .colA div.input {
				display:block;
				background:url(../img/bg-input-register2.gif) no-repeat;
				width:300px;
				height:26px;
				padding-left:10px;
				padding-right:10px;
				padding-top:3px; 
				padding-bottom:5px; 
				float:left;
			}

				#content .colA div.input input {
					width:100%;
					border:0;
					background:none;
					font-size:16px;
					color:#333;
				}

	#content .colB {
		width:460px;
		float:right;
	}
	
	#content .colB  h4 {
			font-size:16px;
			font-weight:bold;
			color:#272727;
			padding-bottom:3px;
		}
		#content .colB p {
			line-height:140%;
			color:#666666;
		}
		#content .colB  .text {
			width:160px;
			float:right;
		}
		#content .colB img.img {
			display:block;
			float:left;
		}
		#content .colB div.left, 
		#content .colB div.right {
			width:210px;
			padding-bottom:30px;
		}
	
		#content .colB h3 {
			font-size:18px;
			font-weight:bold;
			color:#223452;
			margin-bottom:18px;
			padding-bottom:5px;
			border-bottom:solid 10px #8d8d8d;
		}
			#content .colB .screens {
				width:460px;
			}
				#content .colB .screens a {
					display:block;
					float:left;
					padding-left:20px;
					padding-bottom:25px;
				}
				#content .colB .screens a.first {
					padding-left:0;
				}
					#content .colB .screens a img {
						display:block;
						border:solid 1px #707070;				
					}
			
			#content .colB .clients {
				width:460px;
			}
				#content .colB .clients a {
					display:block;
					float:left;
					padding-left:20px;
					padding-bottom:20px;
				}
				#content .colB .clients a.first {
					padding-left:0;
				}
					#content .colB .clients a img {
						display:block;		
					}

		#content .colB div.input {
				display:block;
				background:url(../img/bg-input-register2.gif) no-repeat;
				width:300px;
				height:26px;
				padding-left:10px;
				padding-right:10px;
				padding-top:3px; 
				padding-bottom:5px; 
				float:left;
			}

				#content .colB div.input input {
					width:100%;
					border:0;
					background:none;
					font-size:16px;
					color:#333;
				}


#footer .wrap {
	background:url(../img/bg-footer.gif) no-repeat top right;
	min-height:130px;
	_height:130px;
	text-align:center;
	padding-top:30px;
}
	#footer ul {
		padding-bottom:3px;
	}
		#footer li {
			display:inline;
			color:#fff;
			letter-spacing:0.3em;
		}
			#footer li a,
			#footer p a {
				color:#fff;
				text-decoration:none;
				letter-spacing:normal;
			}
			#footer li a:hover,
			#footer p a:hover {
				color:#000;
			}
	#footer p {
		padding-top:12px;
		color:#fff;
		text-align:center;
	}
	
.button-large-green2 {
	float: left;
	font-size: 16px;
	color: #ffffff;
	padding: 0 0 0 10px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	cursor: pointer;
	cursor: hand;
	white-space: nowrap;
	width: 300px;
}

.button-large-green2 span {
	text-align: center;
	padding: 0 10px 0 5px;
	line-height: 53px;
	display: block;
	background-repeat: no-repeat;
	background-position: right 0px;
	white-space: nowrap;
}

.button-large-green2 {
	background-image: url(../img/button_lg_grn_lt.png);
}

.button-large-green2 span {
	background-image: url(../img/button_lg_grn_rt.png);
}