body {
	/* contentHome
	 margin: 0;  it's good practice to zero the margin and padding of the body element to account for differing browser defaults
	padding: 0;*/
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
}

/* This is the entire container for the site. */
#container {
	width: 1024px;
	height: 100%;
	margin: 0 auto;  /*the auto margins (in conjunction with a width) center the page */
	text-align: left;
	position: relative;
}

a {
	border: none;
	color: #000000;
	text-decoration: none;
}

/*Title Text in the Header Black Bar, paragraphs on home page */
p {
	position: relative;
	font-family: "Myriad Pro", Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-variant: normal;
	font-style: normal;
	text-decoration: none;
	margin: 10px;
}

p.navTitle{
position: relative;
	font-size: 1.17em;
	font-weight: normal;
	margin: 1em 0;
	color: #FFFFFF;	
	top: 22px;
	left: 10px;
}

h1{
	position: relative;
	font-family: "Myriad Pro", Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-variant: normal;
	font-style: normal;
	text-decoration: none;
	margin: 10px;
}

h2{
	position: relative;
	font-family: "Myriad Pro", Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-variant: normal;
	font-style: normal;
	text-decoration: none;
	margin: 10px;
}

h3{
	position: relative;
	font-family: "Myriad Pro", Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-variant: normal;
	font-style: normal;
	text-decoration: none;
	margin: 10px;
}

.homeTitle {
	color: #6BAAF6;
	font-size: 40px;
	font-style: italic;
	top: 20px;
	text-align: center;
}

.subTitle {
	width: 400px;
	color: #6BAAF6;
	font-size: 40px;
	font-style: italic;
	top: -40px;
	left: 105px;
}
/*Home page text on blackbar Header*/
.whiteText {
	width: 500px;
	color: #FFFFFF;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: lighter;
	top: -120px;
	left: 520px;
}

.whiteFeatureText {
	color: #000000;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: lighter;
	padding: .20px;
	margin: 1px;
	text-align: center;
	
}

.whiteFeatureText:hover {
	color: #000000;
	
}

.blackFeatureText {
	color: #444444;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: lighter;
	padding: .20px;
	margin: 1px;
	text-align: center;
}

.blackText {
	color: #000000;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 18px;
	text-align: center;
}

p.contentSubHeader, a.contentSubHeader {
	color: #000000;
	font-size: 22px;
	font-style: italic;
	font-weight: bold;
}

.contentSubHeader {
	color: #000000;
	font-size: 22px;
	font-style: italic;
	font-weight: bold;
}

.downloadSubHeader, a.downloadSubHeader {
	color: #000000;
	font-size: 22px;
	font-weight: bold;
}

p.faqTitle, a.faqTitle {
	color: #000000;
	font-size: 22px;
	font-weight: bold;
}



/*---------------------------------------------------------------------------------------------------*/
/*-------------------------------------NAVBAR CONTENT----------------------------------------------*/
/*---------------------------------------------------------------------------------------------------*/
/* this is the Header container within the main container that has the header image and header text within it. */
#header {
	position: relative;
	height:60px;
	width: 100%;
	text-align:left;
	background-position: left;
}


/* this is the Understand logo in the header container */
#header img{
	position: relative;
	float: left;
	left: 10px;
	top: 5px;
	height: 55px;
	width: 250px;
}

/* Properties for the navigation bar */
a.header {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 21px;
	font-weight: normal;
	font-variant: normal;
	font-style: normal;
	text-decoration: none;
	position: relative;
	top: 30px;
	margin: 24px;
}

a.header:link {
	color: #2E3086;
}
a.header:visited {
	color: #2E3086;
}
a.header:active {
	color: #000000;
}

a.header:hover {
	color: #000000;
}

/*---------------------------------------------------------------------------------------------------*/
/*-------------------------=--------LEFT NAVBAR CONTENT----------------------------------------------*/
/*---------------------------------------------------------------------------------------------------*/
/*Left Navbar on Feature Page*/

#leftNav {
	position: relative;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	color: #000000;
	left: 60px;
	top: 20px;
	width: 228px;
	height: 100%;
}

h3 {
	color: #000000;
}

#navTop {
	background-image: url("../images/featureNavbarTop.png");
	width: 228px;
	height: 51px;
	display: block;
}

