@charset "utf-8";
/*----------- Harmonic FM  -----------*/

/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td
{ margin: 0; padding: 0; }


/* Normalizes font-size for headers */
h1,h2,h3,h4,h5,h6
{ font-size: 100%; }


/*Removes list-style from lists */
ol, ul
{ list-style: none; }


/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, em, strong, the, var
{ font-style: normal; font-weight: normal; }


/* Removes borders and spacing from tables */
table
{ border-collapse: collapse; border-spacing: 0; }


/*Removes border from fieldset and img */
fieldset, img
{ border: 0; }


/* Left-aligns text in caption and th */
caption, th
{ text-align: left; }


/* Removes quotation marks from q */
q:before, q:after
{ content: ''; }


/* HTML STYLING */
html { font-family: "Trebuchet MS", Helvetica, Arial, sans-serif; font-size: 13px; font-weight: normal; margin: 0; padding: 0; }
body { background-color: #fff; }


/* HEADER STYLING */
#header_container { background-image: url(../images/global/hfm_subheader.jpg); background-position: top; background-repeat: no-repeat; height: 144px; margin: 0 auto; padding: 0; width: 100%; }
#header { background: transparent; display: block; height: auto; margin: 0 auto; padding: 0; width: 960px; }
#header img { display: block; float: left; margin: 45px 0 0 0; overflow: auto; padding: 0; } 
#header img a { border: none; }


/* TOP NAVIGATION STYLING */
#top_nav { background-color: transparent; color:#fff; display: block; float: right; height: auto; margin: 50px 0 0 0; padding: 0; position: relative; width:600px; }
#top_nav .select { list-style: none; margin: 0; padding: 0; }
#top_nav .select span { background: transparent; color: #fff; display: block; float: left; font-size: 12pt; height: 20px; line-height: 20px; padding: 0 10px; text-decoration: none; white-space: nowrap; }
#top_nav .select a { background: transparent; color: #fff; display: block; float: left; font-size: 12pt; height: 20px; line-height: 20px; padding: 0 10px; text-decoration: none; white-space: nowrap; }
* html #top_nav .select a { height: 21px; width: 1px; }
#top_nav .select a:hover, #top_nav .select li:hover a { background: transparent; color: #fff; cursor: pointer; text-decoration:underline; }

#top_nav ul { border: none; margin: 0; padding: 0; text-align: right; }
#top_nav ul li { display: inline; height: auto; margin: 0; padding: 0; }
#top_nav a:link, #top_nav a:visited { color: #fff; font-size: 12pt ; font-weight: normal; margin: 0 0 0 0; text-decoration: none; }
#top_nav a:hover { background-color: transparent; color: #fff; text-decoration: underline; }
#top_nav .sub { display: none; }

/* for IE5.5 and IE6 only */
#top_nav table { border-collapse: collapse; left: 0; position: absolute; top: 0; }
#top_nav .sub li a:hover, #top_nav .select a:hover .sub li a:hover, #top_nav .select li:hover .sub li a:hover { background: transparent; color: #fff; }
#top_nav .select li a:hover .sub, #top_nav .select li:hover .sub { background: transparent; color: #fff; display: block; font-size: 12pt; left:0; margin: 0 0 0 128px; padding: 0; position: absolute; top: 20px; width: auto; z-index: 100; }
#top_nav .sub { list-style: none; margin: 0; padding: 0; }
* html #top_nav .select a:hover .sub { margin: 1px 10px 0 0; z-index: -1; }
#top_nav .select a:hover .sub li a, #top_nav .select li:hover .sub li a { background: transparent; border: 0; color: #fff; display: block; font-size: 12pt; margin: 0 10px 0 0; padding: 5px 5px 5px 5px; text-decoration:none; white-space: nowrap; }
#top_nav .select a:hover .sub li a:hover, #top_nav .select li:hover .sub li a:hover { color:#fff; text-decoration:underline; }


/* BODY STYLING */
#body_container { background: url(../images/global/hfm_bodytop_bg.jpg) white; background-position: top; background-repeat: repeat-x; height: auto; margin: 0; padding: 0; width: 100%; }
#body { background: transparent; color: black; font-family: "Trebuchet MS", Helvetica, Arial, sans-serif; font-size: 13px; font-weight: normal; height: auto; margin: 0 auto; padding: 0; width: 960px; }

#body_header { padding-top: 30px; }
#body_header h1 { color: #43a3cd; font-size: 28px; font-weight: normal; }
#body_header img.hr { margin-bottom: 20px; margin-top: 20px; }

/* FLOATING SPOTLIGHT BOX STYLING (FLOATS TOP RIGHT) */
#body_spotlight_container { background-color: transparent; display: block; float:right; margin: 0 0 20px 20px; padding:0; }
#body_spotlight_container .body_spotlight { background-color: #f5f5f5; border:solid 1px #dddddd; display: block; padding:20px;  }
#body_spotlight_container .body_spotlight h1 { color:#696d5b; font-size: 18px; font-weight: normal; margin-bottom:15px; }
#body_spotlight_container .body_spotlight a { color:#727072; text-decoration:none; }
#body_spotlight_container .body_spotlight a:hover { color:#727072; text-decoration:underline; }
#body_spotlight_container .body_spotlight li { color:#727072; margin-bottom:2px; }
#body_spotlight_container .body_spotlight img.hr { margin-bottom: 10px; margin-top: 10px; }


/* MULTI VIEW AND NAVIGATION STYLING (see about.html)*/
#body_content_view_nav { background: transparent; color:#43a3cd; float:left; width: 250px;  }
#body_content_view_nav a { color: #43a3cd; text-decoration: none; }
#body_content_view_nav a:hover { text-decoration: underline; }
#body_content_view_nav ul { list-style-type:none; padding:0; margin:0; }
#body_content_view_nav li { display:block; margin-bottom:5px;}
#body_content_view_nav li.return { margin-top:40px;}

#body_content_view_frame { background: transparent; float:right; width: 700px;  }
#body_content_view_frame .body_content_view { display:none; width:100%; }
#body_content_view_frame .body_content_view h1 { color: #43a3cd; font-size: 18px; font-weight: normal; margin-bottom:20px; }
#body_content_view_frame .body_content_view h2 { color: #43a3cd; font-size: 14px; font-weight: normal; margin-bottom:20px; }
#body_content_view_frame .body_content_view h3 { color: #000; font-weight: bold; margin-bottom:10px; }
#body_content_view_frame .body_content_view ul { list-style-type:disc; margin-left:40px; }
#body_content_view_frame .body_content_view a { color: #43a3cd; text-decoration: none; }
#body_content_view_frame .body_content_view a:hover { text-decoration: underline; }
#body_content_view_frame .body_content_view img.frame { border:solid 1px #000; }
#body_content_view_frame .body_content_view em { font-style:italic; }
#body_content_view_frame .body_content_view .reference { color: #888; font-size:12px; }

#body_content_view_frame .body_content_view .left_column { background-color: transparent; display: block; float: left; height: auto; width: 320px; }
#body_content_view_frame .body_content_view .right_column { background-color: transparent; display: block; float: right; height: auto; width: 320px; }

#body_content_view_frame .body_content_view div.testimonials { background-color: transparent; font-style:italic; width:100% }
#body_content_view_frame .body_content_view div.testimonials h2 { color:#000; font-size:13px; text-align:right; margin-bottom:0px;  }

#body_content_view_frame .body_content_view div.testimonial { background-color: #f5f5f5; border:solid 1px #dddddd; padding:20px; width:100% }
#body_content_view_frame .body_content_view div.testimonial_energy { background-color: #f5f5f5; border:solid 1px #ee9313; padding:20px; width:100% }
#body_content_view_frame .body_content_view div.testimonial_sleep { background-color: #f5f5f5; border:solid 1px #063e78; padding:20px; width:100% }
#body_content_view_frame .body_content_view div.testimonial_relief { background-color: #f5f5f5; border:solid 1px #e03216; padding:20px; width:100% }
#body_content_view_frame .body_content_view div.testimonial_allergy { background-color: #f5f5f5; border:solid 1px #326e24; padding:20px; width:100% }
#body_content_view_frame .body_content_view div.testimonial_emf { background-color: #f5f5f5; border:solid 1px #47463d; padding:20px; width:100% }


/* BODY DETAILS STYLING */
#body_content {}
#body_content em { font-style: italic; }
#body_content h1 { color: #43a3cd; font-size: 18px; font-weight: normal; }
#body_content h2 { color: #000; font-size: 10px; font-weight: normal; font-style:italic; }
#body_content img.hr { margin-bottom: 20px; margin-top: 10px; }

#body_logo { float:left; margin-bottom: 40px; margin-top: 20px; }
#body_logo img { float:left;  }
#body_logo ul { float:right; list-style-type:circle; padding:0; margin:0;  }
#body_logo li { font-size:12pt; font-weight:bold; margin-bottom:15px;  }


#body_image_view_area { background-color: #f5f5f5; border:solid 1px #dddddd; display: block; height:625px; padding:20px; width: 918px; }
#body_image_view_nav { background: transparent; float:left; width: 150px; }
#body_image_view_nav a, a:link, a:hover, a:active, a:visited { color:#fff; }
#body_image_view_nav ul { list-style-type:none; padding:0; margin:0; }
#body_image_view_nav li { display:block; }
#body_image_view_nav li div { background-image:url(../images/global/hfm_thumb_bk2.png); background-repeat:no-repeat; height:118px; padding-left:8px; padding-top:8px; width:118px; }
#body_image_view_nav li div img.normal { border: solid 1px #fff; }
#body_image_view_nav li div img.selected { border: solid 1px #fff000; }
#body_image_view_area p.placement_footnote { font-size:12px; font-style: italic; margin:0 0 0 155px; }

#body_image_view_frame { background: #fff; border:solid 1px #dddddd; float:right;   }
#body_image_view_frame .body_image_view { display:none; height:100%; width:100%;  }
#body_image_view_frame .body_image_view h1 { color:#000; font-size:18pt; padding-top:0;  }



/* DETAIL COLUMN STYLING */
#body_columns {  }
#body_columns a { color: #43a3cd; text-decoration: none; }
#body_columns a:hover { text-decoration: underline; }
#body_columns h1 { color: #43a3cd; font-size: 28px; font-weight: normal; }
#body_columns h2 { color: #43a3cd; font-size: 20px; font-weight: normal; }
#body_columns img.hr { margin-bottom: 20px; margin-top: 20px; }

#body_columns .left_column { background-color: transparent; display: block; float: left; height: auto; width: 440px; }
#body_columns .right_column { background-color: transparent; display: block; float: right; height: auto; width: 440px; }




/* FOOTER STYLING */
#footer_container { background:transparent; height: auto; margin: 0; padding: 0; width: 100%; }
#footer { background-color: transaprent; height: auto; margin: 0 auto; padding: 50px 0 50px 0; text-align:center; width: 960px; }
#footer p { color: #666666; font-family: "Trebuchet MS", Helvetica, Arial, sans-serif, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: normal; line-height: 15px; margin: 0; padding: 0; }
#footer p a { color: #43a3cd; text-decoration: none; }
#footer p a:hover { text-decoration: underline; }
#footer_menu {}
#footer_menu a { color: #43a3cd; margin-left:5px; margin-right:5px; text-decoration: none; }
#footer_menu a:hover { text-decoration: underline; }



.clear { clear: both; }