/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* ------------------------------------

Name: CRC Industries Europe Landing Page
Author: Steve Goris
Version: 1.0
Website: http://www.blackbookmedia.be/

--------------------------------------- */

/* General */

body
	{
		background: #f0f0f0 url(../images/Image_Frontpage_CRC.gif) no-repeat center center fixed;
		font-family: 'Arial', Gill Sans, Futura, sans-serif;
		font-size: 12px;
		line-height: 1.4em;
		color: #414141;
		margin: 0;
		padding: 0;
		-webkit-background-size: cover;
		   -moz-background-size: cover;
		     -o-background-size: cover;
		        background-size: cover;
	}
	
body a
	{
		text-decoration: none;
		-webkit-transition: all 0.5s ease;
		   -moz-transition: all 0.5s ease;
		     -o-transition: all 0.5s ease;
		        transition: all 0.5s ease;
	}
	
body a:hover
	{
		color: #ed1c24;
	}
	
body p
	{
		font-size: 14px;
		line-height: 1.4em;
		margin-bottom: 21px;
	}
	
*
	{
		outline: none;
		margin: 0;
		padding: 0;
	}
	
/* Clearfix */

.cf:after,
.cf:before
	{
		content: "";
		display: table;
	}
	
.cf:after
	{
		clear: both;
	}
	
.cf
	{
		zoom: 1;
	}
	
/* Selections */

::selection
	{
		background: #ed1c24;
	}
::-moz-selection
	{
		background: #ed1c24;
	}
	
img::selection
	{
		background: #ed1c24;
	}
	
img::-moz-selection
	{
		background: #ed1c24;
	}
		
/* Page Elements */

#main
	{
		margin-top: -232px;
	}
	
.wrapper
	{
		position: relative;
		width: 1500px;
		min-height: 100%;
		margin: 0 auto;
	}
	
header
	{
		background: #f0f0f0;
		border-bottom: 1px solid #d8d8d8;
		height: 354px;
		margin: 0;
		padding: 0;
	}
	
footer
	{
		background: #f0f0f0;
		border-top: 1px solid #d8d8d8;
		font-family: 'Arial', Gill Sans, Futura, sans-serif;
		font-size: 12px;
		font-weight: bold;
		color: #646464;
		text-align: center;
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 40px;
	}
	
footer a
	{
		text-decoration: none;
		color: #ed1c24;
	}
	
footer a:hover
	{
		color: #646464;
	}
	
#footer-info
	{
		margin: 0 auto;
		padding: 11px 0;
		overflow: hidden;
	}
	
/* Grid */

.grid 
	{
		list-style: none;
		text-align: center;
		width: 1200x;
		margin: 0 auto;
		padding: 0px;
	}

.grid li 
	{
		background: #fafafa;
		border: 1px solid #d8d8d8;
		text-align: left;
		position: relative;
		display: inline-block;
		width: 171px;
		height: 171px;
		margin: 0 0 0 10px;
		padding: 0px;
		float: left;
	}
	
.grid figure 
	{
		position: relative;
		margin: 0px;
		padding: 0px;
	}
	
.grid figcaption 
	{
		background: #fafafa;
		border: 1px solid #d8d8d8;
		color: #646464;
		position: relative;
		top: 0;
		left: 0;
		bottom: 0;
		width: 171px;
		height: 400px;
		margin-top: -4px;
		margin-left: -1px;
		padding: 0px;
	}

.grid figcaption h3 
	{
		margin: 0px;
		padding: 10px 10px 0 10px;
	}
	
.grid figcaption p 
	{
		border-top: 1px dashed #d8d8d8;
		font-family: 'Arial', Gill Sans, Futura, sans-serif;
		font-size: 12px;
		color: #646464;
		margin: 5px 0 0 0;
		padding: 10px;
	}
	
