/*
*
*	(c) 2015 Kenneth Blane Designs (www.kbdesigns.co.za)
*	Site developed by Kenneth Blane Designs (Pty) Ltd
*
*/

/* ============================== *
*           GLOBAL CSS            *
*  ============================== */

@font-face {
    font-family: "FuturaBold";
    src: url("resources/font/FuturaStd-Bold.otf");
}

@font-face {
    font-family: "FuturaStd";
    src: url("resources/font/FuturaStd-Medium.otf");
}

html{
	font-family: "FuturaStd";
	
	margin-top: 0px;	
}

body {
	background-color: #E80000;
	margin: 0px;	
	text-align:center;
}

b {
	font-family: "FuturaBold";
}

a {
	text-decoration: none;
}

/* ============================== *
*         HEADER CSS            *
*  ============================== */

.header {
	font-family: "FuturaBold";
	background-color: #ffffff;
	color: #000000;
	width:100%;
	height: 150px;
	top: 0;
    left: 0;
    right:0;
	text-align:center;
	padding-top:50px;
	display:absolute;
	z-index:-2;
}

.logo {
	display: inline-block;
	text-align: center;
	padding-right:150px;
	width:200px;
	height: auto;
}

.header_elm {
	display: inline-block;
	text-transform: uppercase;
}

#menu {
	height:150px;
	color: #000000;
}

.menu_link {
	text-decoration: none;
}

#menu_option {
	background-color: #FFFFFF;
	color: #000000;
	height:100%;
	vertical-align:top;
	font-weight: bold;
	padding:3px;
	padding-top:20px;
}

#menu_select {
	background-color: #E80000;
	color: #FFFFFF;
	height:100%;
	vertical-align:top;
	font-weight: bold;
	padding:3px;
	padding-top:20px;
}

/* ============================== *
*      BANNER & CONTAINER CSS     *
*  ============================== */

.banner_container {
	min-width:280px;
	max-width:900px;
	text-align:center;
	margin:-60px auto;
	
}

.banner {
	width: 100%;
}

.container {
	background-color: #ffffff;
	min-width:280px;
	max-width:840px;
	margin:0px auto;
	bottom:0;
	left: 0;
	padding-top: 70px;
	padding-bottom: 60px;
	
}

.content {
	text-align: left;
	padding-left: 40px;
	padding-right: 40px;
	font-size: 12px;
}

.section_heading {
	background-color: #E80000;
	color: #FFFFFF;
	width:230px;
	vertical-align:middle;
	text-align:left;
	font-weight: bold;
	font-size: 12px;
	padding:5px;
	padding-left:10px;
	text-transform: uppercase;
	margin-top:-5px;
}

/* ============================== *
*           FOOTER CSS            *
*  ============================== */

.footer {
	background-color: #000000;
	color: #ffffff;
	width:100%;
	min-height: 40px;
	max-height: 80px;
	position: fixed;
    bottom: 0;
    left: 0;
    right:0;
    padding-top:5px;
	text-align:center;
}

.footer > ul {
	margin:0px;
	padding:0px;
	list-style:none;
	overflow:visible;
	font-size:10px;
}

.footer > ul > li {
	display:inline-block;
}

.footer > ul > li > ul {
	margin:0px 0px 0px;
	padding:0px;
	list-style:none;
	overflow:visible;
}

.footer_elm_img {
	display: inline-block;
	text-align: left;
}

.footer_elm_txt1 {
	display: inline-block;
	text-align: left;
}

.footer_elm_txt2 {
	display: inline-block;
	text-align: left;
	height:29px;
	vertical-align:middle;
}

#footer_maillink {
	text-decoration:none;
	color: #ffffff;
}

#footer_location {
	display:inline-block;
	width:230px;
}

#footer_mobile, #footer_mail, #footer_web {
	display:inline-block;
	width:140px
}

/* ============================== *
*         SERVICES CSS            *
*  ============================== */

ul.services_list {
	list-style-type: square;
	
}

ul.services_list:before {
	color: #E80000;
}

/* ============================== *
*         CLIENT CSS            *
*  ============================== */
.container > ul.client_logo_list {
	margin:0px;
	padding:0px;
	list-style:none;
	overflow:visible;
	font-size:10px;
}
ul.client_logo_list > li {
	display:inline-block;
}

ul.client_logo_list > li > ul {
	margin:0px 0px 0px;
	padding:0px;
	list-style:none;
	overflow:visible;
	padding:7px;
}

ul.client_logo_list > li > ul > li {
	border:1px solid grey;
	padding:10px;
}
.client_logo {
	display: inline-block;
	text-align: center;
	width: 320px;
	height: 50px;
}

.client_logo > img {
	height: 100%;
	width: auto;
}