/* © xHtml Master 2007 - 2008 */
* {
	margin: 0;
	padding: 0;
}
body
{
	background-position: #CCCCCC;
	background: #CCCCCC;
	color: #000;
	font-family : Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: justify;
	margin-top: 20px;
}
a {
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}

img
{
	padding:0;
	margin:0;
	border:0;
}

.left {
	float:left
}
.right {
	float:right
}
.clear {
	clear:both;
	display:block;
	height:0em;
}
.wrap {
	width:960px;
	margin:0 auto;
	text-align:left;
	background:#fff;
}
.png {
	display:block;
}

/*---------------------------------------  for IE6  --------------------------------------------------*/

.headerIE6
{
	position:relative;	
	left:0;
	width: 100%;
	height: 80px;
	margin: 0;
	padding: 0;
	float: left;
	z-index:2;	
	background-color:#fff; 
}
.menuIE6
{
	width: 650px;
	float:left;		
	height: 80px;
	background: #517BC3;
	padding:0;
	margin:0;
}
/*-----------------------------------------  end  --------------------------------------------------*/

/*-----------------------------------------------------------------------------------------------------
HeaderMainDiv
------------------------------------------------------------------------------------------------------*/


#headBackground
{
	position:static;
	left:0;	
	width: 100%;
	height:80px;
	margin: 0;
	padding: 0;	
	float:left;
	z-index:0;	
	background-color:#fff; 
}

#headBack1
{
	width: 40%;
	height: 35px;
	margin: 0;
	padding: 0;
	float:left;
	background-color:#fff;
}

#headBack2
{
	width: 60%;
	height: 35px;
	margin: 0;
	padding: 0;
	background:#517BC3; 
	float: left;
}

/* Header */
.headerAll
{
	position:absolute;	
	left:0;
	width: 100%;
	height: 80px;
	margin: 0;
	padding: 0;
	float: left;
	z-index:2;	
}

#logo 
{	
	width: 300px;	
	height: 80px;	
	background:transparent url(../Images/Menu/31.gif) no-repeat right top;
	behavior: url(Images/iepngfix.htc);
	text-align:right;
	margin: 0;
	padding:0;
	float:left;	

}

#logo h1
{
	margin: 0;
	padding: 5px 120px 5px 20px; /*font: normal 36px Georgia, "Times New Roman", Times, serif;*/
	font-size: 30px;
	font-weight: lighter;
}

#logo h1 a
{
	color: #223452;	

}


#logo h2 {
	margin: -2px 0 0 0;
	padding: 0 80px 10px 17px;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 10px;
	font-weight: bold;
	color: #444444;
}

#logo a
{
	text-decoration: none;
	color: #8D8D8D;
}

/* Menu url(images/img02.jpg) no-repeat left top*/

.menuAll
{
	width: 660px;
	float:left;		
	height: 75px;
	background: #517BC3;
	padding:0;
	margin:0;
}

.menuAll ul,.menuIE6 ul {
	list-style: none;
	line-height: normal;
	font:bold 14px Arial, Helvetica, sans-serif;
	height:30px;
	padding-right:10px;
	padding-top:5px;

}

.menuAll li,.menuIE6 li {
	display: inline;
	text-align: center;
}

.menuAll a,.menuIE6 a {
	display:block;
	float:left;
	text-decoration:none;
	color:#fff;
	height:25px;
	line-height:26px;
	padding:0 10px;	
}

.menuAll a:hover, .menuAll .active a,.menuIE6 a:hover,.menuIE6 .active a {	
	color:#223452;

}
.menuAll #Topmenu,.menuIE6 #Topmenu
{
	height:35px;
	z-index:1;
}
.menuAll #Bottommenu,.menuIE6 #Bottommenu
{
	height:35px;
	background:#FFFFFF;
	z-index:1;
	text-align:right; 
	padding-top:10px;
}
.menuAll #Bottommenu span, .menuIE6 #Bottommenu span
{
	font-weight: bolder;
	font-size: 14px;
	color: #214263;
}

#ContentPlace
{
	background: #fff;
	padding: 0px;	
	margin:0px;	
	
}

