@charset "utf-8";
/* CSS Document */
html,body, #mainWrapper
{
	width:			100%;
	height:			100%;
	margin:			0px;
	padding:		0px;
}
body
{
	font-family:	Arial, Helvetica, sans-serif;
	font-size:		12px;
	color:			#2b5b88;
	background:		#004381 url(images/background.jpg) bottom center repeat-x;
	background-attachment:fixed;
}
/* --- BEGIN WRAPPERS -------*/
#mainWrapper td
{
	vertical-align:	middle;
}
#headerHome
{
	width:			960px;
	height:			194px;
	background:		url(images/header_home.png) top left no-repeat;
}
#topSpacer
{
	height:			40px;
}
#headerVervolg
{
	width:			960px;
	height:			271px;
	background:		url(images/header_vervolg.jpg) top left no-repeat;
}
#contentHome
{
	width:			960px;
	height:			291px;
	background:		url(images/content_background_home.png) top left no-repeat;
	overflow:		hidden;
}
#contentVervolg
{
	width:			960px;
	background:		#fff url(images/content_background_vervolg.png) top left no-repeat;
	overflow:		hidden;
}
#contentHome a
{
	display:		block;
}
#menu
{
	width:			960px;
	height:			13px;
	margin-left:	16px;
}
#footerHome
{
	width:			960px;
	height:			107px;
	padding-top:	28px;
	background:		url(images/footer_home.png) top left no-repeat;
}
#footerVervolg
{
	width:			960px;
	height:			32px;
	padding-top:	135px;
	background:		url(images/footer_vervolg.png) top left no-repeat;
}
/* --- EIND WRAPPERS -------*/
/* --- BEGIN ID'S -------*/
#logo
{
	float:			right;
	margin:			75px 45px 0px 0px;
}
.gif:hover {
background: url(images/logo_northsea-lubricants.gif) no-repeat;}

#logoVervolg
{
	float:			right;
	margin:			95px 35px 0px 0px;
}
#contentFoto
{
	width:			210px;
	margin-top:		10px;
	float:			left;
}
#content
{
	width:			683px;
	text-align:		justify;
	line-height:	19px;
	margin:			53px 0px 0px 25px;
	float:			left;
}
/* --- EIND ID'S -------*/
.center
{
	margin:			0px auto;
}
a:hover .column1Image, a:hover .column2Image:hover, a:hover .column3Image:hover, a:hover .column4Image:hover, #content a:hover img
{
	filter:			alpha(opacity=80);
	-moz-opacity:	0.80;
	opacity: 		0.80;
	cursor:			pointer;
}
.column1Image, .column2Image, .column3Image, .column4Image
{
	height:			188px;
	display:		block;
}
.column1Image
{
	width:			132px;
	background:url(images/column_aboutus.png) bottom center no-repeat;
}
.column2Image
{
	width:			146px;
	background:url(images/column_products.png) bottom center no-repeat;
}
.column3Image
{
	width:			131px;
	background:url(images/column_distributors.png) bottom center no-repeat;
}
.column4Image
{
	width:			131px;
	background:url(images/column_contact.png) bottom center no-repeat;
}


.column1
{
	width:			132px;
	margin-left:	28px;
	float:			left;
}
.column2
{
	width:			146px;
	margin-left:	20px;
	float:			left;
}
.column3, .column4
{
	width:			131px;
	margin-left:	24px;
	float:			left;
}
.column5
{
	width:			212px;
	height:			144px;
	margin:			151px 0px 0px 49px;
	float:			left;
}
.credits
{
	padding-left:	16px;
}
.credits, .credits a
{
	color:			#fed300;
}
.disclaimer, .disclaimer a
{
	color:			#fff;
}
.spacer
{
	width:			15px;

}
a.shortlink
{
	color:			#ff0000 !important;
	font-weight:	bold;
	background:		url(images/link_bullet.png) left 4px no-repeat;
	padding-left:	12px;
}
#content a
{
	color:			#014788 !important;
	font-weight:	bold;
}
a:hover.shortlink
{
	text-decoration:underline !important;
}

a
{
	color:			#ff0000;
	text-decoration:underline;
}
a:hover
{
	text-decoration:none;
}
a img
{
	border:			none;
}

#contentHome h1
{
	font-size:		16px;
	line-height:	1.2em;
	color:			#014788;
	text-transform:	uppercase;
	margin:			7px auto 5px auto;	
}
#contentHome h2
{
	font-size:		22px;
	line-height:	1.2em;
	color:			#014788;
	text-transform:	uppercase;
	margin:			7px auto 5px auto;	
}
#contentHome a
{
	color:			#014788;
	text-decoration:none;
}
#content h1
{
	font-size:		28px;
	line-height:	1.2em;
	color:			#014788;
	margin:			7px auto 10px auto;	

}