/* CSS Document */
/*---------------------------------------*/
              .__F-O-R-M-A-T__ { }
 /*---------------------------------------*/

html {
	background-color: #FFFFFF;
}
body {
	padding: 0;
	margin: 0;
	Xbackground-image: url(images-feb2007/bottom-gradient.gif);
	background-position: bottom;
	background-repeat: repeat-x;
}
td {
	vertical-align: top;
	}
#main-container {
	position: relative;
	padding: 0 0 16px 0;
	margin:  0;
	background-image: url(images-june2010/upper-right-internal_site.png);
	background-repeat: no-repeat;
	background-position: right top;
}

#wrapper-top {
	height:16px; 
	Xbackground-image: url(/images-feb2007/wrapper-top-bckgnd.gif); 
	Xbackground-repeat: repeat-x; 
	margin: 0;  
}

#wrapper-bottom {
	z-index: 9;
	height:16px;
	Xbackground-image: url(/images-feb2007/wrapper-bottom-bckgnd.gif);
	background-repeat: repeat-x;
	margin: 0;
	position: absolute;
	left: 0px;
	width: 100%;
	bottom: 0px;
}
#header {
	margin: 16px 105px 5px 10px;
	background-image:  url("images-june2010/header-bckgnd.gif"); 
	background-repeat: repeat-x; 
	white-space: nowrap;
}
#nav1, #nav1 ul {
	position: absolute;
	width: 450;
	top: 10px;
	right: 13px;
	padding: 0;
	margin: 0;
	height: 20px;
	white-space: nowrap;
}
#nav1 li {
	float: left;
	padding: 0;
	list-style-type: none;
}
#nav1 li a {
	display: block;
	color: #1F539A;
	margin: 0 8px;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 12px;
	font-family:  Arial, Helvetica, sans-serif;
	font-weight: bold;
	letter-spacing: 1px;
}
#nav1 li a:hover {
	text-decoration: underline;
}
#nav1-company  li a {
	border-left: 2px solid #1F539A;
	border-right: 2px solid #1F539A;	
}


/* #nav1 li a {
	display: block;	
	height: 25px;
	text-indent: -9999px; 
	text-decoration: none;
}

#nav1-home { width: 66px; background-image: url(/images-feb2007/nav1-home.gif); }
#nav1-home a:hover { 	background-position: 0 -25px; width: 66px; background-image: url(/images-feb2007/nav1-home.gif); }

#nav1-basics { width: 94px; background-image:url(/images-feb2007/nav1-thebasics.gif); }
#nav1-basics a:hover { 	background-position: 0 -25px;width: 94px; background-image:url(/images-feb2007/nav1-thebasics.gif); }

#nav1-dist { width: 122px; background-image: url(/images-feb2007/nav1-for-distributors.gif); }
#nav1-dist a:hover { 	background-position: 0 -25px;width: 122px; background-image: url(/images-feb2007/nav1-for-distributors.gif); }

#nav1-supp {	width: 108px; background-image: url(/images-feb2007/nav1-for-suppliers.gif); }
#nav1-supp a:hover { 	background-position: 0 -25px;width: 108px; background-image: url(/images-feb2007/nav1-for-suppliers.gif); }

#nav1-about { width: 86px; background-image: url(/images-feb2007/nav1-aboutus.gif); }
#nav1-about a:hover { 	background-position: 0 -25px;width: 86px; background-image: url(/images-feb2007/nav1-aboutus.gif); }

#nav1-contact { width: 96px; background-image: url(/images-feb2007/nav1-contactus.gif); }
#nav1-contact a:hover { 	background-position: 0 -25px;width: 96px; background-image: url(/images-feb2007/nav1-contactus.gif); }

#nav1-videos { width: 61px; background-image: url(/images-feb2007/nav1-video.gif); }
#nav1-videos a:hover { 	background-position: 0 -25px; width: 61px; background-image: url(/images-feb2007/nav1-video.gif); }

#nav1-help { display: none;}

#nav1-help { width: 118px; background-image: url(/images-feb2007/nav1-livehelp.gif); }
#nav1-help a:hover { 	background-position: 0 -25px;width: 118px; background-image: url(/images-feb2007/nav1-livehelp.gif); } */

#nav1-pricing { width: 98px; background-image: url(/images-feb2007/nav1-pricing.gif); }
#nav1-pricing a:hover { 	background-position: 0 -25px;width: 98px; background-image: url(/images-feb2007/nav1-pricing.gif); }

.shadow {
	padding: 0; 
	margin: 0 2px 0 2px; 
	border-top: 3px solid #ccc; 
	text-indent: -9999px; 
	height: 3px;
}
#content {
	margin: 0 10px; 
	height: 1%;
	background: #fff;  
	border: 1px solid #BEA8C9; 
	padding: 5px 10px; 
	background-image: url(/images-feb2007/content-box-gradient.gif); 
	background-repeat: repeat-x; 
	background-position: top;
}
#content h1 {
	height: 1%;
	padding: 20px 0 5px 0; 
	margin: 0 0 15px 0 ;
	border-bottom: 1px dotted #a5d5a2;
