/* CSS Document */

/* Global Styles
--------------------------------------------------------------- */

* {
	margin: 0px;
	padding: 0px;
}

body, html {
	min-height: 101%;
}

body {
	text-align: left;
	font-size: 62.5%;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	background: url(../../images/layout/bg.gif) repeat;
	margin: 0px;
}

a:link, a:visited, a:focus {
	color: #6699ff;
	text-decoration: underline;
	outline: none;
}

a:hover, a:active {
	color: #036;
	text-decoration: underline;
}

a img {
	border: none;
}

/* H1/H2/H3 Styles
--------------------------------------------------------------- */

h1 {
	font-size: 1.6em;
	font-weight: bold;
	color: #375f43;
}

h2 {
	font-size: 1.5em;
	font-weight: bold;
	color: #999;
}

h3 {
	font-size: 1.3em;
	font-weight: normal;
	color: #666;
}

/* Container Styles
--------------------------------------------------------------- */

#outerContainer {
	width: 100%;
	float: left;
}

#container {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	font-size: 1.2em;
	background: url(../../images/layout/white-bg.png) repeat-y;
}

#contentContainer {
	width: 940px;
	padding: 255px 10px 0px 10px;
}

	.index #contentContainer {
		padding-top: 630px;
	}
	
	.scrap-metal #contentContainer {
		padding-top: 610px;
	}
	
	.weee-recycling #contentContainer {
		padding-top: 410px;
	}	
		
/* Main Styles
--------------------------------------------------------------- */

#main {
	float: left;
	width: 650px;
	padding: 10px 20px;
}

	#main p {
		margin: 10px 0px 10px 0px;
		font-size: 1.2em;
		line-height: 20px;
	}
	
	#main p.opening-text {
		color:#999999;
	}	
	
	#main ul {
		font-size: 1.2em;
		padding: 3px 0px;
	}
	
		#main ul li {
			padding: 8px 0px 8px 30px;
			list-style: none;
			background: url(../../images/misc/tick.jpg) left center no-repeat;
		}
		
		#main ul li.cross {
			background: url(../../images/misc/cross.jpg) left center no-repeat;
		}
				
.grey-line {
	background: url(../../images/layout/grey-line.gif) repeat-x;
	height: 17px;
	width: 100%;
	float: left;
	margin: 30px 0px;
}

/* Sections Styling
--------------------------------------------------------------- */

	#main #sections-container {
		width: 140px;
		border-bottom: 2px solid #CCC;
		padding-bottom: 8px;
	}
	
			#main #sections-container ul li {
				background: url(none);
				list-style: disc inside;
				padding-left: 0px;
			}

/* News Styling
--------------------------------------------------------------- */

		#main #news-container hr {
			color:#999;
		}
		
		#main #news-container p.news-date {
			font-size: 1.5em;
			font-weight: bold;
			color: #B6D133;
		}
	
/* Individual Main Styles
--------------------------------------------------------------- */
		
	.copper-recycling #main { 
		padding-top: 460px;
	}
	
	.aluminium-recycling #main {
		padding-top: 380px;
	}
	
	.lead-recycling #main, 
	.steel-recycling #main, 
	.nickel-recycling #main, 
	.bronze-recycling #main, 
	.brass-recycling #main, 
	.stainless-steel-recycling #main, 
	.catalytic-converters-recycling #main,
	.steel-recycling #main { 
		padding-top: 320px;
	}
	
	body.weee-recycling #main { 
		padding-top: 480px;
	}
	
	.scrap-metal #main,
	.contact #main {
		width: 900px;
	}
	
	.cable-processing #main, 
	.weee-recycling #main, 
	.equestrian-surfaces #main, 
	.about #main, 
	.news-resources #main, 
	.contact #main {
		padding-top: 75px;
	}
	
	.it-equipment-recycling #main,
	.computer-recycling #main,
	.laptop-recycling #main,
	.monitor-lcd-recycling #main,
	.server-recycling #main,
	.hard-drive-recycling #main,
	.circuit-board-recycling #main,
	.office-equipment-recycling #main,
	.copper-granules #main,
	.computer-spares-recycling #main,
	.secure-data-destruction #main { 
		padding-top: 90px;
	}	
	
/* Breadcrumb Styles
--------------------------------------------------------------- */

