@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_header.jpg); background-position: top; background-repeat: no-repeat; height: 211px; 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; }


/* SLIDER STYLING */
#slider_container {  background-image: url(../images/home/slider_bg.png); display: block; float: left; height: 343px; margin: -70px 0 0 0; width: 960px; }
#slider { background:url(images/global/loading.gif) no-repeat 50% 50%; border: solid 1px #ccc; display: block; float: none; height: 300px; margin: 22px auto; padding: 0; position:relative; width: 920px; }
#slider img { position:absolute; top:0px; left:0px; display:none; }



/* DETAIL COLUMN STYLING */
#body_columns { padding: 50px 0 0 0; }
#body_columns h1 { color: #43a3cd; font-size: 28px; 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: 340px; }
#body_columns .right_column { background-color: transparent; display: block; float: right; height: auto; width: 520px; }
#body_columns .right_column center img { margin-top: 30px; }
#body_columns .right_column a { color: #43a3cd; text-decoration: none; }
#body_columns .right_column a:hover { text-decoration: underline; }


/* 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; }