/*
	background-image: url(/images-feb2007/green-bullet-bckgnd.gif);
	background-repeat: repeat-x;
	background-position: bottom;
*/
}
#content li {
	padding-top: 8px;
}
#content ul {
	padding-bottom: 8px;
}
#sub-nav {
 	padding: 0; margin: 0.5em;
}
#inner-content {
	max-width: 700px; 
	margin: 0 auto; 
}
#whatnext {
	clear: both;
	padding: 5px 10px; 
	margin: 0 0.5em 1em 0.5em;
	border-top: 1px solid #A5D5A2;
	background-color: #EEF8ED}
.headline {
	margin: 0 1em;
	font-style: italic;
	font-size: 1.4em;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #1F539A;
}

#whatnext .headline {
	margin: 0 1em;
	font-style: italic;
	font-size: 1.4em;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #1F539A;
}
#whatnext ul {
	margin-top: 0.5em;
	list-style-type: square;
}
#side-holder {
	width:220px; 
	margin-bottom: 0px;
	padding-bottom: 0;
}
#sideholder a {
	color:#1F539A;
}
#news, #login, #pulse {
	background: #fff; 
	padding: 5px;
	border: 1px solid #BEA8C9;
	background-image: url(/images-feb2007/content-box-gradient.gif); 
	background-repeat: repeat-x; 
	background-position: top; 
	width: 212px;
}
#news h2, #login h2 {
	padding: 0;
	margin: 0;  
	font-size: 18px;
}
#news ul {
	margin: 1em;
}
#news li {
	font-size: 0.9em;
}
#login {
	margin-top: 5px;
}
#login form { 
	padding: 5px;
	margin: 0;
}
#login p { 
	float: left;
	padding: 0 5px;
	width: 45%; 
	font-size: 11px;
}
#login a { 
	font-size: 0.8em;
}
#login #newuser {
	font-size: 1em;
	clear:left; 
	float: none; 
	width: 90%; 
	background-image: url(/images-feb2007/green-bullet-bckgnd.gif); 
	background-repeat: repeat-x; 	
	background-position: top; 
	padding-top: 5px;
}
#login #phonenumber {
	font-size: 1em;
	clear:left; 
	float: none; 
	width: 90%; 
	padding-top: 5px;
}
#news dt {
	border-top: 1px dotted #BEA8C9;
	padding: 3px 3px 3px 6px;
}
#news dt a {
	font-weight: normal;
	text-decoration: none;
	color: #66B760;
}
#news dt a:hover {
	background-color: #EEF4F9;
	color: #4D8F47;
}
#news dd {
	margin: 0;
	padding: 3px 3px 3px 6px;
}
#footer {
	margin: 0 0 0 10px; 
	padding: 0;
}

#pledge {
	float: left;
	padding: 0px 5px 5px 15px;
	Ztext-align: center;
}
#extraDiv1 { visibility: hidden;}
#extraDiv2 { visibility: hidden;}
#extraDiv3 { visibility: hidden;}
#extraDiv4 { visibility: hidden;}
#extraDiv5 { visibility: hidden;}
#extraDiv6 { visibility: hidden;}
/*---------------------------------------*/
              .__TYPOGRAPHY__ { }
 /*---------------------------------------*/

body {
	/* From the Thenoodleincident.com - font sizing in ems, baby. if you want to change anything, just change this.*/
	font-size: 76%; 
	color: #1F539A;
}

/*---------------------------------------
         Page Specific CSS - BEGIN
  ---------------------------------------*/
  p {
  	line-height: 18px;
  }
#home .pullquote  {
	border-bottom: 1px solid #1f539a; 
	margin-top: 0;
	margin-bottom: 1em;
	height: 212px;
	padding: 2em 1em 1em 400px;
	background-image: url(images/promoleads-is-here.jpg);
	background-repeat: no-repeat;
	background-position: 5px 5px;	
	color: #1F539A;
}
#home .pullquote p {
	font-size: 1.4em;
	font-family: Georgia, "Times New Roman", Times, serif;
}

#home .head01 { background: url(images-feb2007/header-gradient_light-blue.gif) repeat-x; background-color: #7F9DC5; }
#home .head02 { 	background-color: #1F539A; 		}
#home .head03 { background: url(images-feb2007/header-gradient_green.gif) repeat-x; background-color: #66B760;		}
#home .head01, #home .head02, #home .head03 { 
	font-size: 1.5em;
	font-family: Georgia,"Times New Roman",Times,serif;
	font-variant: small-caps;
	padding: 5px;
} 
#home .three-choice {
	font-family: Georgia, "Times New Roman", Times, serif;
	padding: 8px 10px; 
	font-size: 0.9em;
}

