/*
 * Default styles
 */
* {
	padding: 0;
	margin: 0;
}

html {
	overflow-y: scroll;
}

body {
	font: 11px/18px Verdana, Arial, Helvetica, sans-serif;
	color: #9ba3a5;
	background: #f0f1f2 url(../images/background.png) repeat-x;
}

h1,
h2 {
	font: 18px/18px Verdana, Arial, Helvetica, sans-serif;
}

h3,
h4,
h5,
h6 {
	font: 11px/18px Verdana, Arial, Helvetica, sans-serif;
}

p,
dl,
ul,
ol {
	margin-bottom: 18px;
}

ul,
ol {
	padding-left: 18px;
}

ul {
	list-style: disc;
}

ul ul,
ul ol,
ol ol,
ol ul {
	margin-bottom: 0;
}

a {
	font-size: 9px;
	text-transform: uppercase;
	text-decoration: none;
	color: #4f2d7f;
}

	a:hover {
		text-decoration: underline;
	}

img {
	vertical-align: bottom;
	border: none;
}

span.pipe {
	color: #dfe3e4;
}

/*
 * Wrapper
 */
#wrapper {
	width: 600px;
	margin: 0 auto;
}

/*
 * Header
 */
#header {
	overflow: hidden;
	width: 100%;
	height: 148px;
}

	#header h1 {
		float: left;
		text-indent: -9999px;
		background: url(../images/lynx-media-logo.png) no-repeat;
		width: 370px;
		height: 100%;
	}
	
	#header p.contact {
		float: left;
		text-indent: -9999px;
		background: url(../images/contact.png) no-repeat 85px 75px;
		width: 230px;
		height: 100%;
		margin: 0;
	}
	
		#header p.contact a {
			display: block;
			width: 95px;
			height: 25px;
			margin: 75px 0 0 85px;
			outline: none;
		}
	
/*
 * Container
 */
#container {
	padding: 0 50px;
}

/*
 * Eye-catcher
 */
#eye-catcher {
	overflow: hidden;
	height: 180px;
}

/*
 * Content
 */
#content {
	background: #f8f8f9 url(../images/content.png) repeat-y;
}

	#content h2 {
		line-height: 50px;
		overflow: hidden;
		height: 50px;
		margin: 0 -25px;
	}
	
		#content h2 a {
			display: block;
			text-indent: -9999px;
			background: url(../images/navigation.png) no-repeat;
			height: 100%;
			width: 100%;
		}
		
			#content #lynx-media h2 a { background-position: 0 0; }
				#content #lynx-media h2 a:hover { background-position: -500px 0; }
				
			#content #diensten h2 a { background-position: 0 -50px; }
				#content #diensten h2 a:hover { background-position: -500px -50px; }				
				
			#content #portfolio h2 a { background-position: 0 -100px; }
				#content #portfolio h2 a:hover { background-position: -500px -100px; }
				
			#content #contact h2 a { background-position: 0 -150px; }
				#content #contact h2 a:hover { background-position: -500px -150px; }
		
	#content .item {
		background: url(../images/content-item.png) no-repeat;
		overflow: hidden;
		padding: 0 25px;
	}
	
	#content img {
		border: 1px solid #e4e6e7;
	}

	#content dl {
		overflow: hidden;
		width: 100%;
	}
	
		#content dl dt {
			float: left;
			clear: left;
			width: 156px;
		}
		
		#content dl dd {
			float: left;
			color: #4f2d7f;
			width: 290px;
		}
	
	/* Portfolio */
	#content ul.portfolio {
		list-style: none;
		overflow: hidden;
		width: 100%;
		padding: 0;
		margin: 0;
	}
	
		#content ul.portfolio li {
			float: left;
			padding-left: 156px;
			padding-bottom: 3px;
		}
		
			#content ul.portfolio li img {
				float: left;
				margin: -14px 0 18px -157px;
			}

/*
 * Footer
 */
#footer {
	position: relative;
	top: -8px;
	font: 9px/18px Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	background: url(../images/content.png) no-repeat -500px 0;
	padding-top: 19px;
}
 
	#footer p,
	#footer a {
		font-variant: normal;
		text-transform: none;
		color: #cbcfd0;
	}