/*--------------------------------
  General CSS Variables
  --------------------------------*/
html, body {
  color           : #000;
  width						: 100%;
  margin					:	0 auto;
  padding					: 0;
  font						: normal normal normal 11px Arial, Arial, Helvetica, sans-serif;
	background			: #fff;
}
body {
	text-align			: center;
}
html {
}

a,
a:link, 
a:visited, 
a:hover {
  font						: normal normal normal 11px Arial, Arial, Helvetica, sans-serif;
	color						: #FF0;
  text-decoration : none;
}

div.m_clear{
	clear	: both;
}

/*--------------------------------
  Containers
  --------------------------------*/
div.m_container_header,
div.m_container_body,
div.m_container_main,
div.m_container_contact,
div.m_container_footer {
	position		: relative;
	width				: 100%;
}  

div.m_container_contact,
div.m_container_main {
	position		: absolute;
	top					: 0;
	left				: 0;	
}

div.m_container_contact {
	display:none;
	z-index:999;
}

div.m_container_header,
div.m_container_footer {
	z-index:10;
}
div.m_container_main {
	z-index:200;
}


/*--------------------------------
  Wrappers
  --------------------------------*/
div.m_wrapper_header,
div.m_wrapper_body,
div.m_wrapper_main,
div.m_wrapper_contact,
div.m_wrapper_footer{
	text-align	: left;
	position		: relative;
	margin			: 0 auto;
	width				: 1000px;
	}  
	
div.m_wrapper_header {
	height			: 325px;
	}  
div.m_wrapper_body {
	min-height	: 266px; 
	overflow		: hidden;
}  

div.m_wrapper_contact{
	z-index			: 300;
	top					: 48px;
	height			: 586px;
	width				: 744px;
}

div.m_wrapper_main {
	height			: 479px;
	width				: 202px;
	top					: 316px;
	left				: 366px;
	z-index			: 200;
}

div.m_wrapper_footer {
	height			: 266px;
	top					: -8px;
}  

/*--------------------------------
  Area: Flash Container>>Images
  --------------------------------*/
div.m_wrapper_main div.m_login {
	cursor:pointer;
	position		: relative;
	top : -46px;
}
div.m_wrapper_main div.m_didknow {
	position		: relative;
	top : -56px;
}

div.m_wrapper_main div.m_contact {
	cursor			: pointer;
	position		: relative;
	top					: 4px;
	left				: 55px;
	
}
/*--------------------------------
  Area: Grey Background
  --------------------------------*/
div.m_blankbackground	{
	height:100%;
	width:100%;
	background-color: #000;
	position:fixed;
	top:0;
	left:0;
	z-index:250;
	display:none;
}
/*--------------------------------
  Area: Header
  --------------------------------*/
div.m_bcbs_logo {
	position:relative;
	width	: 247px;
	height:95px;
	top:-276px;
	left:735px;
	z-index:100;
}

div.m_bcbs_logo img {
	position:relative;
	width	: 247px;
	height:95px;
}

/*--------------------------------
  Area: Body 
  --------------------------------*/
div.m_body_left {
	background	: url(../images/hbe_body_left.jpg) no-repeat; 
	text-align	: left;
	width				: 312px;
	height			: 266px;
	position		: relative;
	float				: left;
	margin			: 0;
	padding			: 0;
}  
div.m_body_center {
	text-align	: left;
	width				: 428px;
	height			: 274px;
	position		: relative;
	float				: left;
	margin			: 0;
	padding			: 0;
}  
div.m_body_center img {
	float : left;
	border : 0;
	margin			: 0;
	padding			: 0;
}  

div.m_body_right {
	background	: url(../images/hbe_body_right.jpg) no-repeat; 
	text-align	: left;
	width				: 260px;
	height			: 266px;
	position		: relative;
	float				: left;
	margin			: 0;
	padding			: 0;
}  


/*--------------------------------
  Area: Body 
  --------------------------------*/
div.m_body_left p {
	color:#306898;
	font	:	normal normal normal 15px/19px Arial, Arial, Helvetica, sans-serif;
	margin : 0 27px 0 38px;
	position:relative;
	text-align: left;
	top:-1px;
	z-index:100;
	
}
div.m_footer_text {
	color:#306898;
	font	:	normal normal normal 7px Arial, Arial, Helvetica, sans-serif;
	margin : 0 10px;
	position:relative;
	text-align: center;
	top:165px;
}

div.m_buttonlike {
	position:relative;
	left:23px;
	top:34px;
	background:transparent;
}