@CHARSET "ISO-8859-1";

* 
{
	margin:0;
	padding:0;
}

#wrapper
{
	margin:0 auto;
	padding:0;
	width:990px;
	height:100%;
	background:#ffffff;
}

#page
{
	margin:0 auto;
	width:990px;
	height:100%;
}

/** HEADER **/

#header
{
	width:990px;
	height:122px;
	clear:both;
}

#header .header-bar
{
	width:100%;
	height:23px;
	background:#000000;
}

#header .header-masthead
{
	margin:2px 0 0 0;
	width:100%;
	height:97px;
	background:#004159;
}

#header .header-masthead .logo
{
	padding:18px 0 0 25px;
	float:left;
}

#header .header-masthead .sub-header
{
    padding:40px 19px 0 0;
	float:right;
}

/** NAVIGATION **/

#navigation
{
	margin:2px 0 0 0;
	padding:0 0 0 20px;
	width:970px;
	height:35px;	
	background:#696969;
	clear:both;
}

#navigation a
{
	padding:0 31px 0 31px;
}

#navigation a.login
{
	padding:0 0 0 123px;
}

/** FEATURE **/

#feature
{
	width:990px;
	height:195px;
	clear:both;
	z-index:0;
}

#feature ul#cycle li
{
	width:990px;
	height:195px;
}

#feature .slide1
{
	width:990px;
	height:195px;
	background:url(../images/hmm_main_1.jpg) no-repeat;
}

#feature .slide2
{
	width:990px;
	height:195px;
	background:url(../images/hmm_main_2.jpg) no-repeat;
}

#feature .slide2 .watch-video,
#feature .slide3 .watch-video
{
	padding:151px 0 0 727px;
}

#feature .slide3
{
	width:990px;
	height:195px;
	background:url(../images/hmm_main_3.jpg) no-repeat;
}

#intro-links ul
{
	position:absolute;
	padding:155px 0 0 54px;
	list-style-type:none;
	z-index:100;
}

#intro-links ul li
{
	float:left;
}

#intro-links a
{
	padding:0 7px 0 0;
	width:23px;
	height:23px;
	display:block;
	background:url(../images/btn_inactive.gif) no-repeat;		
}

#intro-links a.activeSlide
{
	padding:0 7px 0 0;
	width:23px;
	height:23px;
	display:block;
	background:url(../images/btn_active.gif) no-repeat;		
}

/** SUB FEATURE **/

#sub-feature
{
	width:990px;
	height:72px;
	clear:both;
}

/** CONTENT **/

#content-holder
{
    margin:25px 0 0 0;
	width:990px;
	clear:both;	
}

/** MAIN PAGE **/

#content-holder .main
{
	padding:30px 20px 0 50px;
	width:612px;
    background:url(../images/top_border.gif) no-repeat 50px 0;
	float:left;	
}

#content-holder .main p
{
	padding:40px 0 0 0;
	font-family:Arial;
	font-size:13px;
	line-height:19px;
	color:#464646;
}

#content-holder .main p.focus
{
	padding:0;
	font-family:Arial;
	font-size:15px;
	line-height:22px;
	color:#570900;
}

#content-holder .main p img.preview
{
	padding:0 20px 20px 0;
	float:left;
}

/** LEFT NAV **/

#content-holder .left-nav
{
    width:190px;
	display:block;
	float:left;		
}

#content-holder .left-nav ul
{
	padding:0 0 0 25px;
	width:135px;
	list-style-type:circle;
	border-top:1px dashed #cccccc;
	border-bottom:1px dashed #cccccc;
}

#content-holder .left-nav ul li
{
    font-family:Georgia;
	font-size:12px;
	color:#333333;	
	line-height:28px;
}

#content-holder .left-nav ul li.active
{
	list-style-type:disc;
}

#content-holder .left-nav ul li a
{
	color:#333333;
	text-decoration:underline;
	font-weight:normal;	
}

#content-holder .left-nav ul li a:hover
{
	text-decoration:none;	
}

#content-holder .left-nav ul li.active a
{
	color:#333333;
	text-decoration:none;
	font-weight:bold;	
}

/** LEFT NAV SUB NAV **/

#content-holder .left-nav ul li ul.sub
{
	padding:0 0 0 25px;
	width:110px;
	list-style-type:circle;
	border:none;
}

#content-holder .left-nav ul li ul.sub li
{
    font-family:Georgia;
	font-size:12px;
	color:#333333;	
	line-height:28px;
}