.content figcaption 
	{
		height: 400px;
		width: 171px;
		opacity: 0;
		-webkit-backface-visibility: hidden;
		   -moz-backface-visibility: hidden;
		    -ms-backface-visibility: hidden;
		     -o-backface-visibility: hidden;
		        backface-visibility: hidden;
		-webkit-transition: opacity 0.3s, height 0.3s, box-shadow 0.3s;
		   -moz-transition: opacity 0.3s, height 0.3s, box-shadow 0.3s;
		    -ms-transition: opacity 0.3s, height 0.3s, box-shadow 0.3s;
		     -o-transition: opacity 0.3s, height 0.3s, box-shadow 0.3s;
		        transition: opacity 0.3s, height 0.3s, box-shadow 0.3s;
	}

.content figure:hover figcaption,
.content figure.content-hover figcaption 
	{
		height: 400px;
		opacity: 1;
	}

.content figcaption h3 
	{
		font-family: 'Arial', Gill Sans, Futura, sans-serif;
		font-size: 13px;
		font-weight: bold;
		color: #646464;
		text-align: center;
		text-transform: uppercase;
	}
	
.content figcaption h3,
.content figcaption p,
.content figcaption a 
	{
		opacity: 0;
		-webkit-transition: opacity 0s;
		   -moz-transition: opacity 0s;
		    -ms-transition: opacity 0s;
		     -o-transition: opacity 0s;
		        transition: opacity 0s;
	}

.content figure:hover figcaption h3,
.content figure:hover figcaption p,
.content figure:hover figcaption a,
.content figure.content-hover figcaption h3,
.content figure.content-hover figcaption p,
.content figure.content-hover figcaption a 
	{
		opacity: 1;
		-webkit-transition: opacity 0.3s 0.2s;
		   -moz-transition: opacity 0.3s 0.2s;
		    -ms-transition: opacity 0.3s 0.2s;
		     -o-transition: opacity 0.3s 0.2s;
		        transition: opacity 0.3s 0.2s;
	}
	
/* Buttons */

	
.thumb_crc 
	{
    	background: url(../images/thumbs2_crc.png);
    	background-position: 0 0;
    	position: relative;
    	display: inline-block;
    	width: 170px;
    	height: 170px;
    	margin: 1px;
    	padding: 0px;
	}

.thumb_crc span 
	{
    	background: url(../images/thumbs2_crc.png);
    	background-position: 0 0px;
    	position: absolute;
    	top: 0; 
    	right: 0; 
    	bottom: 0; 
    	left: 0;
    	width: 170px;
    	height: 171px;
    	opacity: 0;
	}

.thumb_crc span:hover 
	{
    	background: url(../images/thumbs2_crc.png);
    	background-position: 0 -170px;
    	position: absolute;
    	top: 0; 
    	right: 0; 
    	bottom: 0; 
    	left: 0;
    	width: 170px;
    	height: 171px;
    	opacity: 1;
    	-webkit-transition: opacity 0.3s 0.2s;
    	   -moz-transition: opacity 0.3s 0.2s;
            -ms-transition: opacity 0.3s 0.2s;
             -o-transition: opacity 0.3s 0.2s;
                transition: opacity 0.3s 0.2s;
	}
	
.thumb_kf 
	{
    	background: url(../images/thumbs2_kf.png) no-repeat;
    	background-position: 0 0;
    	position: relative;
    	display: inline-block;
    	width: 170px;
    	height: 170px;
    	margin: 1px;
    	padding: 0px;
	}

.thumb_kf span 
	{
    	background: url(../images/thumbs2_kf.png)no-repeat;
    	background-position: 0 -170px;
    	position: absolute;
    	top: 0; 
    	right: 0; 
    	bottom: 0; 
    	left: 0;
    	width: 170px;
    	height: 171px;
    	opacity: 0;
	}

.thumb_kf span:hover 
	{
    	background: url(../images/thumbs2_kf.png);
    	background-position: 0 -170px;
    	position: absolute;
    	top: 0; 
    	right: 0; 
    	bottom: 0; 
    	left: 0;
    	width: 170px;
    	height: 171px;
    	opacity: 1;
    	-webkit-transition: opacity 0.3s 0.2s;
    	   -moz-transition: opacity 0.3s 0.2s;
            -ms-transition: opacity 0.3s 0.2s;
             -o-transition: opacity 0.3s 0.2s;
                transition: opacity 0.3s 0.2s;
	}
	
