@charset "utf-8";
#foot4 {
    clear:both;
	margin: 0;
	padding:  25px 0 60px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#foot4 a:hover {
	color:#f4df30;
}

div.exp_ananda {
	min-height:270px;
	width:100$;
	background:url(/i/design/footer/explore-ananda-bg.jpg) top no-repeat;
	background-color:#020741;
	padding:20px 0 0 280px;
}
div.exp_ananda a {
	color:#FFFFFF;
}
.exp_ananda div.exp_content {
	max-width:460px;
	margin:0 auto;
	padding:0 4px;
}
#foot4 .exp_ananda div.exp_content p{
	color:#FFFFFF;
	font-size:17px;
	clear:both;
	margin:4px 0 4px;
	line-height:18px;
}
.exp_ananda .exp_content div.exp_joy {
	max-width:372px;
	margin:0 auto;
}
.exp_ananda .exp_content .exp_joy img {
	float:left;
}
#foot4 .exp_ananda .exp_content .exp_joy h3 {
	float:left;
	color:#FFFFFF;
	font-size:27px;
	font-weight:normal;
	margin:35px 0 0 10px;
}
.exp_ananda .exp_content img.exp_within  {
	margin:0px auto 0;
}


.foot_lnks {
clear:both;
background:url(/i/design/footer/footer-bg2.jpg);
	background-color:#267eb3;
	margin:0;
	padding: 0 0 20px 20px;
}
.foot_lnks div {
float:left; 
padding: 7px 15px 10px 15px;
margin: 0;
width: 190px;
height:200px;
}

#foot4 .foot_lnks h2 {
	font-size:20px;
	font-weight: normal;
	color:#2e447e;
	margin:18px 0 10px;
}
#foot4 .foot_lnks h3 {
	font-size:16px;
	font-weight: normal;
	color:#2e447e;
	margin:24px 0 2px;
}
#foot4 .foot_lnks  p  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #2e447e;
	margin:10px 0;
	line-height: normal;
}
#foot4 .foot_lnks p a {
	color:#2e447e;
	font-size:14px;
	font-weight:normal;
}
#foot4 .foot_lnks h2 a, #foot4 .foot_lnks h3 a  {
	color:#2e447e;
}
#foot4 .foot_lnks p a:hover {
	color: #F60;
}


div.soc_media_ft {
background-color:#ffc967; width:50%; min-height:60px; float:left;}
.soc_media_ft .foot_fb { padding:0 4px 0 8px; width:26px; }
.soc_media_ft .foot_YouT { padding:0 2px 0 4px; width:26px; }

@media only screen and (max-width: 800px) {
div.exp_ananda { padding:30px 0 0 100px;}
}
@media only screen and (max-width: 700px) {
}
@media only screen and (max-width: 600px) {
div.exp_ananda { padding:6px 2px ;}
div.soc_media_ft {width:100%; float:none;}
}
@media only screen and (max-width: 400px) {
#foot4 .exp_ananda .exp_content .exp_joy h3 {
	font-size:20px;
}
}