/*
/* ========================== SOF FOOTER ELEMENTS ========================== * /
body {background: #e9e9e9}
#ja-footer {width:100%;margin:0;padding:0;font-size:11px;text-align:left;padding-top:7px;}
#bottom-logo-bg {width:100%; height: 220px; background:transparent url('http://www.itweb.co.za/logos/ITW-footer-shadow.png') repeat-x left top;}
#bottom-logo-cell {width: <?php echo $page_width-40;?>px; height: 220px; margin: 0 auto; background: url('http://www.itweb.co.za/logos/ITW-randompage-logo.png') no-repeat right top;}
#ja-footer ul {padding-top:12px;margin: 0;}
#ja-footer li {display:inline-block;font-size:11px;border-right:1px solid #999;}
a.footer-link {font-size:11px;padding:0 10px 0 6px;}
.first-item {padding-left: 0!important;}
#copyright {text-align:left;color:#999;}
#copyright a {color:#999;text-decoration:none;}
#copyright a:hover, #copyright a:active, #copyright a:focus {color:#cc2c0e;text-decoration:underline;}
.footer-copyright {font-size:11px;font-style:italic;margin-top:18px;color:#999;}
.borderless {border-right:none !important;}
/* ========================== EOF FOOTER ELEMENTS ========================== * /
/* ===================== SOF SOCIAL ICON STYLES ====================== * /
a.fb-link, a.twt-link, a.lin-link, a.gplus-link, a.yt-link {display:inline-block; overflow:hidden; width:30px; height:30px; line-height: 0; font-size: 0; text-indent: -999em;background:url('http://www.itweb.co.za/logos/ITW-social-icons.png') no-repeat 0 0; margin:-7px 7px 0 0; border-radius: 50%;}

a.fb-link {background-position:0px 0px;}
a.twt-link {background-position:-30px 0px;}
a.lin-link {background-position:-60px 0px;}
a.yt-link {background-position:-90px 0px;}
a.gplus-link {background-position:-120px 0px;}

a.fb-link:hover {background-position:0 -30px;}
a.twt-link:hover {background-position:-30px -30px;}
a.lin-link:hover {background-position:-60px -30px;}
a.yt-link:hover {background-position:-90px -30px;}
a.gplus-link:hover {background-position:-120px -30px;}

.last-item {margin-right: 0!important;}
/* ====================== EOF SOCIAL ICON STYLES ====================== * /
#hr {
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(153,153,153,0.8), rgba(0,0,0,0));
    background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(153,153,153,0.8), rgba(0,0,0,0));
    background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(153,153,153,0.8), rgba(0,0,0,0));
    background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(153,153,153,0.8), rgba(0,0,0,0));
    margin:27px 0;
}
/* ======================= EOF FOOTER ELEMENTS ======================== * /
*/
body {
	background: #fff;
}
#ja-footer {
	width: 100%;
	margin: 0;
	padding: 1.4rem 0;
	font-size: 0.8rem;
	text-align: left;
}
#bottom-logo-bg {
	width: 100%;
	background: #e9e9e9 url('../images/itweb-footer-shadow.png') top left repeat-x;
	/*
	background: #e9e9e9;
	-webkit-box-shadow: inset -1px 81px 34px -86px rgba(0,0,0,1);
	-moz-box-shadow: inset -1px 81px 34px -86px rgba(0,0,0,1);
	box-shadow: inset -1px 81px 34px -86px rgba(0,0,0,1);
	*/
	min-height: 28rem;
}
#bottom-logo-cell, #bottom-logo-bg > .row {
background: transparent;
}
#ja-footer ul {
	margin-left:0;
}
a.footer-link {
	font-size: 0.8rem;
	padding: 0 0.8rem 0 0.5rem;
}
.first-item {
	padding-left: 0!important;
}
.first-icon-foot {
	margin-left: -1.4rem;
}
#copyright, #copyright a {
	color: #999;
}
#copyright a:hover,
#copyright a:active,
#copyright a:focus {
	color: #cc2c0e;
	text-decoration: underline;
}
.footer-copyright {
	font-size: 0.8rem;
	font-style: italic;
	margin-top: 1.2rem;
	color: #999;
}
.borderless {
	border-right: none !important;
}
.fa-hp-foot {
	font-size:2rem;
	margin-top: -0.4rem;
	margin-left: 0.8rem;
}
#hr {
	border: 0;
	height: 1px;
	background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(153,153,153,0.8), rgba(0,0,0,0));
	background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(153,153,153,0.8), rgba(0,0,0,0));
	background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(153,153,153,0.8), rgba(0,0,0,0));
	background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(153,153,153,0.8), rgba(0,0,0,0));
	margin: 1rem 0 1.6875rem;
}
@media only screen {
	#ja-footer li {
		display: block;
		font-size: 0.9rem;
		padding-left: 0!important;
	}
	.social-icons-foot, .testimonial-foot, .footer-copyright {
		width: 100%;
		text-align: center;
	}
	.intel-itw {
		text-align:right;
		margin-top: 0.4rem;
	}
	.testimonial-foot {
		margin-bottom: 3rem;
	}
}
@media only screen and (min-width: 40.0625em) {
	#ja-footer li {
		display: inline-block;
		border-right: 1px solid #aaa;
	}
	.intel-itw {
		text-align:right;
		margin-top: 0;
	}
	.intel-itw img {
		margin:0.2rem 0 0 1rem;
	}
}
@media only screen and (min-width: 64.0625em) {
	.intel-itw {
		text-align:right;
		width: 12rem;
		margin-top: 0.2rem;
	}
	.social-icons-foot {
		float: right;
	}
}