/* 
 * Wrapper for entire footer 
 * Should _not_ be removed
 */
.footer{
	margin: auto;
	width:100%;
	background-color: #646464; /* Fallback background colour */
	font-size: 0.75em; /* Default font size for the footer - can be overridden below */

	/* cross browser support for background image gradient */
	background-image: -ms-linear-gradient(top, #646464 0%, #424242 70%); /* IE10 Consumer Preview */ 
	background-image: -o-linear-gradient(top, #646464 0%, #424242 70%); /* Opera */ 
	background-image: -moz-linear-gradient(top, #646464 0%, #424242 70%);/* Firefox */ 
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #646464), color-stop(0.7, #424242)); /* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-linear-gradient(top, #646464 0%, #424242 70%); /* (Chrome 11+) */ 
	background-image: linear-gradient(to bottom, #646464 0%, #424242 70%); /* IE10 Release Preview */ 
}

.footer ul{
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

.footer .footer-container, .footer .legal-footer{
	margin:auto; /* Centres the footers main content */
	width:960px; /* Width of footer main content (to match grid) */
}

.footer .footer-nav-list{
	display:inline-block;
	width: 125px; /* WIDTH OF MENU BLOCKS - can be specified per list below (list-1 class) */
	padding-left:15px; /* padding between menu blocks */
	padding-right:15px; /* right of this blocm will combine with left of next */
	float:left; 
}

.footer ul li, .footer ul li a{ 
	color: #ddd;
	text-decoration: none;
}

.main-footer .list-1{
	/* Example of where custom list styles can be added for a nav block (see html for class position) */
	/* Would use this to specify custom widths for individual nav columns */
	/* width: ; */
	
	
	height: 235px;
}




.main-footer .list-3{
	/* Example of where custom list styles can be added for a nav block (see html for class position) */
	/* Would use this to specify custom widths for individual nav columns */
	/* width: ; */
	
	
	width: 110px;
}


.main-footer .list-4{
	/* Example of where custom list styles can be added for a nav block (see html for class position) */
	/* Would use this to specify custom widths for individual nav columns */
	/* width: ; */
	
	
	width: 140px;
}

/* MAIN 'NAV' FOOTER 
 * These apply to the main body of the footer	
 */
.main-footer{
	min-height: 135px; /* minimum *height for footer*, must match 'height' below */
	height: auto !important; /* IE7 specific fix */
	height: 135px; /* height */
	padding:20px 15px;
	
}

/* Headings */
.main-footer h3{
	display inline-block;
	height: auto;
	color: #b1cb06;
	font-size:1em;
	
	font-weight:normal;
	margin-top:0px; /* Gap above header */
	margin-bottom:5px; /* Gap below header */
}

/* Heading links */
.main-footer h3 a{
	color: #b1cb06;
	text-decoration: none; 
}

/* Footer list item blocks */
.main-footer ul{
	display:inline-block;
}

/* link containers */
.main-footer li{
	font-family: "DinWebLight", Arial;
	background-image: url(dash.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px; 
	padding-left:7px; /* spacing for preceding dash*/
	padding-bottom:1px; /* padding below each link */
	line-height:15px;
}

/* The links themselves */
.main-footer ul li a:hover, .main-footer h3 a:hover{
	text-decoration: underline;
}

/* LEGAL FOOTER */
.legal-footer-container{
	clear:both;
	height:40px;
	background-color: #2f2f2f;
}

.legal-footer ul{
	float:right;
	margin-top: 15px; /* Link list indentation from the top */
	margin-right:30px; /* Link list indentation from the right */
}

.legal-footer ul li{
	display:inline;
}

.legal-footer ul li a:hover{
	text-decoration: underline;
}

.legal-footer ul li.spacer{
	padding: 0 4px; /* styling to add spacing around '|' (pipe) delimiter */
}