#breadcrumbs {
	position: absolute;
	left: 30px;
	top: 235px;
}

/* Product List Styles
--------------------------------------------------------------- */

.product-list {
	width: 650px;
	float: left;
	padding: 10px 0px;
}

	.product-list .product-list-text {
		background: url(../../images/layout/list-bg.gif) repeat-y;
		width: 600px;
		padding: 10px 25px;
		float: left;
	}

	.product-list .product-list-col {
		width: 200px;
		float: left;
	}
	
	.product-list img {
		float: left;
	}
	
.cable-processing-list,
.weee-services-list {
	display: none;
}
	
	.cable-processing .cable-processing-list,
	.weee-recycling .weee-services-list {
		display: block;
	}
	
/* Buy and Sell Services Styles
--------------------------------------------------------------- */

.copper-services,
.aluminium-services, 
.lead-services, 
.steel-services, 
.nickel-services,
.bronze-services, 
.brass-services, 
.stainless-steel-services, 
.steel-services,
.motor-services, 
.catalytic-converters-services, 
.non-ferrous-alloy-services {
	display: none;
}
	
	.copper-recycling .copper-services,
	.aluminium-recycling .aluminium-services, 
	.lead-recycling .lead-services, 
	.steel-recycling .steel-services, 
	.nickel-recycling .nickel-services,
	.bronze-recycling .bronze-services,
	.brass-recycling .brass-services,
	.stainless-steel-recycling .stainless-steel-services, 
	.motor-recycling .motor-services,
	.catalytic-converters-recycling .catalytic-converters-services,
	.non-ferrous-alloy-recycling .non-ferrous-alloy-services,
	.steel-recycling .steel-services {
		display: block;
	}
	
.buy-sell-services {
	background: #f3f3f3;
	width: 670px;
	position: absolute;
	left: 25px;
	top: 340px;
	padding: 10px 5px;
}

	.buy-sell-services p.col-text {
		margin: 5px 15px;	
		font-size: 1.2em;
		line-height: 20px;
	}

	.buy-sell-services .list-col {
		background: url(../../images/layout/buy-sell-bg.gif) repeat-y;
		width: 214px;
		float: left;
		padding: 0px 4px 0px 4px;
		color: #666;
	}
	
		.buy-sell-services .list-col p.buy-sell-title {
			height: 26px;
			width: 200px;
			font-size: 1.5em;
			color: #FFF;
			font-weight: bold;
			padding: 10px 0px 0px 14px;
		}
		
		.buy-sell-services .list-col .light-bg {
			background: url(../../images/layout/light-green-bg.gif) repeat-x;
		}
		
		.buy-sell-services .list-col .dark-bg {
			background: url(../../images/layout/dark-green-bg.gif) repeat-x;
		}
		
		.buy-sell-services .list-col ul {
			font-size: 1.2em;
			padding: 5px 0px;
		}
		
			.buy-sell-services .list-col ul li {
				padding: 4px 12px;
				list-style: inside;
			}

			.buy-sell-services .list-col p span {
				margin: 0px 15px;
				float: left;
				color: #666;
				line-height: 20px;
				font-size: 1.2em;
			}
			
/* Services Styles
--------------------------------------------------------------- */

#services {
	position: absolute;
	left: 30px;
	top: 330px;
	width: 900px;
}

	#services a.service-btn {
		background: url(../../images/layout/service-btn.gif);
		height: 29px;
		width: 246px;
		padding: 13px 0px 0px 32px;
		margin: 10px 15px 0px 0px;
		position: relative;
		float: left;
		font-size: 1.1em;
		font-weight: bold;
		text-decoration: none;
	}
	
	#services .service-btn img {
		position: absolute;
		top: 0px;
		right: 0px;
	}
	
	#services .non-ferrous-col {
		float: left;
		border-right: 1px solid #CCC;
		width: 590px;
	}
	
	#services .ferrous-col {
		float: left;
		padding-left: 15px;
	}	
	
/* Sidebar/CTA Styles
--------------------------------------------------------------- */
		
