/* colors:
  blue:  #69f #75a8ff
  green: #8dc23a
  grey:  #333, #777 and #f5f5f5
*/

body {
	background:#fff;
	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:980px;
	margin:0 auto;
	text-align:left;
}

.menu_title {
	float: left;
}

.current_widget_name_wrapper {
	float: right;
	padding-top: 7px;
}

.current_widget_name {
	line-height: 20px;
	
	text-align: right;
	font: bold 12px Arial, Helvetica, sans-serif;
	color: white;	
	display: inline;
}

.current_widget_status {
	height: 20px;
	
	display: inline;
	vertical-align: middle
}

.png {
	display:block;
}

#header {
	position:relative;
	margin:0 auto;
	text-align:left;
	width:980px;
	height:105px;
}
	#header h2 {
		font-size:0em;
		line-height:0em;
		text-indent:-1000000px;
		padding-top:20px;
		padding-bottom:0px;
		float:left;
	}
		#header h2 img {
			display:block;
		}
		


	#header .tryitnow {
		position:absolute;
		right:0px;
		top:0px;
	}

	#header .tab {
		float:right;
		background:url(/img/site/tab-l2.png) no-repeat;
		background-position:0px 50px; 
		padding-top:50px;
		height:36px;
		padding-left:10px;
	}
		#header .tab ul {
			background:url(/img/site/tab-r2.png) no-repeat right #f5f5f5;
			font:bold 20px Arial, Helvetica, sans-serif;
			height:36px;
			padding-right:10px;
		}
			#header .tab ul li {
				display:block;
				float:left;
			}
				#header .tab ul li a {
					display:block;
					float:left;
					text-decoration:none;
					color:#777;
					height:36px;
					line-height:26px;
					padding:3px 10px;					
				}
				#header .tab ul li a:hover {
					color:#8dc23a;
				}
				#header .tab ul li a.active {
					color:#75a8ff;
				}
				
	#header .tab2 {
		float:right; 
		padding-top:50px;
		height:36px;
		padding-left:10px;
	}
		#header .tab2 ul {
			font:20px Arial, Helvetica, sans-serif;
			height:36px;
		}
			#header .tab2 ul li {
				display:block;
				float:left;
			}
				#header .tab2 ul li a {
					display:block;
					float:left;
					text-decoration:none;
					color:#777;
					height:36px;
					line-height:26px;
					padding:3px 0px;					
				}
				#header .tab2 ul li a:hover {
					color:#8dc23a;
				}
				#header .tab2 ul li a.active {
					color:#75a8ff;
				}

#banner {
	background:url(/img/site/banner_side.jpg) repeat #69f;
	height:346px;
	margin:0;
	padding:0;
}
	#banner .wrapper {
		background:url(/img/site/banner_bg.jpg) no-repeat 50% 0px;
		height:346px;
	}
	
		#banner .wrapper .wrap {
			height:346px;
			position:relative;
		}

			#banner .wrapper .wrap h1 {
				color:white;
				font-size:56px;
				font-weight:bold;
				padding:30px 0px 0px 0px;
				text-transform:uppercase;
				text-align:right;
			}
			
			#banner .wrapper .wrap h3 {
				color:white;
				font:bold 28px Arial, Helvetica, sans-serif;
				padding:10px 0px 0px 0px;
				text-align:right;
			}

			
			
			#banner .wrapper .wrap .controls {
				position:absolute;
				display:block;
				top:15px;
				left:0px;
			}
			
			#banner .wrapper .wrap .controls a {
				background:url(/img/site/selector.gif) no-repeat 0px -28px;
				display:block;
				float:left;
				width:14px;
				height:14px;
				z-index:10;
				text-indent:-9999px;
				margin:4px;
			}
			
			#banner .wrapper .wrap .controls a:hover,
			#banner .wrapper .wrap .controls a:active {
				background-position:0px -14px;
			}
			
			#banner .wrapper .wrap .controls .selected {
				background-position:0px 0px;
			}