#content-holder .left-nav ul li ul.sub li.active
{
	list-style-type:disc;
}

#content-holder .left-nav ul li ul.sub li a
{
	color:#333333;
	text-decoration:underline;	
	font-weight:normal;
}

#content-holder .left-nav ul li ul.sub li a:hover
{
	text-decoration:none;	
}

#content-holder .left-nav ul li ul.sub li.active a
{
	color:#333333;
	text-decoration:none;
	font-weight:bold;	
}

/** SUBPAGE **/

#content-holder .subpage
{
	padding:0 20px 0 0;
    width:485px;
	float:left;		
}

#content-holder .subpage a
{
	color:#1f7c96;
	text-decoration:none;
}

#content-holder .subpage a:hover
{
	text-decoration:underline;
}

#content-holder .subpage p
{
	padding:10px 0 0 0;
	font-family:Georgia;
	font-size:12px;	
	color:#000000;
	line-height:22px;
	display:block;
	clear:both;	
}

#content-holder .subpage p.divider
{
	border-bottom:1px dashed #cccccc;
}

#content-holder .subpage h2
{
	padding:0 0 10px 0;
  	font-family:Georgia;
	font-size:18px;
	font-weight:bold;
	color:#570901;		
}

#content-holder .subpage ul
{
	padding:0 0 0 30px;	
}

#content-holder .subpage ul li
{
	font-family:Georgia;
	font-size:12px;	
	color:#000000;
	line-height:22px;
}

#content-holder .subpage ul.left
{
	float:left;
}

#content-holder .subpage table tr td
{
	padding:10px 10px 0 0;
	font-family:Georgia;
	font-size:12px;	
	color:#000000;	
}

/** REGISTER **/
#content-holder .subpage .register, 
#content-holder .subpage .contact-us
{	
	width:485px;	
}

#content-holder .subpage .register h2,
#content-holder .subpage .contact-us h2
{
	padding:0 0 20px 0;
  	font-family:Georgia;
	font-size:18px;
	font-weight:bold;
	color:#570901;		
}

#content-holder .subpage .register .form-row,
#content-holder .subpage .contact-us .form-row
{
	padding:10px 0 0 0;
	font-family:Georgia;
	font-size:12px;	
	color:#000000;
	line-height:22px;
	display:block;
	clear:both;
}

#content-holder .subpage .register label,
#content-holder .subpage .contact-us label
{
	width:120px;
	display:block;
	float:left;
}

#content-holder .subpage .register input.text,
#content-holder .subpage .contact-us input.text
{
	width:250px;
	display:block;
}

#content-holder .subpage .register select.text,
#content-holder .subpage .contact-us select.text
{
	width:250px;
	display:block;
}

#content-holder .subpage .register label.error,
#content-holder .subpage .contact-us label.error
{
	width:250px;
	color:#570901;
	display:block;
}

#content-holder .subpage .register input.button,
#content-holder .subpage .contact-us input.button
{
	padding:20px 0 0 0;
	display:block;
}

#content-holder .subpage .register span.required,
#content-holder .subpage .contact-us span.required
{
	color:#570901;	
}


/** VIDEO **/
#content-holder .subpage .video
{
	margin:0 0 35px 0;
}

/** VIEWPOINT **/

#content-holder .subpage .viewpoint
{
	margin:0 0 30px 0;
	width:485px;
	min-height:80px;
	display:block;
	clear:both;
}

#content-holder .subpage .viewpoint .icon
{
	padding:10px 0 0 0;
	width:80px;
	display:block;
	float:left;	
}

#content-holder .subpage .viewpoint .details
{
	width:400px;
	display:block;
	float:left;
}

#content-holder .subpage .viewpoint .details p
{
	padding:10px 0 0 0;
	font-family:Georgia;
	font-size:12px;	
	color:#000000;
	line-height:22px;
	display:block;
	clear:both;
}

#content-holder .subpage .viewpoint .details p span
{
	font-family:Arial;
	color:#797979;
	font-weight:bold;
}

#content-holder .subpage .viewpoint .details p a
{
	font-weight:bold;
	color:#1f7c96;
	text-decoration:underline;
}

#content-holder .subpage .viewpoint .details p a:hover
{
	color:#1f7c96;
	text-decoration:none;
}

/** SIDEBAR **/

#content-holder .sidebar
{
	width:284px;	
	height:640px;
	background:url(../images/sign_up_bkgd.gif) no-repeat;
	float:left;
}