#sidebar {
	float: right;
	width: 230px;
	padding: 0px 10px 10px 0px;
	clear: right;
}

	#sidebar #cta-copper {
		padding: 5px 3px;
		height: 126px;
		float: right;
	}
	
	#sidebar #cta-secure-data {
		padding: 5px 3px;
		display: none;
		float: right;
	}
		
	#sidebar #cta-contact {
		background: url(../../images/misc/contact-cta-bg.gif);
		height: 108px;
		width: 200px;
		float: right;
		position: relative;	
		margin: 5px 3px;
		font-style: oblique;
		padding: 18px 0px 0px 20px;
		color: #375f43;
		display: inline;
	}
	
	#sidebar #cta-contact p.large-text {
		font-size: 2em;
		text-transform: uppercase;
	}
	
	#sidebar #cta-contact p.small-text {
		font-size: 1.2em;
	}
		
		#sidebar #cta-contact p span {
			display: block;
		}

			#sidebar #cta-contact p.large-text span {
				font-weight: bold;
				color: #bdd73c;
			}
			
#news-cta {
	float: right;
	width: 220px;
	margin: 5px 3px;
	display: none;
}

#news-cta #news-text {
	background: url(../../images/layout/news-bg.gif) repeat-y;
	width: 220px;
	float: left;
	margin-top: -5px;
}

	#news-cta ul {
		padding: 5px 0px 5px 20px;
		width: 170px;
		font-size: 0.9em;
		float: left;
	}
	
		#news-cta ul li {
			list-style: url(none) none;
			padding: 0px 0px 10px 15px;
			margin: 10px 0px 0px 0px;
			border-bottom: 1px solid #CCC;
			background: url(../../images/layout/bullet.gif) no-repeat left 4px;
		}
		
		#news-cta ul li.last {
			border-bottom: none;
		}
				
			#news-cta ul li a {
				padding: 0px 0px 5px 0px;
				font-size: 1.1em;
				font-weight: bold;
				display: block;
			}
			
.factory-cta {
	background: url(../../images/layout/factory-cta-bg.gif) repeat-y;
	float: right;
	display: inline;
	width: 218px;
	margin: 5px 3px;
	border: 1px solid #DFDFDF;
}

	.factory-cta img {
		padding: 7px 0px 0px 7px;
	}
	
	.factory-cta p {
		line-height: 18px;
		padding: 5px 10px 10px 10px;
		color: #333;
		font-style: italic;
	}

#weee-cta,
#cable-cta {
	  display: none;
}

	.contact #cta-contact,
	#weee-recycling #cta-contact,
	#weee-recycling #cta-copper,
	#index #cta-copper {
		display: none;
	}
	
	#index #news-cta {
		display : block;
	}

	#weee-recycling #weee-cta,
	#cable-processing #cable-cta {
		display: inline;
	}
	
/* Bottom Number Styles
--------------------------------------------------------------- */

	#main #bottom-number {
		background: url(../../images/misc/bottom-numberBg.jpg) no-repeat;
		float: left;
		height: 72px;
		width: 406px;
		margin: 15px 0px;
		position: relative;
	}
	
		#main #bottom-number p {
			position: absolute;
			left: 120px;
			top: 3px;	
			font-size: 1.4em;
			color: #333333;
		}
		
			#main #bottom-number p span {
				display: block;
				font-size: 1.4em;
				margin-top: 5px;
				color: #bdd73c;
			}

/* Sidenav CTA Styles
--------------------------------------------------------------- */

.side-nav {
	float: right;
	width: 230px;
}

	.side-nav a,
	.side-nav li.side-nav-title {
		background: url(../../images/layout/side-nav-bg.gif) no-repeat;
		font-size: 1.2em;
		height: 26px;
		width: 205px;
		float: left;
		margin-bottom: 4px;
		padding: 10px 0px 0px 15px;
		text-decoration: none;
	}
	
	.side-nav a:hover {
		background: url(../../images/layout/side-nav-hover.gif) no-repeat;
	}
		
		.side-nav li {
			list-style: none;	
		}
		
		.side-nav li.side-nav-title {
			background: url(../../images/layout/side-nav-title.gif) no-repeat;
			font-size: 1.4em;
			color: #FFF;
		}
		
/* Product CTA Styles
--------------------------------------------------------------- */
			
