/* Template */

/*------------ FOOTER ------------*/


#footer-menu {
	background: url(/images/menu/footer.png);
	width: 300px;
	height:200px;

}

#footer-menu-a {
	background: url(/images/menu/footer-m.png);
	width: 300px;
	height:200px;

}

#olivet {
	background: url(/images/menu/olivet.png);
	width: 300px;
	height:200px;

}

#us-menu {
	background: url(/images/menu/cat-us.png);
	width: 300px;
	height:200px;

}

#footer-line
{

	margin: 0 auto;
	position: relative;
	top:2px;
	background: url(/images/page/footer-line.png) repeat-x;
	height: 10px;
	width: 100%;

}

.f-clearfix {
	position: relative;
	width: 765px;
	height:120px;
	margin: 0 auto;


}
.f-clearfix:after {
	clear:both;
	content:"";
	display:block;
	line-height:0;
	height:1%;
	visibility:hidden;
}

.two-box {
	position: relative;
	left:22px;
}

#footer {

	background: #d9d9d9 url(/images/bg-footer.png) repeat-x left top;
	border-top:2px solid #fff;
}
#footer .section {
	float: left;
	min-height: 146px;
	width: 320px;
	border-left: 1px solid #c2c2c2;
	padding: 30px;
}
#footer .section h4 {
	color: #626262;
	font: bold 12px/24px Arial, Helvetica, sans-serif;
	margin: 0;
	text-transform: uppercase;
}
#footer .section p {
	font-size: 12px;
	margin: 0;
}
#footer .section:first-child {
	border: 0;
}
#footer .contact p span {
	text-transform: uppercase;
}
#footnote {
	position: relative;
	margin: 0 auto;
	background: url(/images/page/footnote-m.png) repeat-x;
	width: 100%;
	height: 70px;
	border-top: 2px solid #fff;
	padding: 6px 0 3px;
}
#footnote-l {
	background: url(/images/page/footnote-l.png) left;
	background-repeat: no-repeat;
	position: relative;
	top: 142px;
	height: 70px;
	z-index: 100;
}

#footnote-r {
	background: url(/images/page/footnote-r.png) right;
	background-repeat: no-repeat;
	position: relative;
	top: 72px;
	height: 70px;
	z-index: 100;
}


#footnote-text1 {
	position: relative;
	margin: 0 auto;
		color: #ffffff;
	font: 12px/15px Arial, Helvetica, sans-serif;
	width: 160px;
	height: 160px;

}


#footnote-text {
	position: relative;
	left:-50px;


}

#footnote  {
	
	position: relative;
	color: #ffffff;
	font: 12px/15px Arial, Helvetica, sans-serif;
	margin: 0 auto;

	left: -100px;
	text-align: left;
	text-transform1: uppercase;
}
#footnote .connect {
	float: left;
	display: inline-block;
	margin: 0 10px;
	padding: 6px 0;
}
#footnote .connect a {
	display: inline-block;
	height: 18px;
	width: 18px;
	margin-right: 6px;
}


/*------------ FOOTER BOTTOM IMAGE------------*/
#foot-bottom {
	position: relative;
	margin: 0 auto;
	top:0px;
	background: url(/images/menu/f-bottom.png) repeat-x;
	height: 108px;
	width: 100%;

}

#foot-bottom-a {

	margin: 0 auto;
	position: relative;
	top:0px;
	background: url(/images/footer/f-bottom-a.png) no-repeat center bottom;
	height: 101px;
	width: 670px;

}

/*------------ FOOTER media screen------------*/

@media only screen and (max-width : 680px) {
#foot-bottom-a {

	margin: 0 auto;
	position: relative;
	top:0px;
	background: url(/images/menu/f-bottom-b.png) no-repeat center bottom;
	height: 108px;
	width: 780px;

}



@media only screen and (max-width : 785px) {
	
#foot-bottom-a {

	margin: 0 auto;
	position: relative;
	top:0px;
	background: url(/images/menu/f-bottom-c1.png) no-repeat center bottom;
	height: 108px;
	width: 482px;

}

.f-clearfix {
	position: relative;

	left: -20px;
}
.two-box {
	position: relative;
	width: 350px;
	left: 0px;
}

#footer .section {

	width: 300px;

}
}

@media only screen and (max-width : 765px) {

.f-clearfix {
	position: relative;
	width: 740px;
	height:120px;
	margin: 0 auto;


}
}


@media only screen and (max-width : 740px) {

.f-clearfix {

	width: 350px;
	height: 375px;
}
#footer .section {

	border-left: 0px solid #c2c2c2;

}
.two-box {
	position: relative;
	left: 0px;
}
}


@media11 only screen and (max-width : 475px) {

#footer .section {

	width:15%;
}
}

@media only screen and (max-width : 499px) {

#foot-bottom-a {

	margin: 0 auto;
	position: relative;
	top:0px;
	background: url(/images/menu/f-bottom-d.png) no-repeat center bottom;
	height: 108px;
	width: 300px;

}
}