﻿
.ClearBoth
{
	clear: both;
	margin: 0px;
	padding: 0px;
}

body {

	text-align: center;
	line-height: 21px;
}

.Main
{
	background-color: White;
	padding: 25px 50px 0px 50px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	width: 790px;
	
}				

.Main .Header
{
	margin: 0px 0px 20px 0px;
	width: 100%;
}

.Main h6
{
	text-align: center;
	color: #666;
	font-family: Verdana, Helvetica, Arial, Sans-Serif;
	font-size: .8em;
	margin: 10px 0px 10px 0px;
	padding: 0px;
}

.Header a:link img,
.Header a:visited img,
.Header a:hover img,
.Header a:active img
{	
	text-decoration: none;
	border: 0 none;
}

.Header .Left
{
	float: left;
}

.Header .Right
{
	float: left;
}

.Right .Banner
{
	background: #fff url(img/Banner.png) no-repeat scroll left top;
	height: 40px;
	margin: 25px 0px 0px 2px;
}

.Right .Banner ul
{
	background: transparent url(img/BannerRightCap.png) no-repeat scroll right top;
	padding: 0px;
	margin: 0px;
}

.Main .Content
{
	width: 100%; 	
}

.visit
{
	background-color: #FFFFFF;
	border: 2px solid #7ACAFF;
	margin: 30px 0 0;
	padding: 8px 8px;
	text-align: center;
}

.visit a,
.visit a:link,
.visit a:visited,
.visit a:hover,
.visit a:active	
{
	color: #F7A64F;
	cursor: pointer;
	font-weight: bold;
	text-decoration: none;
}

.visit a:hover
{
	color: #F7A64F;
	cursor: pointer;
	font-weight: bold;
	text-decoration: underline;
}

.HeaderList li
{
	display: inline;
	font-family: Arial, Sans-Serif;
	font-size: 1em;
	font-weight: bold;
}

body a
{
	text-decoration: none;
	color: white;	
}

body a:hover
{
	text-decoration: none;
	color: Gray;
	cursor: pointer;
}

.HeaderList a
{
	line-height: 40px;
	padding: 8px;
	
}
.LeftPaneList a
{
	background: transparent url(img/BluePanel.png) no-repeat;	
	padding: 10px;
}

.LeftPaneList li
{
	list-style-type: none;
	margin: 0px 0px 20px 0px;
}

.Benefits
{
	padding: 0px 20px 0px 20px;
}

.Benefits h2
{
	color: #0055d3;
	font-family: Arial, Sans-Serif;
	font-size: 1.2em;
	margin: 15px 0px 4px 0px;
}

.Benefits .TextBlock
{
	margin: 0px 0px 0px 10px;
}							 

.Benefits .Text
{
	font-family:  Verdana, Arial, Sans-Serif;
	color: #000;
	font-size: .90em;
	line-height: 125%;
}

.Demo .Text
{
	padding: 0px 0px 25px 0px;
}

.Demo .LeftSide,
.Demo .RightSide,
.Activate .LeftSide,
.Activate .RightSide,
.Contact .LeftSide,
.Contact .RightSide
{
	float: left;
}

.Demo .LeftSide,
.Activate .LeftSide,
.Contact .LeftSide
{
	width: 140px;
}

.Contact .TextRow,
.Activate .TextRow,
.Demo .TextRow
{
	margin: 5px 0px 20px 0px;
	clear: both;
	width: 100%;
}

.Contact .TextRow input[type=text],
.Activate .TextRow input[type=text],
.Demo .TextRow input[type=text],
.Demo .TextRow input[type=password]
{
	width: 300px;
}

.TextRow .LeftSide
{
	margin: 3px 0px 0px 0px;
}

.ContentColor
{
	background-color: #f9f9f9;
}

.Home,
.Features,
.Benefits,
.Demo,
.Activate,
.Contact
{
	border: solid 1px gray;
	font-family: Verdana, Helvetica, Arial, Sans-Serif;
	font-size: .9em;
	padding: 40px 40px 40px 40px;
}

.Home h1,
.Benefits h1,
.Features h1,
.Demo h1,
.Activate h1,
.Contact h1
{
	color: #444;
	font-family: Verdana, Helvetica, Arial, Sans-Serif;
	font-size: 1.5em;
	margin: 0px 0px 25px 0px;
	padding: 0px;
}