#banner_short {
	background:url(/img/site/banner_side.jpg) repeat #69f;
	height:60px;
	margin:0;
	padding:0;
}
	#banner_short .wrapper {
		background:url(/img/site/banner_bg.jpg) no-repeat 50% 0px;
		height:60px;
	}
	
		#banner_short .wrapper .wrap {
			height:60px;
			position:relative;
		}

			#banner_short .wrapper .wrap h1 {
				color:white;
				font-size:34px;
				font-weight:bold;
				padding:10px 0px 0px 0px;
				text-transform:uppercase;
				text-align:left;
			}
			
			#banner_short .wrapper .wrap .free_trial {
				position:absolute;
				right:0px;
				top:10px;
			}
			
			#banner_short .wrapper .wrap .logo {
				position: absolute;
				left:0px;
				top:8px;
			}

			img.logo_img {
			    max-height: 52px;
			}
			
			#banner_short .menu {
				float:right;
				padding-top:34px;
				height:20px;
				padding-left:10px;
			}
				#banner_short .menu ul {
					font:bold 12px Arial, Helvetica, sans-serif;
					height:13px;
					padding-right:0px;
				}
					#banner_short .menu ul.level1 li {
						display:block;
						float:left;
						background: transparent url(/img/site/menu_separator.png) no-repeat scroll 0px -78px;
					}
					
					#banner_short .menu ul li.active {
						background: #f5f5f5;
					}
					
					
						#banner_short .wrapper .wrap .menu ul.level1 li a,#banner_short .wrapper .wrap .menu ul.level1 li a.visited {
							display:block;
							float:left;
							text-decoration:none;
							color:#f5f5f5;
							height:20px;
							line-height:20px;
							padding:3px 10px;					
						}
						
						#banner_short .wrapper .wrap .menu ul.level1 li a:hover {
							color:#ffffff;
							background: #69f;
						}
						#banner_short .wrapper .wrap .menu ul.level1 li.active a:hover {
							background: #f5f5f5;
							color:#8dc23a;
						}
						
						#banner_short .wrapper .wrap .menu ul.level1 li.active a {
							color:#777;
						}
						
			
			
#banner_title {
	background: silver;
	height:31px;
	margin:0;
	padding:0;
}

	#banner_title .wrapper {
		background: silver;
		height:20px;
	}
			
			#banner_title .wrapper .wrap {
			height:20px;
			position:relative;
		}
			
			#banner_title .wrapper .wrap h1 {
				color:#75A8FF;
				font-size:20px;
				font-weight:bold;
				padding:1px 0px 0px 4px;
				text-transform:uppercase;
				text-align:left;
			}
			
			#banner_title .menu {
				float:left;
				padding-top:5px;
				height:20px;
				padding-left:10px;
			}
				#banner_title .menu ul {
					font:bold 12px Arial, Helvetica, sans-serif;
					height:13px;
					padding-right:0px;
				}
					#banner_title .menu ul.level1 li {
						display:block;
						float:left;
						background: transparent url(/img/site/menu_separator.png) no-repeat scroll 0px -78px;
					}
					
					#banner_title .menu ul li.active {
						background: #F5F5F5;
					}
					
						#banner_title .wrapper .wrap .menu ul.level1 li a,#banner_title .wrapper .wrap .menu ul.level1 li a.visited {
							display:block;
							float:left;
							text-decoration:none;
							color:white;
							height:20px;
							line-height:20px;
							padding:3px 10px;
						}

						#banner_title .wrapper .wrap .menu ul.level1 li span {
							display:block;
							float:left;
							text-decoration:none;
							color:#777;
							height:20px;
							line-height:20px;
							padding:3px 10px;
						}

						#banner_title .wrapper .wrap .menu ul.level1 li a:hover {
							color:#ffffff;
							background: #69f;
						}
						#banner_title .wrapper .wrap .menu ul.level1 li.active a:hover {
							background: white;
							color:#8dc23a;
						}
						
						#banner_title .wrapper .wrap .menu ul.level1 li.active a {
							color:#777;
						}
			

