/* additional stylesheet IMPORT
@import 'grid.css';	*/
@import 'reset.css';
@import 'form.css';

/* site-wide styles & GLOBALS */
html,
body	{  }

body	{ background-color : rgb(10, 49, 88); color : rgb(71, 71, 71); font : normal 16px/1.25em "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; margin : 0; padding : 0; text-align : center; }
a,
a:link,
a:visited	{  }
a:hover,
a:focus		{ outline : 0; }
a:active	{  }
h1, h2, h3, h4, h5, h6, p	{ margin-top : 0; margin-bottom : 0; }
h1			{ font-size : 2em; padding : 1.25em 0; }
h2			{ font-size : 1.75em; padding : 1.51786em 0; }
h3			{ font-size : 1.5em; padding : 1.45833em 0; }
h4			{ font-size : 1.33333em; padding : 1.25em 0; }
h5			{ font-size : 1.16667em; padding : 1.51785em 0; }
h6			{ font-size : 1em; padding : 1.25em 0; }
p			{ font-size : 1em; line-height : 1.5em; padding : 1.25em 0; }
p.small		{ font-size : 0.833333em; padding : 1.625em 0; }

/* base LAYOUT */
.column			{ display : inline; float : left; margin : 0 5px; overflow : hidden; }
.container		{ margin : 0; padding : 0; width : 100%; }
.section		{ display : block; margin : 0 auto; overflow : hidden; padding : 0; width : 900px; }
#head			{ background : transparent url(../../assets/images/backgrounds/header.jpg) top left repeat-x; height : 70px; }
#introduction	{ background : transparent url(../../assets/images/backgrounds/introduction.jpg) top left repeat-x; height : 260px; }
#information	{ background : transparent url(../../assets/images/backgrounds/content.jpg) top left repeat-x; height : 370px; }
#content		{ background : rgb(219, 235, 251) url(../../assets/images/backgrounds/content.jpg) top left repeat-x; }
#footer			{ background : rgb(10, 49, 88) url(../../assets/images/backgrounds/footer.jpg) top left repeat-x; height : 65px; padding-bottom : 10px !important; text-align : center !important; }

/* section HEADER */
#branding			{ margin : 0 0 0 5px; padding : 0; }
#branding a			{ background : transparent url(../../assets/images/masthead.jpg) top left no-repeat; display : block; float : left; height : 70px; margin : 0; padding : 0; width : 180px; }
#branding a span	{ display : none; }

/* section INTRODUCTION */
#intro-verbiage		{ text-align : left; width : 440px; }
#intro-verbiage h1	{ color : rgb(21, 80, 137); padding : 1em 0 0.25em; text-shadow : 1px 2px 1px #fff; }
#intro-verbiage p	{ font-size : 15px; text-align : justify; }
h4#slogan			{ background : transparent url(../../assets/images/slogan.jpg) top left no-repeat; height : 64px; margin : 0 auto; padding : 0.25em 0; text-align : center; width : 339px; }
h4#slogan span		{ display : none; }
#intro-video		{ padding : 5px 0 0; text-align : right; width : 440px; }
#intro-video a#player	{ text-align : center; width : 440px; }

/* section INFORMATION */
#benefits			{ text-align : left; width : 440px; }
#benefits h6		{ color : rgb(21, 80, 137); padding : 1.25em 0 0.25em; text-shadow : 1px 2px 1px #fff; }
#benefits ul		{ padding : 0; margin : 0 0 0 10px; }
ul li.starred		{ background : transparent url(../../assets/images/icons/check.png) 0px 6px no-repeat; font-size : 13px; font-weight : bold; line-height : 16px; list-style : none; padding : 4px 0px 5px 25px; text-align : justify; }
#more-info			{ text-align : right; width : 440px; }
#more-info h4		{ color : rgb(21, 80, 137); padding : 0.5em 0 1em; text-align : center; text-shadow : 1px 2px 1px #fff; }
#more-info form		{  }
.form-row			{ margin-bottom : 5px; padding : 0; width : 440px; }
.form-row label		{ color : rgb(90, 168, 14); display : inline-block; font-weight : bold; margin : 0 10px 0 0; padding : 0; text-align : right; }
.form-row input		{ border : 1px solid #999; display : inline-block; padding : 3px 5px 1px; width : 200px; }
.form-row input,
.form-row select	{ margin : 0 50px 0 0; }
#more-info form input[type="submit"],
#more-info form input[type="image"],
#more-info form button	{ margin : 10px 50px 0 0; }

#thanks				{ text-align : right; width : 440px; }
#thanks h1			{ color : rgb(21, 80, 137); padding : 1em 0 0; text-shadow : 1px 2px 1px #fff; }
#thanks p			{ font-size : 16px; padding-left : 35px; text-align : justify; }

/* testimonials */
#testimonials		{ text-align : left; width : 640px; }
#testimonials h6	{ color : rgb(21, 80, 137); padding : 1.25em 0 0.25em; text-shadow : 1px 2px 1px #fff; }
#testimonials hr	{ color : #fff; }
.testimonial		{ min-height : 300px; }
#before-after		{ text-align : right; width : 200px; }
.before-after		{ min-height : 310px; }
.before-after small	{ display : block; font-size : 10px; font-weight : bold; text-align : center; width : 200px }

/* thanksalot */
#thanksalot		{ text-align : left; width : 740px; }
#thanksalot h6	{ color : rgb(21, 80, 137); padding : 1.25em 0 0.25em; text-shadow : 1px 2px 1px #fff; }

#about				{ text-align : left; width : 440px; }
#about h6			{ color : rgb(21, 80, 137); padding : 1.25em 0 0.25em; text-shadow : 1px 2px 1px #fff; }

#product-info		{ text-align : left; width : 440px; }
#product-info h6,
#more-info h6		{ color : rgb(21, 80, 137); padding : 1.25em 0 0.25em; text-shadow : 1px 2px 1px #fff; }
#product-info li	{ font-size : 14px; font-weight : normal; line-height : 20px; list-style : none; padding : 5px 0px; text-align : justify; }
#product-info li.starred	{ background : transparent url(../../assets/images/icons/check.png) 0px 6px no-repeat; font-size : 13px; font-weight : bold; line-height : 16px; list-style : none; padding : 4px 0px 5px 25px; text-align : justify; }

.patchjuice			{ margin-left : 70px; text-align : center; }


/* section FOOTER */
#footer .section			{ text-align : center; }
#footer p					{ color : #cfcfcf; font-size : 12px; }
#footer a					{ color : #fff; }
#footer .addthis_toolbox	{ background : #DBEBFB; margin : 10px auto !important; padding : 5px 0 !important; text-align : center !important; width : 155px !important; }
#footer .addthis_toolbox a	{ color : #0B355D; font-size : 13px !important; }

/* subsection NAVIGATION */
ul#navigation				{ float : right; margin : 0 5px 0 0; padding : 21px 0 0; }
ul#navigation li			{ display : inline; list-style-type : none; }
ul#navigation li a,
ul#navigation li a:link,
ul#navigation li a:visited	{ color : #e9f2fd; display : inline-block; margin : 0 5px; padding : 4px 10px; text-decoration : none; text-shadow : 1px 2px 1px #000; }
ul#navigation li a:hover,
ul#navigation li a:focus	{ outline : 0; }
ul#navigation li a:active	{  }