@charset "utf-8";
/* CSS Document */

/* CSS Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ul { list-style: none; }

/*------------------------
BODY
------------------------*/
body { margin-top: 5px; font: 13px/20px Arial, Helvetica, sans-serif; text-align: left; color: #000; background: #666; }
a:link, a:visited { text-decoration: none; }
a:hover { text-decoration: underline; }
#wrapper { margin-left: auto; margin-right: auto; margin-top: 5px; margin-bottom: 20px; padding: 0; width: 960px; border-top: 1px solid #f0f0f0; }
h1 { margin-bottom: 20px; font-size: 19px; color:#068ec6; }
h2 { margin: 15px 0 5px 0; font-size: 15px; line-height: 18px; font-weight: bold; color: #068ec6; text-align: left; }
h3 { font-size: 15px; padding: 15px 0 0 0; margin: 0; text-align: center; }
p { margin: 10px 0; }
ul { }
li { margin-left: 30px; }
/*
.bold { font-weight: bold; }
.italic { font-style: italic; }
*/

/*------------------------
HEADER
------------------------*/
#header { text-align:left; height: 90px; background-color:#fff; padding: 0; background-image:url(/leadoxygen/images/bubbles.jpg); }
#header .logo img { padding-left: 15px; }
#header p.logo { padding-right: 5px; float:left; }
#header h2 { font-size: 18px ; color: #068ec6; margin: 60px 0 0 15px; width:350px; float:left; font-weight: bold; font-style: italic; }
#header p.call { margin:0 15px 5px 0; padding-top: 30px; font-size: 20px; text-align:right; color: #666; font-weight: bold; }
#header p.phone { margin-right: 15px; font-size: 26px; text-align:right; color: #7dbb3e; font-weight: bold; }
#header p { margin: 0; }

/*------------------------
FOOTER
------------------------*/
#footer {  margin: 0 0 6px 0; padding: 10px 15px 5px 15px; width: 930px; height: 40px; background: #000; float: left; border-top: 8px solid #068ec6; background-image:url(/leadoxygen/images/footer-background.jpg); background-repeat:repeat-x; }
#footer p { margin: 0; 	padding: 0; font-size: 11px; float: left; color: #fff; }
#footer ul { margin: 0; padding: 0; list-style-type: none; float: right; }
#footer ul li { padding: 0 0 0 15px; display: inline; color: #fff; }
#footer ul li a { color: #fff; font-size: 11px; }
#footer ul li a:hover { color: #fff; font-size: 11px; }

/*------------------------
NAV BAR
------------------------*/
#nav-container { width: 960px; height: 46px; float: left; text-align: center; font-size: 14px; }
#nav-container a { width: 120px; }
#nav-container ul { width: 100%; height: 46px; }
#nav-container ul li { float: left; margin: 0; }
#nav-container ul li a { padding-top: 13px; display: block; height: 46px; text-indent: 0px; text-align: center; color: #fff; }
#nav-container-generic { background: url(images/nav-grey-no-text.jpg) no-repeat; }
#nav-container-index { background: url(images/nav-index.jpg) no-repeat; }
#nav-container-overview { background: url(images/nav-overview.jpg) no-repeat; }
#nav-container-benefits { background: url(images/nav-benefits.jpg) no-repeat; }
#nav-container-video-demo { background: url(images/nav-video.jpg) no-repeat; }
#nav-container-faq { background: url(images/nav-faqs.jpg) no-repeat; }
#nav-container-packages { background: url(images/nav-packages.jpg) no-repeat; }
#nav-container-about-us { background: url(images/nav-about-us.jpg) no-repeat; }
#nav-container-sign-up { background: url(images/nav-sign-up.jpg) no-repeat; }

/*------------------------
MAIN CONTENT
------------------------*/
#main-content { padding: 20px 10px 15px 20px; width: 930px; float: left; background: #fff; }
.content-left { width: 600px; float: left; }
.content-right { margin-top: 51px; padding: 20px 20px 10px 20px; width: 300px; border: 1px solid #068EC6; float: right; }
.arrow-link { clear:right; margin-bottom:50px;}
.arrow-link a { background: url(images/arrows-grey.jpg) no-repeat center right; color: #666; font-size: 14px; font-weight: bold; line-height:24px; padding-right:40px; float:left; text-decoration: none; }

/*----------------------------------
MAIN CONTENT - JEREMY'S ADDITIONS
----------------------------------*/
.content-left h2 { font-size: 20px; }

/*------------------------ 
SECTIONS 
------------------------*/
.section { margin: 10px; border-top: 1px solid #d2d2d2; clear: both; float: left; width: 98%; }
.bottom-border-last { float: left; }

/*------------------------------ 
SECTIONS - JEREMY'S ADDITIONS
------------------------------*/
.section-top { margin: 0 0 20px 10px; clear: both; float: left; width: 98%;}
.section-index-top { margin: 0 0 0 10px; clear: both; float: left; width: 98%; height: 110px; }
.section-index-top img { float: left; padding-right: 25px;}
.section-index { margin: 0 0 0 10px; clear: both; float: left; width: 98%; height: 130px;}
.section-index h2 { margin: 0 0 25px 0; padding: 0px;}
.section-index img { float: left; padding-right: 25px;}
.section-index-middle { margin: 0 0 0 10px; clear: both; float: left; width: 98%; height: 130px; }
.section-index-middle img { float: left; padding-right: 25px; padding-top: 10px; }
.section-index p strong { font-size: 18px;}
.section-index-middle p strong { font-size: 18px;}
.section-index-top p strong { font-size: 18px;}

/*------------------------ 
LISTS 
------------------------*/
#main-content ul { margin-bottom: 10px; list-style-image: url(images/dot.gif); }
#main-content ul li { }
#main-content .a-link-list { list-style-image: url(images/arrow_right.jpg); margin-top: 15px; }
#main-content .a-link-list .template-title { text-decoration: none; font-weight: normal; color: #666; font-size: 24px; }
#main-content .a-link-list li a { color: #000; font-weight: bold; font-size:14px; padding-top: 25px; }
/*#main-content .overview-list { padding-left: 15px; }*/
#main-content h1 { line-height: 120%;}

/*------------------------ 
FORM
------------------------*/
#mktForm_6 { margin-left: -25px; }
form.lpeRegForm { margin:10px; }
form.lpeRegForm ul { list-style:none; }
form.lpeRegForm li { padding-top:3px; padding-bottom:5px; margin-bottom: 4px; list-style-image: none; }
form.lpeRegForm li label { display:block; width: 245px; float:left; }
form.lpeRegForm li span.mktInput input { width: 255px; }
#wrapper #main-content #contact-form-container #form-top { background-image: url(images/form-top.jpg); margin: 0; width: 300px; height: 106px; }
#form-top h1 { color: #fff; text-align: center; padding: 13px 9px 0 0; font-size: 26px; line-height: 115%; }
form.lpeRegForm li textarea.mktFormTextarea { width: 255px; }
#tab-2 a { color: #336699; }
form.lpeRegForm li span.mktFormMsg { display:block; color: #FF0000; margin-left: 125px; font-size:12px; font-weight:bold; }
	
/*------------------------ 
OVERVIEW PAGE
------------------------*/
#main-title-white { font-size: 21px; color:#fff; padding: 0px 0 10px 15px; margin: 0px; text-align: center; }
#how-it-works2 { padding-top: 10px; width: 100%; border-left: 1px solid #7DBB3E; border-right: 1px solid #7DBB3E; clear: both; float: left; background-color:#068ec6; height: 345px; }
#how-it-works2 div { height: 300px; width: 163px; padding-top: 5px; border-top: 2px solid #fff; border-right: 2px solid #fff; border-bottom: 1px solid #fff; }
#how-it-works2 p { height: 155px; }
.how-it-works-box { margin-bottom: 20px; padding: 0 6px 0 17px; width: 165px; float: left; }
#how-it-works2 div.one { background-image:url(images/green-back.jpg); width: 164px; }
#how-it-works2 div.last { background-image:url(images/green-fade.jpg); border-right-width: 0px; }
#how-it-works2 div.two { background-image:url(images/blue-fade.jpg); }
.puzzle { width: 290px; margin-top: 200px; padding: 0 0px 0 0; float: right;}
.right-side-bar { margin: 10px 15px 0 0; padding: 0 20px 0px 20px; width: 260px; height: 350px; border: 2px solid #068EC6; float: right; background-image:url(images/blue-box-lite-long.jpg);}

.section-top { margin: 0 0 20px 10px; clear: both; float: left; width: 98%; border-top: 1px solid #d2d2d2;}
.section-index-top { margin: 0 0 0 10px; clear: both; float: left; width: 98%; height: 110px; }
.section-index { margin: 0 0 0 10px; clear: both; float: left; width: 98%; height: 130px;}
.section-top h2 { color:#000; padding-top: 10px;}
.section-index img { float: left; padding-right: 25px;}
.section-index-middle { margin: 0 0 0 10px; clear: both; float: left; width: 98%; height: 130px; }
.section-index-middle img { float: left; padding-right: 25px; padding-top: 10px; }
.section-index p strong { font-size: 18px;}
.section-index-middle p strong { font-size: 18px;}

.arrow-link { clear:none; margin-bottom:50px;}
.padding { padding-top: 10px; }

/*------------------------ 
BENEFITS PAGE 
------------------------*/
.benefits-content { width: 930px; padding: 20px 10px 15px 0; }
#nav-container-benefits { width: 100%; height: 46px; background: url(images/nav-benefits.jpg) no-repeat; }
#main-content-benefits { padding: 0 10px 0 20px; width: 930px; float: left; background-image: url(images/benefits-background.jpg); background-repeat: repeat-x; }
#main-content-benefits h3 { background-image: url(images/blue-gradient.jpg); background-repeat: repeat-x; text-align: center; color: #fff; padding: 10px 0 10px 0; font-size: 21px; border-bottom: 3px #666 solid;  }
#main-content-benefits p { padding: 0 15px 0 15px; margin-top: 5px; }
#main-content-benefits .benefits-content div { width: 400px; border: solid #666 3px; background-color: #fff; } 
.cost-efficiency { margin: 0 0 40px 15px; float: left; }
.cost-efficiency p { padding: 0 15px 0 15px; margin: 5px 0 10px 0; }
.targetability { margin: 0px 35px 40px 0; height: 250px; float: right; }
.measurability { margin: 0 0 25px 15px; height: 230px; float: left; }
.cost-effectiveness { margin: 0px 35px 25px 0; height: 230px; float: right; }

/*------------------------ 
VIDEO DEMO PAGE 
------------------------*/
#VideoDemo{ width: 600px; height: 30px; background: url(images/VideoDemo.gif) no-repeat; float: left; }
#video-container { width: 100%; background: #000; clear: left; }
#video { margin: 0 auto 0 auto; padding: 15px 0 10px 0; width: 800px; }

/*------------------------ 
FAQ PAGE 
------------------------*/
.jumplinks a { color: #000; text-decoration: underline; }
	
/*------------------------ 
ABOUT US PAGE 
------------------------*/

.content-left-d { width: 520px; float: left; background: url(images/about-us-people.jpg) bottom; background-repeat:no-repeat; }
.section-d { margin: 3px 0 3px 0; padding: 3px 0 3px 0; width: 520px; height: 500px; border-top: 0px solid #d2d2d2; clear: both; float: left; }
.section-d a { color: #068ec6; }
.content-right { margin: 15px 10px 0 0; padding: 20px 15px 10px 15px; width: 350px; border: 2px solid #068EC6; float: right; background: repeat-x url(images/aboutus-blue.jpg); background-position: bottom; }

/*------------------------ 
SIGN UP 
------------------------*/
.section .contact { font-weight: bold;  }
.section .contact span { color: #068ec6; font-size: 15px; }
.headline { color: #068ec6; font-weight: bold; font-size: 15px; }

		
/*------------------------
FORM
------------------------*/
#mktForm_6 { margin-left: -15px; }
#contact-form-container { padding: 0 20px 5px 0; width: 280px; background:url(images/form-bottom.jpg) no-repeat bottom right; float: right; }
#contact-form { width: 275px; margin: 0 20px 25px 15px;	float: left; }
.field-container { margin-bottom: 10px; width: 100%; float: right; }
#contact-form label { font-size: 11px; font-weight: bold; color: #000; text-align: right; width: 95px; float: left; }
#contact-form input, #contact-form textarea { font-size: .9em; width: 170px; border-top: 1px solid #999; border-left: 1px solid #999; float: right; }
#contact-form textarea { height: 75px; }
.star { font-size: 13px; }



/*#main-content #contact-form-container h4 { margin-top: 20px; text-indent: -9999px; color: #fff; width: 218px; height: 52px; background: url(images/learn-how.jpg) no-repeat; }*/

/*------------------------
GOOGLE AD POP UP PAGE
------------------------*/
#popupImage { padding-bottom: 20px; float: left; }
	
/*------------------------
PRIVACY POLICY
------------------------*/
#privacy { margin-bottom: 10px; background: #fff; }
#privacy h4 { padding: 12px 0 12px 0; width: 100%; text-indent: 20px; color: #fff; font-size: 16px; font-weight: bold; background: #000; }
#text { padding: 10px 20px 20px 20px; color: #666; }
.privacy-headline { margin-top: 20px; font-size: 14px; font-weight: bold; color: #000; }
#privacy .bold { font-weight: bold; color: #000; }
#close-window {  padding-bottom: 15px; width: 100%; text-align: center; clear: both; }
#close-window a {  color: #000; text-decoration: underline; font-weight: bold; }