.thumb_koc 
	{
    	background: url(../images/thumbs2_koc.png) no-repeat;
    	background-position: 0 0;
    	position: relative;
    	display: inline-block;
    	width: 170px;
    	height: 170px;
    	margin: 1px;
    	padding: 0px;
	}

.thumb_koc span 
	{
    	background: url(../images/thumbs2_koc.png)no-repeat;
    	background-position: 0 -170px;
    	position: absolute;
    	top: 0; 
    	right: 0; 
    	bottom: 0; 
    	left: 0;
    	width: 170px;
    	height: 171px;
    	opacity: 0;
	}

.thumb_koc span:hover 
	{
    	background: url(../images/thumbs2_koc.png);
    	background-position: 0 -170px;
    	position: absolute;
    	top: 0; 
    	right: 0; 
    	bottom: 0; 
    	left: 0;
    	width: 170px;
    	height: 171px;
    	opacity: 1;
    	-webkit-transition: opacity 0.3s 0.2s;
    	   -moz-transition: opacity 0.3s 0.2s;
            -ms-transition: opacity 0.3s 0.2s;
             -o-transition: opacity 0.3s 0.2s;
                transition: opacity 0.3s 0.2s;
	}
	
.thumb_ambersil 
	{
    	background: url(../images/thumbs2_ambersil.png) no-repeat;
    	background-position: 0 0;
    	position: relative;
    	display: inline-block;
    	width: 170px;
    	height: 170px;
    	margin: 1px;
    	padding: 0px;
	}

.thumb_ambersil span 
	{
    	background: url(../images/thumbs2_ambersil.png)no-repeat;
    	background-position: 0 -170px;
    	position: absolute;
    	top: 0; 
    	right: 0; 
    	bottom: 0; 
    	left: 0;
    	width: 170px;
    	height: 171px;
    	opacity: 0;
	}

.thumb_ambersil span:hover 
	{
    	background: url(../images/thumbs2_ambersil.png);
    	background-position: 0 -170px;
    	position: absolute;
    	top: 0; 
    	right: 0; 
    	bottom: 0; 
    	left: 0;
    	width: 170px;
    	height: 171px;
    	opacity: 1;
    	-webkit-transition: opacity 0.3s 0.2s;
    	   -moz-transition: opacity 0.3s 0.2s;
            -ms-transition: opacity 0.3s 0.2s;
             -o-transition: opacity 0.3s 0.2s;
                transition: opacity 0.3s 0.2s;
	}
	
	
.thumb_actioncan
 
	{

    	background: url(../images/thumbs2_actioncan.png) no-repeat;

    	background-position: 0 0;

    	position: relative;

    	display: inline-block;

    	width: 170px;

    	height: 170px;

    	margin: 1px;

    	padding: 0px;

	}


.thumb_actioncan span
 
	{

    	background: url(../images/thumbs2_actioncan.png) no-repeat;

    	background-position: 0 0px;

    	position: absolute;
    	top: 0;
 
    	right: 0;
 
    	bottom: 0;
 
    	left: 0;

    	width: 170px;

    	height: 171px;

    	opacity: 0;

	}


.thumb_actioncan span:hover
 
	{

    	background: url(../images/thumbs2_actioncan.png);

    	background-position: 0 -170px;

    	position: absolute;

    	top: 0;
 
    	right: 0;
 
    	bottom: 0;
 
    	left: 0;

    	width: 170px;

    	height: 171px;

    	opacity: 1;

    	-webkit-transition: opacity 0.3s 0.2s;

    	   -moz-transition: opacity 0.3s 0.2s;

            -ms-transition: opacity 0.3s 0.2s;
 
             -o-transition: opacity 0.3s 0.2s;

                transition: opacity 0.3s 0.2s;

	}