#content
{
	background: #fff;
	padding-top: 10px;
	padding-bottom:30px;
}
	#content .box
{
	background-position: bottom;
	background-color: #F0F6FA;
	margin-bottom: 30px;
	width: 100%;
	float: left;
	/*background-color: #ebf3ff;*/
}
	
	
		#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/Menu/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 .right {
			width:480px;
		}
			

	#content .colA {
		width:415px;
		float:left;
		background:#F0F6FA;
		padding-bottom:5px;
	}
	
		#content .colA h3 {
			font-size:18px;
			font-weight:bold;
			color:#223452;
			margin-bottom:18px;
			padding-bottom:5px;
			border-bottom:solid 10px #87c525;
		}
		#content .colA span
		{
			float: left;
			width: 97%;
			text-align: left;
			height: 22px;
			font-size: 18px;	
			color: #FFFFFF;
			padding: 5px;
			margin-top: 10px;
			font-weight: bold;
			background-color: #79A4BB;
		}
		#content .colA .ckeck_box
		{
			float:left;
			text-align:left;
			width:41%; 
			margin:4px;
			padding-left:20px;
			background:transparent url(../Images/General/checked.gif) no-repeat left top;
			}
		#content .colA  h4 {
			font-size:16px;
			font-weight:bold;
			color:#272727;
			padding-bottom:3px;
		}
		#content .colA p,#content .colB 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 .colB {
		width:415px;
		float:right;
		background:#F0F6FA;
	}
	#content .colB span
{
	float: left;
	width: 98%;
	text-align: left;
	height: 22px;
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
	padding: 5px;
	margin-top: 10px;
	background-color: #B5CDDF;
}
	#content .colB .screens	
	{
		float:left;
			text-align:left; 
			margin:5px;
			width:98%;
	}
	
	#content .colB  h4 {
			font-size:16px;
			font-weight:bold;
			color:#272727;
			padding-bottom:3px;
		}
		
		#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 .clients {
				width:460px;
				background:#F0F6FA;
			}
				#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;		
					}
		

#footer .wrap 
{
	width:960px;
	background:url(../img/bg-footer.gif) no-repeat top right;
	min-height:50px;
	_height:50px;
	text-align:right;
	padding-top:20px;
}
	#footer ul {
		padding-bottom:3px;
	}
		#footer li {
			display:inline;
			color:#fff;
			letter-spacing:0.3em;
		}
			#footer li a,
			#footer p a {
				color:#000;
				text-decoration:none;
				letter-spacing:normal;
			}
			#footer li a:hover,
			#footer p a:hover {
				color:#fff;
			}
	#footer p {
		padding-top:12px;
		color:#000;
		text-align:right;
	}
	

.devider
{
	padding:0;
	margin:0;
	width:100%;
	position:relative;	
	float:left;	
	text-align:center;
	line-height:45px;
	background: url('../images/Menu/bg-content.gif') no-repeat 50% bottom;
	font-size:30px;
	font-weight:bold;
	color:#fff;
}

#ImagesHeading
{
	font-size: 16px;
	float: left;
	width:909px;
	text-align: left;
	padding: 5px;
	margin-top: 5px;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #79A4BB;
	height: 20px;
	text-align:center;
}

/*----------------------------------------------------------------------------------------------
Pricing and Signup
-----------------------------------------------------------------------------------------------*/
#PlanDiv .PlanDiv_heading
{
	width:100%;
	float:left;
	border-bottom: 3px solid #A4007B;
	background:#F0F6FA;
}
#PlanDiv .heading_left
{
	width:600px;
	height:80px;
	float:left;
	padding-top:10px;
}
#PlanDiv .heading_Right
{
	width:250px;
	height:110px;
	float:left;
	background:transparent url(../Images/General/30days.png) no-repeat right top;
	 behavior: url(Images/iepngfix.htc);
}

#PlanDiv .PriceHeading
{
	font-family: 'Century Gothic';
	font-size: 30px;
	font-weight: bold;
	color: #006666;
	text-align:left;
}

#PlanDiv .PlanText
{
	text-align: left;	
	padding-bottom: 10px;
	padding-top:10px;
	font-weight:bold; 
}