#product-cta {
	background: url(../../images/layout/product-cta.gif);
	height: 80px;
	width: 677px;
	position: absolute;
	left: 25px;
	top: 250px;	
}

		#product-cta p.top-text {
			position: absolute;
			left: 10px;
			top: 18px;
			font-size: 1.5em;
			font-style: italic;
			color: #FFF;
		}
		
		#product-cta p.bottom-text {
			position: absolute;
			right: 80px;
			top: 48px;
			font-size: 1.7em;
			font-weight: bold;
			color: #375f43;		
		}
				
		#product-cta p span {
			color: #666;
		}

/* Header Styles
--------------------------------------------------------------- */

#header {
	clear: both;
	width: 940px;
	height: 95px;
	position: absolute;
	top: 0px;
	left: 0px;
}

#logo {
	width: 278px;
	height: 95px;
	float: left;
	padding-left: 15px;
}
	
#cta-top-right {
	float: right;
	padding: 8px 8px 0px 0px;
	text-align: right;
	line-height: 2.4em;
}
	
	#cta-top-right .phone {
		font-size: 2em;
		font-style: oblique;
		color: #ccc;
	}
	
		#cta-top-right .phone strong {
			color: #999;
		}
	
/* Header Styles
--------------------------------------------------------------- */

#top-section {
	background: url(../../images/layout/topsection-lrg.gif) no-repeat;
	height: 92px;
	width: 940px;
	position: absolute;
	left: 10px;
	top: 97px;
}

	.weee-recycling #top-section {
		background: url(../../images/layout/topsection2-lrg.gif) no-repeat;
	}

	#index #top-section,
	.weee-recycling #top-section {
		height: 253px;
	}
	
	#top-section .line {
		position: absolute;
		left: 0px;
		bottom: -35px;
	}
	
		#index #top-section p.title {
			padding-top: 40px;
		}
			
		  #top-section p.title {
			  color: #FFF;
			  font-size: 3.5em;
			  font-weight: bold;
			  padding: 25px 0px 0px 15px;
		  }
		  	
			#index #top-section p.title span,
			.weee-recycling #top-section p.title span {
				display: block;
				color: #375f43;
				font-size: 0.5em;
				font-weight: normal;
			}
			
		#top-section p.quote {
			background: url(../../images/layout/open-quote.gif) no-repeat left top;
			padding-left: 50px;
			position: absolute;
			left: 25px;
			top: 175px;
			font-size: 1.2em;
			font-style: italic;
			color: #375f43;
			z-index: 20;
			float: left;
			width: 500px;
			display: none;
		}
		
		.weee-recycling #top-section p.quote {
			display: block;
		}
			
	#index #buy-sell-container {
		display: block;
	}
	
	#content-img {
		position: absolute;
		left: 30px;
		top: 260px;	
	}
	
			#top-section p.title span,
			#buy-sell-container {
				display: none;
			}
			
/* WEEE Subnav Styles
--------------------------------------------------------------- */			

ul#weeeSubNav {
	width: 650px;
	position: absolute;
	top: 410px;
	left: 30px;
}

	ul#weeeSubNav li {
		float: left;
		margin: 0px 14px 14px 0px;
		position: relative;
		list-style: none;
	}

		ul#weeeSubNav li a.link {
			float: left;
			display: inline;
			width: 192px;
			height: 90px;
			color: #375f43;
			text-decoration: none;
			font-size: 1.2em;
			padding: 15px 0px 0px 10px;
		}

			ul#weeeSubNav li a.link span {
				display: block;
				color: #bdd73c;
			}

		ul#weeeSubNav li a.learnBtn {
			position: absolute;
			bottom: 8px;
			left: 10px;
			background: #c7c7c7;
			border-radius: 5px;
			moz-border-radius: 5px;
			webkit-vorder-radius: 5px;
			display: block;
			padding: 3px 6px;
			color: #ffffff;
			text-decoration: none;
		}
		
		ul#weeeSubNav li a.learnBtn:hover {
			background: #999;
		}
		
	ul#weeeSubNav li.side-nav-title {
		display: none;	
	}

		ul#weeeSubNav li a.it-equipment-recycling-a {
			background: url(../../images/misc/it-equipment-recycling.jpg) no-repeat;			
		}	
		
		ul#weeeSubNav li a.computer-recycling-a {
			background: url(../../images/misc/computer-recycling.jpg) no-repeat;			
		}	
		
		ul#weeeSubNav li a.laptop-recycling-a {
			background: url(../../images/misc/laptop-recycling.jpg) no-repeat;			
		}	
		
		ul#weeeSubNav li a.monitor-lcd-recycling-a {
			background: url(../../images/misc/monitor-lcd-recycling.jpg) no-repeat;			
		}	
		
		ul#weeeSubNav li a.server-recycling-a {
			background: url(../../images/misc/server-recycling.jpg) no-repeat;			
		}	
		
		ul#weeeSubNav li a.hard-drive-recycling-a {
			background: url(../../images/misc/hard-drive-recycling.jpg) no-repeat;			
		}	
		
		ul#weeeSubNav li a.circuit-board-recycling-a {
			background: url(../../images/misc/circuit-board-recycling.jpg) no-repeat;			
		}	
		
		ul#weeeSubNav li a.office-equipment-recycling-a {
			background: url(../../images/misc/office-equipment-recycling.jpg) no-repeat;			
		}
		
		ul#weeeSubNav li a.computer-spares-recycling-a {
			background: url(../../images/misc/computer-spares-recycling.jpg) no-repeat;			
		}	
		
		ul#weeeSubNav li a.secure-data-destruction-a {
			background: url(../../images/misc/secure-data-destruction.jpg) no-repeat;			
		}
		