.thumb_smartwasher
 
	{

    	background: url(../images/thumbs2_smartwasher.png) no-repeat;

    	background-position: 0 0;

    	position: relative;

    	display: inline-block;

    	width: 170px;

    	height: 170px;

    	margin: 1px;

    	padding: 0px;

	}


.thumb_smartwasher span
 
	{

    	background: url(../images/thumbs2_smartwasher.png) no-repeat;

    	background-position: 0 0px;

    	position: absolute;
    	top: 0;
 
    	right: 0;
 
    	bottom: 0;
 
    	left: 0;

    	width: 170px;

    	height: 171px;

    	opacity: 0;

	}


.thumb_smartwasher span:hover
 
	{

    	background: url(../images/thumbs2_smartwasher.png);

    	background-position: 0 -170px;

    	position: absolute;

    	top: 0;
 
    	right: 0;
 
    	bottom: 0;
 
    	left: 0;

    	width: 170px;

    	height: 171px;

    	opacity: 1;

    	-webkit-transition: opacity 0.3s 0.2s;

    	   -moz-transition: opacity 0.3s 0.2s;

            -ms-transition: opacity 0.3s 0.2s;
 
             -o-transition: opacity 0.3s 0.2s;

                transition: opacity 0.3s 0.2s;

	}
.thumb_evaporust
 
	{

    	background: url(../images/thumbs2_evaporust.png) no-repeat;

    	background-position: 0 0;

    	position: relative;

    	display: inline-block;

    	width: 170px;

    	height: 170px;

    	margin: 1px;

    	padding: 0px;

	}


.thumb_evaporust span
 
	{

    	background: url(../images/thumbs2_evaporust.png) no-repeat;

    	background-position: 0 0px;

    	position: absolute;
    	top: 0;
 
    	right: 0;
 
    	bottom: 0;
 
    	left: 0;

    	width: 170px;

    	height: 171px;

    	opacity: 0;

	}


.thumb_evaporust span:hover
 
	{

    	background: url(../images/thumbs2_evaporust.png);

    	background-position: 0 -170px;

    	position: absolute;

    	top: 0;
 
    	right: 0;
 
    	bottom: 0;
 
    	left: 0;

    	width: 170px;

    	height: 171px;

    	opacity: 1;

    	-webkit-transition: opacity 0.3s 0.2s;

    	   -moz-transition: opacity 0.3s 0.2s;

            -ms-transition: opacity 0.3s 0.2s;
 
             -o-transition: opacity 0.3s 0.2s;

                transition: opacity 0.3s 0.2s;

	}
	
.thumb_q20
 
	{

    	background: url(../images/thumbs2_q20.png) no-repeat;

    	background-position: 0 0;

    	position: relative;

    	display: inline-block;

    	width: 170px;

    	height: 170px;

    	margin: 1px;

    	padding: 0px;

	}


.thumb_q20 span
 
	{

    	background: url(../images/thumbs2_q20.png) no-repeat;

    	background-position: 0 0px;

    	position: absolute;
    	top: 0;
 
    	right: 0;
 
    	bottom: 0;
 
    	left: 0;

    	width: 170px;

    	height: 171px;

    	opacity: 0;

	}


.thumb_q20 span:hover
 
	{

    	background: url(../images/thumbs2_q20.png);

    	background-position: 0 -170px;

    	position: absolute;

    	top: 0;
 
    	right: 0;
 
    	bottom: 0;
 
    	left: 0;

    	width: 170px;

    	height: 171px;

    	opacity: 1;

    	-webkit-transition: opacity 0.3s 0.2s;

    	   -moz-transition: opacity 0.3s 0.2s;

            -ms-transition: opacity 0.3s 0.2s;
 
             -o-transition: opacity 0.3s 0.2s;

                transition: opacity 0.3s 0.2s;

	}	
	
	
	
.thumb_servisol 
	{
    	background: url(../images/thumbs_servisol.png);
    	background-position: 0 0;
    	display: inline-block;
    	width: 460px;
    	height: 40px;
    	margin: 0px;
    	padding: 0px;
    	float: left;
	}