#navBottom {
	background-image: url("../images/featureNavbarBottom.png");
	width: 228px;
	height: 51px;
	display: block;
}

.subBackground {
	background-color: #D6E7FF;
	width: 228px;
}

a.navTitle {
	position: relative;
	font-size: 1.17em;
	font-weight: normal;
	margin: 1em 0;
	color: #FFFFFF;	
	top: 22px;
	left: 10px;
}

a.navSubTitle {
	
	position: relative;
	font-size: .9em;
	font-weight: normal;
	color: #000000;	
	left: 8px;
	width: 228px;
	top: 7px;
	
}

.navMiddle {
	background-image: url("../images/featureNavbarMid.png");
	background-repeat: repeat-x;
	width: 228px;
	height: 51px;
}

.navLine {
	background-color: #ffffff;
	height: 2px;
	width: 228px;
}

/*--------------------------------------------------------------------------------------------------*/
/*---------------------------------------FEATURE CONTENT---------------------------------------------*/
/*---------------------------------------------------------------------------------------------------*/
#featureContent {
	position: relative;
	float: right;
	width: 630px;
	top: 20px;
	right: 70px;
	font-size: 18px;
}

.featureHeader {
	position: relative;
	text-align: left;
	color: #000000;
	font-size: 30px;
	font-style: italic;
	font-weight: bold;
}

#featureContent img {
	border: none;
	padding: 10px 10px 10px 10px;
}

#featureContent a {
	color: #2E3086;
	text-decoration: underline;
}

/*--------------------------------------------------------------------------------------------------*/
/*---------------------------------------DOWNLOAD CONTENT---------------------------------------------*/
/*---------------------------------------------------------------------------------------------------*/
#downloadContent {
	position: relative;
	float: left;
	width: 600px;
	top: 20px;
	font-size: 18px;
	left: 20px;
}

#currentUsers {
	background-image: url("../images/currentUsersDownload.png");
	background-repeat: no-repeat;
	position: relative;
	float: left;
	width: 250px;
	height: 100px;
	top: 40px;
	left: 20px;
}
#currentUsers a {
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	border: none;
}

#currentUsers a:hover {
	text-decoration: none;
	background-image: url("../images/currentUsersDownload.png");
	background-repeat: no-repeat;
}

#currentUsers a:visited {
	border: none;
	text-decoration: none;
}

/*--------------------------------------------------------------------------------------------------*/
/*---------------------------------------BLACKBAR---------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------*/
/* Black Bar Header on Home page */
#blkBar {
	position: relative;
	background-image: url("../images/blkMainHeader.png");
	background-repeat: no-repeat;
	top: 10px;
	width: 1024px;
	height: 570px;
}

/* Black Bar Header on sub pages */
#blkBarSub {
	background-image: url("../images/blkSubHeader.png");
	background-repeat: no-repeat;
	position: relative;
	top: 10px;
	width: 1024px;
	height: 154px;
}

/*div for the chat button*/
#chat {
	position: relative;
	top:20px;
	left: 115px;
	float: left;
}

/*div for the download button*/
#downloadMain {
	background-image:url("../images/downloadHover.png");
	background-repeat: no-repeat;
	position: relative;
	top: 45px;
	left: 80px;
	width: 385px;
	height: 135px;
}

#downloadMain a {
	display:block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	border: none;
}

#downloadMain a:hover {
	text-decoration: none;
	background-image: url("../images/download.png");
	background-repeat: no-repeat;
}

#downloadSub {
	background-image: url("../images/downloadSub.png");
	background-repeat: no-repeat;
	position: relative;
	top: 15px;
	left: 700px;
	width: 235px;
	height: 92px;
}

#downloadSub a {
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	border: none;
}

#downloadSub a:hover {
	text-decoration: none;
	background-image: url("../images/downloadSubHover.png");
	background-repeat: no-repeat;
}

#downloadSub a:visited {
	border: none;
}

/*----------------------------------------------------------------------------------------------------------------------------------------CONTENT---------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*Home page black paragraph, this is actually within the blackBar div. div*/
#homeParagraph {
	position: relative;
	float: left;
	width: 500px;
	height: 140px;
	top: 80px;
}

