div#left_page
{
	position:			static; 
	float:				left;
	width:				332px;
	height:				800px;
	
	background-image: 	url("../images/hkd-bg-left-book-front.jpg"); 
	background-repeat: 	no-repeat; 
}

div#right_page
{
	position:			static; 
	float:				left;
	width:				668px;
	height:				800px;
	
	background-image: 	url("../images/hkd-bg-right-book-front.jpg"); 
	background-repeat: 	no-repeat; 
}

/*
	content left elements
*/

.cle_menu_right
{
	margin-left:		30px;
	margin-right:		32px;
	
	color:				#263048;
	font-size:			14px;
	font-weight:		600;	
	font-style:			normal;
	line-height:		16px;
	text-align:			right;
	text-decoration:	none;
}

.cle_menu_right a:link
{
	color:				#263048;
	font-weight:		300;
	font-style:			normal;
	text-decoration:	none;
}

.cle_menu_right a:visited
{
	color:				#263048;
	font-weight:		300;	
	font-style:			normal;
	text-decoration:	none;
}

.cle_menu_right a:focus
{
	color:				#618AA0;
	font-weight:		300;	
	font-style:			normal;
	text-decoration:	none;
}

.cle_menu_right a:hover
{
	color:				#618AA0;
	font-weight:		300;	
	font-style:			normal;
	text-decoration:	none;
}

.cle_menu_right a:active
{
	color:				#618AA0;
	font-weight:		300;	
	font-style:			normal;
	text-decoration:	none;
}


/*
	content right elements
*/

.cre_title
{
	margin-left:		88px;
	margin-right:		0px;
	
	color:				#263048;
	font-size:			30px;
	font-weight:		300;	
	font-style:			normal;
	line-height:		30px;
	text-align:			left;
	text-decoration:	none;
}


.cre_menu_left
{
	margin-left:		32px;
	margin-right:		5px;
	
	color:				#263048;
	font-size:			14px;
	font-weight:		300;	
	font-style:			normal;
	line-height:		16px;
	text-align:			left;
	text-decoration:	none;
}

.cre_menu_left a:link
{
	color:				#263048;
	font-weight:		300;
	font-style:			normal;
	text-decoration:	none;
}

.cre_menu_left a:visited
{
	color:				#263048;
	font-weight:		300;	
	font-style:			normal;
	text-decoration:	none;
}

.cre_menu_left a:focus
{
	color:				#618AA0;
	font-weight:		300;	
	font-style:			normal;
	text-decoration:	none;
}

.cre_menu_left a:hover
{
	color:				#618AA0;
	font-weight:		300;	
	font-style:			normal;
	text-decoration:	none;
}

.cre_menu_left a:active
{
	color:				#618AA0;
	font-weight:		300;	
	font-style:			normal;
	text-decoration:	none;
}


.cre_text_left
{
	margin-left:		0px;
	margin-right:		0px;
	
	color:				#263048;
	font-size:			14px;
	font-weight:		300;	
	font-style:			normal;
	line-height:		16px;
	text-align:			left;
	text-decoration:	none;
}

.cre_text_left a:link
{
	color:				#263048;
	font-weight:		300;
	font-style:			normal;
	text-decoration:	none;
}

.cre_text_left a:visited
{
	color:				#263048;
	font-weight:		300;	
	font-style:			normal;
	text-decoration:	none;
}

.cre_text_left a:focus
{
	color:				#618AA0;
	font-weight:		300;	
	font-style:			normal;
	text-decoration:	none;
}

.cre_text_left a:hover
{
	color:				#618AA0;
	font-weight:		300;	
	font-style:			normal;
	text-decoration:	none;
}

.cre_text_left a:active
{
	color:				#618AA0;
	font-weight:		300;	
	font-style:			normal;
	text-decoration:	none;
}