.thumb_servisol span 
	{
    	background: url(../images/thumbs_servisol.png);
    	background-position: 0 0px;
    	position: absolute;
    	top: 0; 
    	right: 0; 
    	bottom: 0; 
    	left: 0;
    	width: 460px;
    	height: 40px;
    	opacity: 0;
	}

.thumb_servisol span:hover 
	{
    	background: url(../images/thumbs_servisol.png);
    	background-position: 0 -40px;
    	position: absolute;
    	top: 0; 
    	right: 0; 
    	bottom: 0; 
    	left: 0;
    	width: 460px;
    	height: 40px;
    	opacity: 1;
    	-webkit-transition: opacity 0.3s 0.2s;
    	   -moz-transition: opacity 0.3s 0.2s;
            -ms-transition: opacity 0.3s 0.2s;
             -o-transition: opacity 0.3s 0.2s;
                transition: opacity 0.3s 0.2s;
	}
	
.thumb_robert 
	{
    	background: url(../images/thumbs_robert.png);
    	background-position: 0 0;
    	display: inline-block;
    	width: 460px;
    	height: 40px;
    	margin: 0px;
    	padding: 0px;
    	float: left;
	}

.thumb_robert span 
	{
    	background: url(../images/thumbs_robert.png);
    	background-position: 0 0px;
    	position: absolute;
    	top: 0; 
    	right: 0; 
    	bottom: 0; 
    	left: 0;
    	width: 460px;
    	height: 40px;
    	opacity: 0;
	}

.thumb_robert span:hover 
	{
    	background: url(../images/thumbs_robert.png);
    	background-position: 0 -40px;
    	position: absolute;
    	top: 0; 
    	right: 0; 
    	bottom: 0; 
    	left: 0;
    	width: 460px;
    	height: 40px;
    	opacity: 1;
    	-webkit-transition: opacity 0.3s 0.2s;
    	   -moz-transition: opacity 0.3s 0.2s;
            -ms-transition: opacity 0.3s 0.2s;
             -o-transition: opacity 0.3s 0.2s;
                transition: opacity 0.3s 0.2s;
	}
	
/* Brands */

.brands 
	{
		border-bottom: 1px solid #d8d8d8;
		font-family: 'Arial', Gill Sans, Futura, sans-serif;
		font-size: 12px;
		font-weight: bold;
		color: #646464;
		text-align: center;
		width: 100%;
		height: 40px;
		margin-top: -41px;
	}
		
.brands-info
	{
		list-style: none;
		text-align: center;
		width: 1160px;
		margin: 0 auto;
		padding: 0px;
	}

.brands-info li 
	{
		background: #f0f0f0;
		border-bottom: 1px solid #d8d8d8;
		text-align: center;
		position: relative;
		display: inline-block;
		width: 425px;
		height: 40px;
		margin: 0 0 0 20px;
		padding: 0px;
		float: left;
	}
	
.brands-info li .hyperlink-style-1 
	{
		background: #ED1C24;
		font-family: 'Arial', Gill Sans, Futura, sans-serif;
		font-size: 14px;
		font-weight: bold;
		color: #f0f0f0;
		position: absolute;
		top: 0;
		left: 50%;
		width: 50%;
		padding: 12px 0px;
	}
	
.brands-info li .hyperlink-style-1:hover 
	{
		background: #D71920;
		font-family: 'Arial', Gill Sans, Futura, sans-serif;
		font-size: 14px;
		font-weight: bold;
		color: #f0f0f0;
		position: absolute;
		top: 0;
		left: 50%;
		width: 50%;
		padding: 12px 0px;
	}
	
.brands-info li .hyperlink-style-1 span img 
	{
		height: 14px;
  		vertical-align: middle; 
  		line-height: 14px;
  		margin-left: 0.5em;
  		margin-right: 30px;
  		float: right;
	}
	
.brands-info li .hyperlink-style-2 
	{
		background: #00539F;
		font-family: 'Arial', Gill Sans, Futura, sans-serif;
		font-size: 14px;
		font-weight: bold;
		color: #f0f0f0;
		position: absolute;
		top: 0;
		left: 50%;
		width: 50%;
		padding: 12px 0px;
	}
	