/*Content on all the pages except Features - no side navbar*/
#content {
	position: relative;
	width: 800px;
	height: 100%;
	text-align: left;
	top: 10px;
	font-size: 18px;
}

#contentStore {
	position: relative;
	float: left;
	width: 680px;
	height: 100%;
	text-align: left;
	top: 10px;
	font-size: 18px;
	left: 80px;
}

#storeCart {
	position: relative;
	float: left;
	width: 180px;
	height: 100%;
	text-align: left;
	top: 20px;
	font-size: 18px;
	left: 70px;
}

/*screenshot div on home page*/
#understandscreen {
	position: relative;
	width: 490px;
	height: 250px;
	float: left;
	top: -120px;
	
}

#content a {
	color: #2E3086;
}

#storeCart a {
	color: #2E3086;
}

/* Properties for the footer About, Contact */
a.downloadText {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 21px;
	font-weight: normal;
	font-variant: normal;
	font-style: normal;
	text-decoration: underline;
	position: relative;
	top:10px;
	margin: 24px;
	
}

a.downloadText:link {
	color: #FF0000;
}
a.downloadText:visited {
	color: #FF0000;
}
a.downloadText:active {
	color: #000000;
}

a.downloadText:hover {
	color: #000000;
}
/*----------------------------------------------------------------------------------------------------------------------------------------FEATURES HOME---------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* Features Home at bottom of page*/
#features {
	position: relative;
	width: 695px;
	height: 210px;
	left: 165px;
	
}

/*corner features*/
#feature1 {
	position: relative;
	background-image: url("../images/feature1.png");
	background-repeat: no-repeat;
	float: left;
	width: 199px;
	height: 67px;
	
}

#feature1 a {
	display:block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	border: none;
	margin: 0;
	padding: 0;
}

#feature4 {
	position: relative;
	background-image: url("../images/feature4.png");
	background-repeat: no-repeat;
	float: left;
	width: 199px;
	height: 67px;
}

#feature4 a {
	display:block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	border: none;
}

#feature5 {
	position: relative;
	background-image: url("../images/feature5.png");
	background-repeat: no-repeat;
	float: left;
	width: 199px;
	height: 67px;
}

#feature5 a {
	display:block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	border: none;
}

#feature8 {
	position: relative;
	background-image: url("../images/feature8.png");
	background-repeat: no-repeat;
	float: left;
	width: 199px;
	height: 67px;
}

#feature8 a {
	display:block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	border: none;
}

/* middle features*/
.feature {
	position: relative;
	background-image: url("../images/feature2.png");
	background-repeat: repeat-x;
	float: left;
	width: 285px;
	height: 67px;
}

.featureSkinny {
	position: relative;
	background-image: url("../images/feature2.png");
	background-repeat: repeat-x;
	float: left;
	width: 199px;
	height: 67px;
}

.feature a {
	display:block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	border: none;
}

feature a:hover {
	text-decoration: none;
	background-image: url("../images/feature2.png");
	background-repeat: repeat-x;
}

.vertLines {
	position: relative;
	background-color: #ffffff;
	float: left;
	width: 3px;
	height: 67px;
}

.horizLine {
	position: relative;
	background-color: #ffffff;
	float: left;
	height: 3px;
	width: 800px;
}


/*----------------------------------------------------------------------------------------------------------------------------------------FOOTER---------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* Footer Content*/
#footer {
	background-image: url("../images/blackFooter.png");
	background-repeat:no-repeat;
	position: relative;
	width: 1024px;
	height: 60px;
	top: 20px;
	float: left;
	
}

p.footerWhite {
	font-family: "Arial Narrow", Arial, "Myriad Pro", Verdana, Tahoma, Helvetica, sans-serif;
	color: #ffffff;
	font-size: 14px;
	margin: 10px;
	text-align: left;
	left: 150px;
	top: 19px;
}

/* this is the black bar in the footer */
#footer img{
	position: relative;
	
}

#footerLogo img{
	float: right;
	position: relative;
	top: -44px;
	right: 175px;
}