#content-holder .sidebar .hmm_new 
{
	padding:20px 13px 0 13px;
	width:258px;
	height:420px;
	background:url(../images/signup_divider.gif) no-repeat 10px 420px;
	clear:both;
}


#content-holder .sidebar .hmm_new p
{
	padding:5px 0 5px 0;
    font-family:Georgia;
	font-size:14px;
    color:#363636;
	line-height:19px;
}

#content-holder .sidebar .hmm_new a
{
    color:#363636;
	text-decoration:underline;
}

#content-holder .sidebar .hmm_new h3
{
    font-family:Georgia;
	font-size:15px;
	font-weight:bold;
	color:#570901		
}

#content-holder .sidebar .signup
{
	padding:10px 13px 0 13px;
	width:258px;
	height:220px;
	clear:both;
}

#content-holder .sidebar .signup h3
{
    font-family:Georgia;
	font-size:15px;
	font-weight:bold;
	color:#570901;		
}

#content-holder .sidebar .signup p
{
	padding:16px 0 10px 0;
    font-family:Georgia;
	font-size:14px;
    color:#363636;
	line-height:19px;
}

#content-holder .sidebar .signup form
{
	margin:10px 0 0 0;
	display:block;
}

#content-holder .sidebar .signup form .form-row
{
	width:258px;
	height:30px;
    display:block;		
	clear:both;
}

#content-holder .sidebar .signup form .form-row label
{
	padding:2px 0 0 0;
	width:90px;
	font-family:Georgia;
	font-size:12px;
    color:#363636;
	display:block;
	float:left;
}

#content-holder .sidebar .signup form .form-row label.error
{
	width:200px;
	color:#570901;
	font-size:12px;
	font-style:italic;
}

#content-holder .sidebar .signup form .form-row input
{
    width:160px;
	float:right;		
}

#content-holder .sidebar .signup form .form-row input.button
{
	padding:10px 0 0 0;
	width:86px;
	height:28px;
	float:right;
}

#content-holder .sidebar .signup #invalid-login
{
	padding:0 0 5px 0;
	font-family:Georgia;
	font-size:12px;
	color:#ff0000;
	font-style:italic;
	display:none;	
}

/** KEEP UP **/

#content-holder .sidebar .keep-up
{
	margin:10px 0 0 0;
	padding:30px 13px 0 13px;
	width:258px;
	height:200px;
	background:url(../images/signup_divider.gif) no-repeat 10px 0;
	display:block;
	clear:both;
}

#content-holder .sidebar .keep-up h3
{
    font-family:Georgia;
	font-size:15px;
	font-weight:bold;
	color:#570901;		
}

#content-holder .sidebar .keep-up ul
{
	padding:10px 0 0 0;
	list-style-type:none;
}

#content-holder .sidebar .keep-up ul li
{
	padding:12px 0 0 40px;
	height:30px;
	border-bottom:1px solid #cccccc;
	font-family:Georgia;
	font-size:14px;
    color:#363636;
	line-height:19px;
}

#content-holder .sidebar .keep-up ul li a
{
    color:#363636;
	text-decoration:none;
}

#content-holder .sidebar .keep-up ul li a:hover
{
	text-decoration:underline;
}

#content-holder .sidebar .keep-up ul li.twitter
{
	background:url(../images/icon_twitter.gif) no-repeat 5px 10px;
}

#content-holder .sidebar .keep-up ul li.facebook
{
	background:url(../images/icon_facebook.gif) no-repeat 5px 10px;
}

#content-holder .sidebar .keep-up ul li.linkedin
{
	background:url(../images/icon_linkedin.gif) no-repeat 5px 10px;
}

#content-holder .sidebar .keep-up ul li.youtube
{
	background:url(../images/icon_youtube.gif) no-repeat 5px 10px;
}

#content-holder .sidebar .keep-up ul li.blog
{
	background:url(../images/icon_blog.gif) no-repeat 5px 10px;
	border:none;
}

/** FOOTER **/

#footer
{
    width:990px;
	height:91px;
	background:#696969;	
    clear:both;
}

#footer .footer-logo
{
	padding:20px 0 0 30px;
	float:left;
}

#footer .footer-text
{
	padding:20px 0 0 16px;
	float:left;
}

#footer .footer-text p
{
	font-family:Arial;
	font-size:10px;
	color:#ffffff;
	line-height:15px;
}

#footer .footer-text p a
{
	color:#ffffff;
	text-decoration:none;
}

#footer .footer-text p a:hover
{
	text-decoration:underline;
}

#footer .footer-text p span.tab
{
	padding:0 0 0 20px;
}