/* WEEE Sidenav Styles
--------------------------------------------------------------- */			

		ul#weeeSideNav li a.learnBtn {
			display: none;
		}

/* Bucket Styles
--------------------------------------------------------------- */

#buckets {
	position: absolute;
	width: 940px;
	left: 21px;
	top: 392px;
}

	#buckets .bucket {
		float: left;
		height: 204px;
		width: 180px;
		padding: 19px 26px 0px 26px;
		position: relative;
	}
	
		#buckets .bucket p {
			width: 170px;
			line-height: 16px;
		}
		
		#buckets .bucket a.bucket-title {
			font-size: 1.5em;
			font-weight: bold;
			color: #FFF;
			text-decoration: none;
			padding-bottom: 15px;
			display: block;	
		}
		
		#buckets .light a.bucket-title:hover {
			color: #030;
		}
		
		#buckets .dark a.bucket-title:hover {
			color: #bdd73c;
		}
				
		  #buckets .bucket ul {
				list-style: inside;
				position: relative;
		  }
					
			#buckets .bucket ul li {
				padding: 4px 0px 4px 15px;
				background: url(../../images/layout/bullet.gif) no-repeat left;
				list-style: url(none) none outside;
			}
			
	#buckets a.bucket-link {
		position: absolute;
		right: 30px;
		bottom: 18px;
		background: url(../../images/layout/more-btn.gif) no-repeat;
		height: 25px;
		width: 69px;
	}
	
	#buckets a.bucket-link:hover {
		background: url(../../images/layout/more-btn-hover.gif);
	}
		
	#buckets .light {
		background: url(../../images/layout/bucket-bg-light.gif) no-repeat;	
	}
	
	#buckets .dark {
		background: url(../../images/layout/bucket-bg-dark.gif) no-repeat;	
	}
	
/* Buy and Sell CTA Styles
--------------------------------------------------------------- */

#buy-sell-cta {
	width: 588px;
	height: 133px;
	position: absolute;
	left: 0px;
	top: 146px;
}

	#buy-sell-cta .cta-container {
		padding: 20px 0px 0px 30px;
		width: 264px;
		float: left;
	}
	
		#buy-sell-cta .cta-container p {
			color: #375f43;
		}
			
			#buy-sell-cta .sell-cta span {
				color: #375f43;
			}
			
			#buy-sell-cta .buy-cta span {
				color: #FFF;
			}
			
				#buy-sell-cta .cta-container p span {
					font-weight: bold;
					font-style: oblique;
					font-size: 1.8em;
				}
	
/* Main Image Styles
--------------------------------------------------------------- */

#imgmain {
	z-index: 10;
	position: absolute;
	top: 97px;
	right: 10px;
}

/* Google Map Styles
--------------------------------------------------------------- */

#map {
	width: 425px;
	height: 230px;
	position: absolute;
	top: 350px;
	right: 40px;
	border: 1px solid #bdd73c;
}

/* Horizontal Navigation Styles
--------------------------------------------------------------- */