.Demo h2
{
	color: #444;
	font-family: Verdana, Helvetica, Arial, Sans-Serif;
	font-size: 1.3em;
	margin: 0px 0px 25px 0px;
	padding: 0px;
}

.Home h1
{
	margin: 0px 0px 5px 0px;
}

.Home .Subtitle
{
	font-size: .85em;
	padding: 0px 0px 0px 25px;
	color: #888;	
}

.Home .Content
{
	margin: 25px 0px 0px 0px;	
}

.Home .DemoBox
{
	position: relative;
	float: right;
	padding: 0px 0px 20px 20px;	
}

.DemoBox a
{
	background: #fff6d1 url(img/BlueDemo.png) no-repeat scroll 0%;		
	color: #333;
	display:block;
	font-family: Verdana,Helvetica,Arial,Sans-Serif;
	height:150px;
	width:230px;	
}

.DemoBox a .Title
{
	font-weight:bold;
	font-size: 1.2em;
	padding: 20px 0px 10px 12px;
}

.DemoBox a .Text
{
	padding: 0px 10px 0px 15px;		
}

.DemoBox a:hover
{
	color: #333;
}

.Demo .DemoSignup
{
	font-size: 2em;			
	display: block;
	left: 50%;
	margin: 20px 0px 0px 0px;
	position: absolute;
	top: 25px;
}

.Demo .DemoSubtitle
{
	margin: 0px 0px 0px 15px;
	font-size: .70em;	
}

.Demo li
{
	list-style-type: none;
}

.Demo .Bold
{
	font-weight: bold;
}

.Home .Banner
{
	background: #FFFFFF url(img/Banner.png) no-repeat scroll left top;
	width: 100%;
	overflow: auto;	
}

.Banner .SubBanner
{
	color: Red;
	float: left;
	font-family: Arial, Sans-Serif;
	font-size: 1.5em;
	text-align: center;
	width: 33%;
}

.Bullet
{
	margin: 25px 0px 15px 0px;
}

.BulletRow
{
	width: 100%;
}

.BulletLeft
{
	background:  #fff url(img/WhitePanel.png) no-repeat scroll 0%;	 
	height: 65px;
	float: left;
	line-height: 4;
	text-align: center;
	width: 130px;
}

.BulletContent
{
	float: left;
	padding: 0px 0px 15px 15px;
	width: 75%;		
}

.FeaturesOuterBorder,
.OuterBorder,
.DemoOuterBorder,
.ActivateOuterBorder,
.BenefitsOuterBorder
{
	border: solid 10px #7acaff;
}

.FeatureItem
{
	border: solid 1px #bbb;
	margin: 0px 0px 10px 0px;
	width: 100%;	
}

.FeatureItem .FeatureItemHeader
{
	background-color: #aaa;
	border-bottom: solid 1px #bbb;
	width: 100%;
}

.FeatureItem h2
{
	font-size: 1.1em;
	padding: 4px 0px 4px 10px;
	margin: 0px;
}

.FeatureItem .InnerContent
{
	padding: 20px;
}

.Demo .Input
{
	border: solid 1px #777;
}

.Demo .Input .InnerInput
{
	background-color: #eee;
	padding: 25px 10px 10px 20px;
}

.RecycleContainer
{
	background: #f9f9f9 url(img/RecycleBox.jpg)  no-repeat;
	color: #fff;
	float: right;	
	height: 175px;
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 5px;
	width: 250px;
}

.RecycleContainer .Text
{
	color: #fff;
	line-height: 18px;
}

.RecycleContainer h4
{
	margin: 20px 0px 15px 10px;
}

.RecycleContainer .TextBlock
{
	margin: 0px 10px 0px 8px;
}

.Contact .MessageBox
{
	height: 185px;
}

.Example
{
	 font-style: italic;
	  font-size: .7em;
}

.Validate
{
	font-size: .8em;
	margin: 0px 0px 0px 8px;	
}

.PTORecaptcha
{
	margin: 5px 0px 10px 0px;
}

.InnerContact
{
	margin: 0px 0px 0px 20px;
}

.Activate .ActivateBody
{
	margin: 0px 0px 0px 25px;
}

.ActivateBody a
{
	color: Red;
	text-decoration: underline;
}

.ActivateBody a:hover
{
	color: Red;
	text-decoration: underline;
}