#home #content td p {
	margin: 0;
	padding: 10px;
}
#home #content td h3 {
	font-weight: normal;
	font-size: 15px;
	margin-top: 15px;
	margin-left: 0.5em;
}
#home #content td {
	padding-bottom: 0.5em;
}
#home #content td ul {
	padding: 0pt; margin: 0.5em 0.5em 0.5em 2em;
}
#home #content ul {
	margin-bottom: 0.5em;
}
#home #content td a {
	text-decoration: none;
}
#home #content td a:hover {
	text-decoration: underline;
}
#home .head01 a, 
#home .head02 a,
#home .head03 a {
	font-family: Georgia,"Times New Roman",Times,serif;
	font-variant: small-caps;
	color: #ffffff;
	font-weight: bold;
}
#basics blockquote, #basics-how blockquote {
	font-size: 1.4em;
}
#basics-how #content ol li {
	margin-bottom: 1em;
}
#sub-nav {
	margin: 0 0 1em 0;
	padding: 20px 0 0 140px;	
	border-bottom: 2px dotted green;
}
#sub-nav a { 
	color: #1F539A;
}
#sub-nav a:hover { 
	color: #66B760;
}
#basics #sub-nav, #basics-how #sub-nav { 
	background: url(images/subnav-basic.jpg) no-repeat 30px 20px; height: 90px; 
}
#dist #sub-nav, #dist-how #sub-nav, #dist-ben #sub-nav, #dist-faq #sub-nav { 
	background: url(images/subnav-dist.jpg) no-repeat 30px 20px;  height: 90px; 
}
#supp #sub-nav, #supp-how #sub-nav, #supp-ben #sub-nav, #supp-faq #sub-nav { 
	background: url(images/subnav-supp.jpg) no-repeat 30px 20px; height: 90px; 
}
#about #sub-nav { 
	background: url(images/subnav-holder.jpg) no-repeat 30px; height: 90px;  
}
#contact #sub-nav { 
	background: url(images/subnav-holder.jpg) no-repeat 30px; height: 90px;  
}
#sub-nav li {
	list-style-type: none;
	padding: 0;
}
#sub-nav li a {
}
#dist-faq #inner-content dl, #supp-faq #inner-content dl {
	margin: 1em 2em;
}
#dist-faq #inner-content dt, #supp-faq #inner-content dt {
	font-weight: bold;
	margin: 5px 0 ;
	padding: 1em;
	background-color: #E4E4E4;
}
#dist-faq #inner-content dd, #supp-faq #inner-content dd  {
	margin: 0 5px 1.5em 1.5em;
}
#aboutus-img {
	background-image: url(images/aboutus.jpg);
	text-indent: -9999px;
	height: 139px;
	background-repeat: no-repeat;
	background-position: center;
}

#pricing #beta-test {
	border: 2px solid #8FA9CC;
	margin-right: 15px;
	background-image: url(images-feb2007/beta-tab-top.gif);
	background-repeat: no-repeat;
	padding: 2.5em 1em 1em 1em;
	background-position: 10px 0px;
	background-color: #FFFFDF;
}
.highlight-box {
	border: 2px solid #8FA9CC;
	margin-right: 15px;
	padding: 1.25em 1em 1em 1em;
	background-position: 10px 0px;
	background-color: #FFFFDF;
}
#videos #content p { 
	padding-top: 5px;
	padding-bottom: 5px;
	border-top: 1px solid #E0F1DF;
	clear: both;
}
#videos  #content p:first-line { 
	font-weight: bold;
}
#videos  #content p img { 
	margin: 5px;
}
#screencap #noUpdate {
	margin: 0 auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #cccccc;
	text-align: left;
	width: 210px; 
	height: 200px;	
	padding: 40px;
}

/*---------------------------------------
         Page Specific CSS - END
  ---------------------------------------*/


body, p, td, li, div {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.zero {
	padding: 0;
	margin: 0;
}
.left {
	float: left;
	z-index: 100;
}
.right {
	float: right;
	z-index: 100;
}
.center {
	text-align: center;
}
#content a img {
	border-width: 0;
}
#content img {
	padding: 5px 10px;
}
.indent {
	 padding-left: 3em;
}
.border001 {
	margin: 5px 15px 15px 5px;
	padding: 0px 5px 5px;
	border: 1px solid #999999;
}
.subnav {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #707070;
	font-size: 0.85em;
	border: 1px dotted #707070;
	padding: 3px;
}
.photo-style {
	border: 1px solid #999;
	padding: 2px;
}
blockquote {
	color: #4D8F47;
	font-style: italic;
	font-size: 1.1em;
	font-family: Georgia, "Times New Roman", Times, serif;

}
hr {
	color: #003399;
}
a {
	font-weight: bold;
	color: #67B861;
}
a:link {
}
a:hover {
	color: #1F539A;
}
.green {	color: #4D8F47;
}
.blue {	color: #1F539A;
}
h1 {
	font-size: 1.6em;
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: italic;
	color: #4D8F47;
}
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	Xfont-style: italic;
	font-size: 1.3em;
	margin: 0em;
	padding: 0; 
	font-weight: bold;
	}
h3 {
	color: #4F9F48;
	font-size: 1.4em;
	margin: 0 ;
	font-weight: bold;
	}
h4 {
	font-size: 1.2em;
	margin: 0;
	font-weight: bold;
	}
h5 {
	font-size: 1.0em;
	margin: 0;
	font-weight: bold;
	}
h6 {
	font-size: 0.8em;
	margin: 0;
	font-weight: bold;
	}