/* Properties for the footer About, Contact */
a.footer:link {
	position: relative;
	font-family: "Arial Narrow", Arial, "Myriad Pro", Verdana, Tahoma, Helvetica, sans-serif;
	color: #B8CCEA;
	font-size: 15px;
	font-weight: lighter;
	font-variant: normal;
	font-style: normal;
	text-decoration: underline;
	margin: 15px;
	text-align: left;
	left: 580px;
	top: -8px;
}

a.footer:visited {
	position: relative;
	font-family: "Arial Narrow", Arial, "Myriad Pro", Verdana, Tahoma, Helvetica, sans-serif;
	color: #B8CCEA;
	font-size: 15px;
	font-weight: lighter;
	font-variant: normal;
	font-style: normal;
	text-decoration: underline;
	margin: 15px;
	text-align: left;
	left: 580px;
	top: -8px;
}

a.footer:hover {
	position: relative;
	font-family: "Arial Narrow", Arial, "Myriad Pro", Verdana, Tahoma, Helvetica, sans-serif;
	color: #2CAAE2;
	font-size: 15px;
	font-weight: lighter;
	font-variant: normal;
	font-style: normal;
	text-decoration: underline;
	margin: 15px;
	text-align: left;
	left: 580px;
	top: -8px;
}

/*----------------------------------------------------------------------------------------------------------------------------------------STORE---------------------------------------------------------------------------------------------------------------------------------------------------------*/

.blue{ 
	color: #000066; 
}

.red, b.red { 
	color: #660000; 
	font-weight: normal;
}

.light { 
	color: #999999; 
}

.formsmall{   font-size:9px;  color:#6F6F6F;  height:17px; }

 input.formtext {         font-size:8pt;    height:18px; padding: 0px 0px; margin: 0px;} 

select.formtext {        font-size:9px;    height:17px;}

textarea.formtext {      font-size:14px;  font-family:sans-serif; }



input.search { font-size: 9px; width: 120px; }

html>body input.search { margin: 0px 5px 0px 0px; }

input.textbox{  font-size:9px;  color:#6F6F6F;  height:17px;}

input.button{   font-size:9px;  color:#6F6F6F;  height:17px;}

input.checkbox{  font-size:9px;  color:#6F6F6F;  height:17px;}

.paddedtable    {  margin: 0px;  padding: 0px;  border: 1px solid #000000;  width: 100%;}

.paddedtable TD {  margin: 0px;  padding: 3px;  border: 1px solid #FFFFFF;  background-color: #F6F6F7;}

.paddedtable TH {  margin: 0px;  padding: 3px;  border: 1px solid #FFFFFF;  background-color: #DDDDDD;  text-align: left;}

.productTable td{  font-size: 14px; }

.paddedtable2   {  margin: 0px;  padding: 0px 3px; width: 100%;}

.paddedtable2 td {  margin: 0px;  padding: 10px 3px; }

.paddedtable2   {  vertical-align: bottom; }

.paddedtable3   {  margin: 0px;  padding: 0px 2px; width: 100%;}

.paddedtable3 td {  margin: 0px;  padding: 2px 2px; }

.features td{ padding: 0px 2px; border: 1px ridge #DDDDDD;}

/* Kill the wordpress smiley */
 img#wpstats{position:absolute;top:0;width:0px;height:0px;overflow:hidden}
 
.searchword { background-color:#009900; }

/*---------------------------------------------Metrics----------------------------*/

#metricData {
	position: relative;
	width: 100%;
	height: 100%;
	left: 30px;
}

#metricLanguage {
	position: relative;
	width: 100%;
	height: 100%;
	left: 30px;
}

/*---------------------------VideoPage-------------------------------------------*/
#videoText {
	float: left;
	position: relative;
	width: 460px;
	height: 120px;
}

#video {
	float: left;
	position: relative;
	width: 160px;
	height: 120px;
}

/*-------------------------------VideoBox----------------------------------------*/
body {margin: 0;}
#lbOverlay {
	position: absolute;
	left: 0;
	width: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	left: 50%;
	overflow: hidden;
	background-color: #fff; text-align: center; padding: 5px;
}

.lbLoading {
	background: #fff url(loading.gif) no-repeat center;
}

#lbImage {
	border: 10px solid #fff;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(prevlabel.gif) no-repeat 0% 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 5px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(closelabel.gif) no-repeat center;
	margin: 5px 0;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}