#navigation {
	width: 655px;
	height: 36px;
	position: absolute;
	z-index: 10;
	right: 5px;
	top: 66px;
}

	#navigation ul {
		margin: 0px;
		padding: 0px;
	}
	
		#navigation ul li {
			display: inline;
			list-style: none;
		}
		
			#navigation ul li a {
				float: left;
				color: #999;
				text-decoration: none;
				padding: 10px 9px;
				font-size: 1.2em;
			}

				#navigation ul li a.contact-a {
					border-right: none;
				}

				#navigation ul li a:hover {
					color: #bdd73c;
				}
				
/* Dropdown Styles
--------------------------------------------------------------- */

#dropdown {
	position: absolute;
	top: 97px;
	right: 95px;
	z-index: 100;
	background: #FFF;
	display: none;
}

		#dropdown ul li {
			width: 95px;
			list-style: none;
			text-align: center;
		}
		
			#dropdown ul li a {
				color: #999;
				font-size: 1.2em;
				text-decoration: none;
				padding: 5px 5px 7px 5px;
				display: block;
			}
			
			#dropdown ul li a:hover {
				color: #bdd73c;
			}
				
/* Footer Styles
--------------------------------------------------------------- */

#outerFooter {
	float: left;
	width: 100%;
	background: url(../../images/layout/white-bg.png) repeat-y center;
}

#footer {
	clear: both;
	width: 940px;
	color: #375f43;
	margin: 0px auto;
	padding: 10px 0px;
	font-size: 1.2em;
	background: #a7c31d url(../../images/layout/footer-bg.gif) no-repeat;
}

	#footer .index-a,
	#footer .contact-a {
		display: none;
	}

	#footer h2 {
		font-weight: bold;
		color: #375f43;
		padding: 3px 5px;
		font-size: 1.2em;
		font-style: italic;
	}
		
	#footer li {
		list-style: none;
	}
	
	#footer a {
		white-space: nowrap;
		color: #fff;
		text-decoration: none;
	}
		
		#footer a:hover {
			color: #033;
			text-decoration: underline;
		}

/* Footer Services Styles
--------------------------------------------------------------- */	

	#footer #footer-services {
		float: right;
		width: 250px;
		margin: 0px;
		padding-right: 80px;
	}
	
		#footer #footer-services ul li {
			float: left;
		}
	
			#footer #footer-services ul li a {
				float: left;
				width: 230px;
				padding: 3px 5px;
				border-bottom: 1px dotted #375f43;
			}
		
/* Footer Areas Styles
--------------------------------------------------------------- */	

	#footer #footer-areas {
		float: left;
		width: 300px;
	}
	
		#footer #footer-areas ul {
			float: left;
			width: 150px;
		}
	
		#footer #footer-areas ul li {
			float: left;
			width: 130px;
			padding: 3px 5px;
			border-bottom: 1px dotted #375f43;
		}
		
/* Footer Address Styles
--------------------------------------------------------------- */	

	#footer #footer-address {
		float: right;
		width: 150px;
		padding-right: 80px;
	}
		
		#footer #footer-address p {
			line-height: 20px;
			padding: 3px 5px;
		}

/* Footer Help & Advice
--------------------------------------------------------------- */	

	#footer #footer-help {
		float: right;
		width: 165px;
		padding-right: 25px;
	}
		
			#footer #footer-help ul li {
				float: left;
			}
					
			#footer #footer-help ul li a {
				float: left;
				width: 155px;
				padding: 3px 5px;
				border-bottom: 1px dotted #375f43;
			}
		
		#footer #footer-help p {
			line-height: 20px;
			padding: 3px 5px;
		}
		
		#footer #footer-help .bottomLink {
			margin-bottom: 5px;
		}
		
/* Footer Bottom Styles
--------------------------------------------------------------- */	

	#footer #footer-bottom {
		width: 940px;
		float: left;
		margin:10px 0px 0px 0px;
		text-align: center;
	}

/* Float Styles
--------------------------------------------------------------- */

.left, .img-left {
	float: left;
}

	.img-left {
		margin: 5px 0px 5px 10px;
		clear: left;
	}

.right, .img-right {
	float: right;
} 

	.img-right {
		margin: 5px 0px 5px 10px;
		clear: right;
	}

	
/* Generic Styles
--------------------------------------------------------------- */

.clearfix {
	clear: both;
}