.brands-info li .hyperlink-style-2:hover 
	{
		background: #00488E;
		font-family: 'Arial', Gill Sans, Futura, sans-serif;
		font-size: 14px;
		font-weight: bold;
		color: #f0f0f0;
		position: absolute;
		top: 0;
		left: 50%;
		width: 50%;
		padding: 12px 0px;
	}
	
.brands-info li .hyperlink-style-2 span img
	{
		width: 25px;
		height: 14px;
  		vertical-align: middle; 
  		line-height: 14px;
  		margin-left: 0.5em;
  		margin-right: 30px;
  		float: right;
	}
	
.brands-info li img 
	{
		float: left;
	}
	
/* Pages */

/* Headings */

h1,
h2,
h3,
h4,
h5,
h6	
	{
		font-family: 'Arial', Gill Sans, Futura, sans-serif;
	}
	
h1	
	{
		font-size: 42px;
	}
	
h2	
	{
		font-size: 36px;
	}
	
h3	
	{
		font-size: 24px;
	}
	
h4	
	{
		font-size: 21px;
	}

h5	
	{
		font-size: 18px;
	}

h6	
	{
		font-size: 14px;
	}

/* Paragraphs */

/* Hyperlinks */

/* Images */

img
	{
		border: none;
	}

@font-face 
	{
    	font-family: 'EntypoRegular';
    		src: url('../font/entypo-webfont.eot');
    		src: url('../font/entypo-webfont.eot?#iefix') format('embedded-opentype'),
         		url('../font/entypo-webfont.woff') format('woff'),
         		url('../font/entypo-webfont.ttf') format('truetype'),
         		url('../font/entypo-webfont.svg#EntypoRegular') format('svg');
   		font-weight: normal;
    	font-style: normal;
	}

.button 
	{
  		font-family: Arial, Helvetica, sans-serif;
  		font-size: 14px;
  		color: #ffffff;
  		position: absolute;
  		bottom: 0;
  		left: 0;
  		line-height: 14px;
  		text-decoration: none;
  		text-transform: uppercase;
  		display: inline-block;
  		width: 171px;
  		text-align: center;
  		vertical-align: middle;	
  		padding: 7px 0px;
  		margin: 0px;
  		cursor: pointer;
  		-webkit-transition: 0.1s linear;
  		   -moz-transition: 0.1s linear;
  			-ms-transition: 0.1s linear;
  			 -o-transition: 0.1s linear;
  				transition: 0.1s linear;
	}

.crc 
	{
  		background: #c30c2e;
	}
  
.crc:hover 
	{
  		background: #7b081d;
  		color: #f0f0f0;
	}
	
.kf 
	{
  		background: #00aeef;
	}
  
.kf:hover 
	{
  		background: #0092c8;
  		color: #f0f0f0;
	}
	
.koc 
	{
  		background: #ba0c2f;
	}
  
.koc:hover 
	{
  		background: #C83C59;
  		color: #f0f0f0;
	}
	
.ambersil
	{
  		background: #f7941d;
	}
  
.ambersil:hover 
	{
  		background: #c16c07;
  		color: #f0f0f0;
	}



.actioncan
 	{
  		background: #1D529B;
	}


.actioncan:hover
 
	{

  		background: #11305b;

  		color: #f0f0f0;

	}

.smartwasher
	{
  		background: #75af27;
	}



.smartwasher:hover
	{

  		background: #4b7019;

  		color: #f0f0f0;

	}

.evaporust
 
	{
  		background: #f2ce3b;
	}



.evaporust:hover
 
	{
  		background: #eabf10;

  		color: #f0f0f0;
	}


.q20
	{
  		background: #00aeef;
	}



.q20:hover
	{
  		background: #0092c8;

  		color: #f0f0f0;
	}

.button span img 
	{
		width: 25px;
		height: 14px;
  		vertical-align: middle; 
  		line-height: 14px;
  		margin-left: 0.5em;
	}