#PlanDiv .subHeading
{
	font-size: 14px;
	float: left;
	width: 840px;
	text-align: left;
	padding: 5px;
	margin-top: 5px;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #79A4BB;
}
#PlanDiv
{
	text-align:center;
	width:850px;
	margin:50px;
	background:#F0F6FA; 
}

#priceParent
{
	width: 851px; padding-top:2px;padding-left:2px; height:331px;margin-top: 10px; background-color:#999999;	
}
#priceMain, #paymentOptions
{
	width: 848px;
	float: left; /*border: 1px solid #336600;*/
	text-align: center;
	padding-bottom: 10px;
	padding-top: 5px;
	margin-top: 10px;
	background-color: #DEEBF3;
}

#priceMain #headerDiv
{
	height:50px; width:100%; float:left;
}

#priceMain .displayMain
{
	width:238px; float:left;
	text-align:right;
}

#priceMain .displayHead
{
	width:227px; float:left;
	font-size:13px;
	padding-right:8px;	
	height:30px;
}

#priceMain .displayName1
{
	width: 227px;
	float: left;
	font-size: 13px;
	padding: 2px;
	padding-right: 8px;
	height: 25px;
	color: #1C3E55;
	font-weight: bold;
	background-color: #BCD2E2;
	padding-top:7px; 
}

#priceMain .displayName
{
	width: 227px;
	float: left;
	font-size: 13px;
	padding: 2px;
	padding-right: 8px;
	height: 25px;
	color: #1C3E55;
	font-weight: bold;
	padding-top:7px;
	background-color: #D8E8F1;
}

#priceMain .dataParent
{
	width: 122px;
	float: left;
	
}

#priceMain .dataHead
{
	width: 121px;
	float: left;
	font-size: 16px;
	font-weight: bold;
	height: 20px;
	padding-top: 8px;
	padding-bottom: 2px;
	color: #FFFFFF;
	background-color: #588EB6;
}
#priceMain .dataBottom
{
	width: 120px;
	float: left;
	font-size: 16px;
	font-weight: bold;
	height: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #494930;
	text-align:center;
}

#priceMain .dataField1
{
	width: 117px;
	float: left;
	font-size: 15px;
	padding: 2px;
	height: 25px;
	color: #404040;
	background-color: #C7D9E2;
	padding-top: 7px;
	font-weight: bold;
}
#priceMain .dataField
{
	width: 117px;
	float: left;
	font-size: 15px;
	padding: 2px;
	height: 25px;
	color: #404040;
	padding-top: 7px;
	font-weight: bold;
	background-color: #D8E8F1;
}
#priceMain .dataField0
{
	width: 117px;
	float: left;
	font-size: 15px;
	padding: 2px;
	height: 21px;
	color: #404040;
	padding-top: 4px;
	padding-bottom:5px;
	font-weight: bold;
}
/*--------------------------------------------------------------------------------------
Buttons
---------------------------------------------------------------------------------------*/
.Buttons1
{
	width:75px;
	text-align:center;
	display: block;
	height: 25px;
	margin: 0px;	
	padding-top:4px;
	text-decoration: none;
	font-size:small;
	font-weight: bold;
	color: #fff;
	background: url(../Images/General/but1.png) no-repeat center top;
	
}

.Buttons2
{
	width:75px;
	text-align:center;
	display: block;
	height: 25px;
	margin: 0px;	
	padding-top:4px;
	text-decoration: none;
	font-size:small;
	font-weight: bold;
	color: #fff;
	background: url(../Images/General/but2.png) no-repeat center top;
	
}
.Buttons3
{
	width:75px;
	text-align:center;
	display: block;
	height: 20px;
	margin: 0px;	
	padding-top:4px;
	text-decoration: none;
	font-size:small;
	font-weight: bold;
	color: #fff;
	background: url(../Images/General/redButton.png) no-repeat center top;
	
}
.Buttons1:hover, .Buttons2:hover
{
	text-decoration:none;
	color: #fff;
	background: url(../Images/General/but3.png) no-repeat center top;
}
.Buttons3:hover
{
	text-decoration:none;
	color: #fff;
}

/*-----------------------------------------------------------------------------------------------------
Home Content
------------------------------------------------------------------------------------------------------*/

.homeContent
{
	margin:40px; 
	width:880px;
}