#content {
	background:#fff;
	padding-bottom:10px;
}

	#content .top {
		background:url(/img/site/signup_bg.png) no-repeat;
		margin-top:0px;
		margin-bottom:0px;
		width:980px;
		height:440px;
	}
	
		#content .top .left, #content .bottom .left {
			width:470px;
			padding-left:0px;
		}
		
		#content .top .left {
			padding-top:20px;
		}
		
		#content .top .quotation {
			height: 105px;
			vertical-align: top;
			padding-left:14px;
		}
		
		#content .top .quotation #testimonial, #content .top .quotation #testimonial2 {
			font-size: 18px;
			font-family: Georgia, "Times New Roman", Times, serif;
			color: #333;
			text-align: justify;
			font-style: italic;
		}
		
		#content .top .quotation #signature, #content .top .quotation #signature2 {
			text-align: right;
			line-height: 24px;
			font-size: 16px;
			color: #333;
		}
		
		#content .top .quotation #more {
			margin-top: 9px;
			text-align: right;
		}
		#content .top .quotation #ititle {
			margin-top: 15px;
			text-align: left;
			font-size: 14px;
			color: #777;
		}
		
		#content .top .quotation #signature a,
		#content .top .quotation #signature a:active,
		#content .top .quotation #signature2 a,
		#content .top .quotation #signature2 a:active{
			color: #333;
		}
		
		#content .top .quotation #more a,
		#content .top .quotation #more a:active{
			font-size: 14px;
			color: #777;
		}
		
		#content .top .quotation a:hover{
			text-decoration: underline;
		}

		#content .top .label {
			font:bold 16px Arial,Helvetica,sans-serif;
			padding-right:10px;
			text-align:right;
			color:#777;
		}
		
		#content .top .terms {
			font:bold 12px Arial,Helvetica,sans-serif;
			padding-right:10px;
			text-align:left;
			color:#777;
		}

		#content .top .terms a, #content .top .terms a:visited {
			color:#777;
			text-decoration:underline
		}
		
		#content .top .terms a:hover,
		#content .top .terms a:active {
			color:#333;
		}
		
		#content .bottom 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 .bottom div.input input {
				width:100%;
				border:0;
				background:none;
				font-size:16px;
				color:#333;
			}

			#content .bottom input#signup {
				background:url(/img/site/sign_up_trial.png) no-repeat 0px 0px;
				width:133px;
				height:45px;
				margin-top:5px;
				border:0;
				cursor:pointer;
				text-indent:-99999px;
				font-size:0;
				display:block;
				line-height:0;
			}

			#content .bottom input#signup:hover,
			#content .bottom input#signup:active {
				background:url(/img/site/sign_up_trial.png) no-repeat 0px -45px;
			}

		#content .top .right, #content .bottom .right {
			width:470px;
			padding-left:20px;
		}
		
		#content .top .right {
			padding-top:22px;
		}
		
			#content .top .right .video {
				display:block;
				text-align:right;				
			}

		#content .form {
			padding-left:10px;
			padding-right:10px;
			padding-top:30px;
			font-size:16px;
			color:#333;
		}

			#content .form .msg {
					color:red;
					font-weight:bold;
			}
		
			#content .form 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;
				font-size: 16px;
				
			}

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


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

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

			#content .form img.png {
				display:block;
				float:left;
				padding-right:20px;
				padding-top:10px;
			}
				
			#content .form .text {}
				
				#content .form .text h3 {
					color:#272727;
					font-size:18px;
					font-weight:bold;
					padding-bottom:5px;
				}
				#content .form .text p {
					color:#666666;
					line-height:150%;
				}
				#content .form .text p em {
					font-weight:bold;
				}

	#content .client {
		position:relative;
		height:56px;
		overflow:hidden;
	}
	
	#content .client img{
		margin-right: 40px;
	}

	#content .title, #content .text {
		font: 12px Arial,Helvetica,sans-serif;
		padding-right:10px;
		text-align:left;
		color:#777;
	}
	
	#content .title {
		font-weight:bold;
	}

	#content .rboxtop {
		background:url(/img/box-st.png) no-repeat top #f5f5f5;
		margin-top:10px;
		width:180px;
	}
	#content .rbox {
		background:url(/img/box-sb.png) no-repeat bottom #f5f5f5;
		margin-top:0px;
		width:180px;
	}

		#content .rbox h3 {
			color:#75a8ff;
			font-size:12px;
			font-weight:bold;
			padding-bottom:2px;
			margin:0px 10px 0px 10px;
		}
		#content .rbox hr {
			border:0;
			color:#75a8ff;
			background-color:#75a8ff;
			height:1px;
			width:90%;
			text-align:right;
		}
		#content .rbox h4 {
			color:#333;
			font:12px Arial, Helvetica, sans-serif;
			line-height:150%;
			margin:0px 10px 10px 10px;
		}

		#content .rbox a:hover, .rbox a:visited {
			text-decoration:underline;
		}
		
		#content .rbox a {
			color:#8dc23a;
			font-weight: bold;
			text-decoration:none;
		}


.bottom {
	margin-top:10px;
	margin-bottom:30px;
	clear: both;
	height: 400px;
}

.thirdparty {
	text-align: center;
	position:relative;
	height:45px;
	overflow:hidden;
	margin-top:3px;
	white-space:nowrap;
}

.hometitle {
color: #3671A1;
font-family: Helvetica, sans-serif;
font-size: 14px;
line-height: 1.2em;
margin: 0px 0px 2px;
padding: 0px;
text-transform: uppercase;
}
 	
.thirdparty img {
	border-left:17px solid #f7f7f7;
}

#footer {
	background:url(/img/site/banner_side.jpg) repeat #69f;
	height:200px;
}

	#footer .wrapper {
		background:url(/img/site/banner_bg.jpg) no-repeat 50% 0px;
		height:200px;
		text-align: center;
	}
	
	#footer .wrapper .wrap {
		padding-top:30px;
		text-align:center;
	}

	#footer ul {
		float:left;
		width:240px;
		text-align:left;
		font-size:12px;
		font-weight:bold;
	}

		#footer li {
			display:list-item;
			color:#fff;
			height:20px;
			
		}
			#footer li h4 {
				color:#fff;
				font-size:15px;
				font-weight:bold;
				
			}
			
			#footer li a,
			#footer p a {
				color:#fff;
				text-decoration:none;
			}
			#footer li a:hover,
			#footer p a:hover {
				color:#777;
			}
			
			#footer li a img,
			#footer li a:hover img {
				border:none;
				margin:0;
				padding:0;
				vertical-align:top;
			}
			
			
	#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);
}

.divider {
	border-top: 1px solid #CCC;
	margin: 25px 0px;
}

.tweets {
	margin-top: 15px;
}

.tweets li, .integrtext {
	color: #555;
	font-size: 14px;
	margin-bottom: 25px;
}

.tweets li a {
	color: #555;
	cursor: auto;
	text-decoration: underline;
}