#p_hanni_dr					{ position:relative; width:100%; overflow:hidden; background-color:#000; }

#p_hanni_dr .imgbox			{ position:relative; left:0; width:100%; overflow:hidden; }
#p_hanni_dr .charpic			{ position:relative; left:-3.4%; top:0; width:103.4%; display:block; }

#p_hanni_dr .txtbox			{ position:absolute; left:100%; margin-left:-364px; top:0; margin-top:54px; width:296px; height:254px; }
#p_hanni_dr .txtbox h1		{ position:absolute; top:0; left:0; margin-left:0; width:100%; 
								font-family:dejavuserifit,sans-serif; font-size:20px; line-height:22px; color:#FFF; font-weight:400; font-style:italic; }
#p_hanni_dr .txtbox p		{ position:absolute; top:64px; left:0; width:100%;
								font-family:lato,sans-serif; font-size:16px; line-height:20px; color:#FFF; margin:0; padding:0; text-indent:0; }
#p_hanni_dr .txtbox .jumpart	{ color:#AAA; }
								
								
#p_hanni_dr .foabrand		{ position:absolute; left:0; margin-left:0; width:118px; height:34px; top:32px; margin-top:0; }
#p_hanni_dr .foabrand .back	{ position:absolute; left:0; top:0; width:100%; height:100%; background-color:#000; }
#p_hanni_dr .foabrand .info	{ position:absolute; left:0; top:0; width:100%; height:100%; text-align:right;
								font-family:dejavuserifit,serif; font-size:14px; line-height:14px; color:#FFF; margin:0 0 0 -24px; padding:10px; font-style:italic; }
#p_hanni_dr .foabrand .info .blue	{ display:inline; color:#dbcccc; margin:0; padding:0; }
								
								
								
@media screen and (max-width:1350px){
	#p_hanni_dr .txtbox		{ margin-left:-354px; margin-top:42px; }
	
	#p_hanni_dr .charpic		{ left:-20%; width:130%; }
}

@media screen and (max-width:980px){	
	#p_hanni_dr .txtbox		{ margin-left:-312px; margin-top:24px; }
	
	#p_hanni_dr .txtbox h1	{ width:280px; }

	#p_hanni_dr .charpic		{ left:-30%; width:140%; }
}

@media screen and (max-width:840px){
	#p_hanni_dr .charpic		{ padding-top:242px; left:-20%; width:130%; }

	#p_hanni_dr .txtbox		{ position:absolute; top:0; left:0; margin-left:32px; margin-top:24px; width:100%; }

	#p_hanni_dr .txtbox h1	{ position:relative; left:100%; margin-left:-332px; top:0; width:280px; padding:0 0 0 0; }
	#p_hanni_dr .txtbox p	{ position:relative; top:0; margin:24px 0 0 32px; width:524px; }
	
	#p_hanni_dr .foabrand .back	{ background-color:#FFF; }
}

@media screen and (max-width:630px){
	#p_hanni_dr .charpic		{ padding-top:264px; }
	
	#p_hanni_dr .txtbox h1	{ margin-left:-324px; }

	#p_hanni_dr .txtbox p	{ margin:24px 0 0 24px; width:432px; }
}

@media screen and (max-width:530px){
	#p_hanni_dr .charpic		{ padding-top:276px; }

	#p_hanni_dr .txtbox h1	{ margin-left:-324px; }
	
	#p_hanni_dr .txtbox p	{ margin:18px 0 0 18px; width:384px; }
}

@media screen and (max-width:470px){
	#p_hanni_dr .charpic		{ padding-top:284px; }

	#p_hanni_dr .txtbox		{ margin-top:18px; margin-left:24px; }
	
	#p_hanni_dr .txtbox h1	{ margin-left:-284px; }
	#p_hanni_dr .txtbox p	{ margin:14px 0 0 14px; width:324px; }
	
	#p_hanni_dr .foabrand	{ left:-13px; top:284px; margin-top:-34px; }
}

@media screen and (max-width:390px){
	#p_hanni_dr .charpic		{ padding-top:316px; left:-26%; width:170%; }
	#p_hanni_dr .foabrand	{ left:-12px; top:316px; }
	
	#p_hanni_dr .txtbox		{ margin-top:16px; margin-left:18px; }
	
	#p_hanni_dr .txtbox h1	{ margin-left:-284px; width:284px; }
	#p_hanni_dr .txtbox p	{ margin:14px 0 0 6px; width:264px; }
}