.contentText
{
	margin-top:2px; 
	padding-left:100px; 
	font-family:"trebuchet ms",Verdana,Helvetica,sans-serif;
	font-size:13px;
	background:#F0F6FA;
}


.contentHeading
{
	font-family:"trebuchet ms",Verdana,Helvetica,sans-serif;
	font-size: 25px;
	font-weight: bold;
	color: #006666;
	text-align: left;
	width: 880px;
	border-bottom: 2px solid #A4007B;
}

.contentSubHeading
{
	color: #FFFFFF;
	float:left;
	width :775px;
	padding:2px; 
	font-family:"trebuchet ms",Verdana,Helvetica,sans-serif;
	background: #79A4BB url(../Images/General/arrow.png) no-repeat left center;
	 behavior: url(Images/iepngfix.htc);
}
.contentSubHeading h3
{
	padding-left:20px; 
}
/*--------------------------------------------------------------------------------------
Case Studies
--------------------------------------------------------------------------------------*/
#caseStudies
{
	padding:10px;
	float:left;
	width:360px;
	background:#F0F6FA;
}

#caseStudies .subHeading
{
	font-size: 16px;
	float: left;
	width:350px;
	text-align: left;
	padding: 5px;
	padding-left:10px;
	margin-top: 5px;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #79A4BB;
	height: 20px;
}
#caseStudies span
{
	float:left;
	padding:3px;	
	padding-top:5px;
	width:330px;
	background: url(../Images/General/arrow.png) no-repeat left center;
	behavior: url(Images/iepngfix.htc);
	
	
}
#caseStudies span a
{
	padding-left:25px; 
	color:#666666;
}
/*--------------------------------------------------------------------------------------------------------
Video demo
---------------------------------------------------------------------------------------------------------*/
#demoDiv{
	width:500px;
	padding:10px;
	float:right;
	background:#F0F6FA;
}

#demoDiv .subHeading
{
	font-size: 16px;
	float: left;
	width:490px;
	text-align: left;	
	padding: 5px;
	padding-left:10px;
	margin-top: 5px;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #79A4BB;
	height: 20px;
}

/*-------------------------------------------------------------------------------------------------------
Site Caption at Top right
--------------------------------------------------------------------------------------------------------*/
#SiteCaption
{
	margin-top: 10px;
	width: 400px;
	float: right;
	text-align: center; /*background: #DBE9F2; 
background: transparent url('../Images/General/Caption.png') left top;*/
	color: #993333;
	font-size: 16px;
	font-weight: bolder;
}

/*-----------------------------------------------------------------------------------------------------
Foot note in Pricing plan
-----------------------------------------------------------------------------------------------------*/
.footnote
{
	float: left;
	text-align: left;
	width: 740px;
	padding-left: 110px;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #808080;
	border-top: solid #808080 1px;
	border-top-color: #E1E1E1;
}

/*-------------------------------------------------------------------------------------------------------
Free Trial
-------------------------------------------------------------------------------------------------------*/
.freeTrial
{
	width: 848px;
	float: left; /*border: 1px solid #336600;*/
	text-align: center;
	padding-bottom: 10px;
	padding-top: 5px;
	margin-top: 10px;
}

.freeTrial #BackImg
{
	padding: 90px 0px 0px 0px;
	margin:0px; 
	width:450px;
	height:60px;
	background:transparent url(../Images/General/freetrialBack1.png) no-repeat left bottom;
	behavior: url(Images/iepngfix.htc);
	float:left;
}
#xyz
{
	width:180px;
	padding-left:250px;
	float:left;
	height:60px;
	margin:0px; 
}
.freeTrial #FreePhone
{
	width: 330px;
	float: left;
	height: 80px;
	padding-top: 70px;
	color: #588EB6;
	font-size: 14px;
}
.GreenButtons
{
	width:75px;
	text-align:center;
	display: block;
	height: 25px;
	margin: 0px;	
	padding-top:4px;
	text-decoration: none;
	font-size:small;
	font-weight: bold;
	color: #fff;
	background:transparent url(../Images/General/but3.png) no-repeat center top;
}

.GreenButtons:hover
{
	text-decoration: none;
	color: #E8F0F7;
}