@charset "utf-8";
/* Stylesheet for Media Solutions */

/* Table of Contents
1. Base Elements
2. Site
3. Header
4. Page
 4.1. Projecten
 4.2. Sidebar
5. Footer
6. Misc.

/* 1. Base Elements */
body,
h1,
h2,
h3,
h4,
h5,
h6 {
	margin:0;
	padding:0;
}

a {
	text-decoration:none;
}

a img {
	border:0;
}

body {
	font-family:"Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:100%; /* 16pt */
	background:#000d18;
}

/* 2. Root / Site */
#root {
	width:100%;
	background:#fff url(../images/background.gif) 0 bottom repeat-x;
}

#index #root {
	background-image: url(../images/background-index.gif);
}

#site {
	position:relative;
	margin:0 auto;
	width:950px;
	font-size:0.625em; /* 10 / 16 = 0.625 */
	background:#fff;
}

/* START: Header */
#header {
	position:relative;
	width:950px;
	height:130px;
}

	#header h1 {
		position:absolute;
		top:9px;
		left:0;
	}
	
	#header ul {
		position:absolute;
		top:35px;
		right:0;
		margin:0;
		padding:0;
		list-style:none;
		font-size:1.7em;
	}
	
		#header a {
			color:#898989;
		}
		
		#header .active a,
		#header a:hover {
			color:#000d18;
		}
	
		#header li {
			float:right;
			margin-left:40px;
		}
		
	#search {
		position:absolute;
		top:75px;
		right:0;
	}
	
		#search label {
			position:absolute;
			top:-1000px;
		}
	
		#search-field {
			margin-right:5px;
			width:175px;
			-webkit-border-radius:1px;
			-moz-border-radius:1px;
			border-radius:1px;
		}
/* END: Header */

/* START: Page */
#page {	
	overflow:hidden;
	width:950px;
}

#index #page {
	overflow:visible;
	position:relative;
	height:420px;
	background:url(../images/background-index-page.gif) 0 bottom repeat-x;
}

	/* START: Text */
	.text #page .left {
		position:relative;
		float:left;
		margin-bottom:20px;
		width:450px;
		min-height:346px;
	}
	
		.text #page .left .subitems {
			margin-top: 25px;
		}
	
			.text #page .left .subitems .subitem {
				margin-bottom: 15px;
			}
			
				.text #page .left .subitems .subitem .moreinfo {
					font-size: 1.3em;
					color: #007AC4 !important;
				}
			
			.text #page .left .subitems .subitem.clear:after {
				content:"\0000a0";
				display:block;
				height:0;
				clear:both; 
				visibility:hidden;
			}
			
		
				.text #page .left .subitems .subitem .img {
					display: block;
					float: left;
					width: 77px;
					height: 77px;
					background: url(../images/sub-items.jpg) #fff no-repeat 0 0;
				}
				
					.text #page .left .subitems .subitem .img img {
						width: 65px;
						height: 65px;
						margin: 6px;
					}
					
				.text #page .left .subitems .subitem .content {
					float: right;
					width: 360px;
					margin-top: 10px;
				}
				
					.text #page .left .subitems .subitem .content a,
					.text #page .left .subitems .subitem .content a h3{
						display: block;
						color: #000d18;
					}
					
						.text #page .left .subitems .subitem .content a h3 {
							font-weight: 700;
						}
		
	.text #page .right {
		float:right;
		position:relative;
		margin-bottom:20px;
		padding-top:40px;
		width:462px;
		min-height:390px;
		border-top:1px solid #d3d3d3;
	}
	
		.text #page .right .relateditems {
			border-left: 1px solid lightGrey; 
			padding-left: 20px;
			margin-top: 20px;
		}
		
			.text #page .right .relateditems ul {
				margin: 5px 0px;
			}
		
				.text #page .right .relateditems ul li {
					font-size: 16px;
					line-height: 25px;
				}
	
		.text #page .right #certificaties {
			float:left;
			margin: 0 0 0 -13px;
			position:relative;
			background: url(../images/background-certificaten.png) top left no-repeat;
			width: 123px;
			height: 85px;
			padding: 20px
		}
			.text #page .right #certificaties p {
				position:absolute;
				font-size: 14px;
				color: #007AC4;
			}
		
			.text #page .right #certificaties .google {
				position:absolute;
				margin: 25px 0 0 0;
				background: url(../images/google-sprite.png) no-repeat top left;
				background-position: -52px 0;
				overflow:hidden;
				width: 52px;
				height: 53px;
			}
				.text #page .right #certificaties .google:hover {
					background-position: 0 0;
				}
			
			.text #page .right #certificaties .registrar {
				position:absolute;
				margin: 26px 0 0 62px;
				background: url(../images/registrar-sprite.png) no-repeat top left;
				background-position: -48px 0;
				overflow:hidden;
				width: 48px;
				height: 51px;
			}
			
				.text #page .right #certificaties .registrar:hover {
					background-position: 0 0;
				}
		
	#index div.text {
		position:absolute;
		top:10px;
		right:0;
		z-index:11;
		padding-top:45px;
		width:460px;
		border-top:1px solid #d3d3d3;
		color:#001120;
	}
	
		#nieuws .right div {
			overflow:hidden;
		}
	
		#index .text a,
		#projecten a {
			color:#001120;
		}
		
		.text a {
			color:#007ac4;
		}
		
		.text a:hover {
			color:#000;
		}
		
		.text div.right a {
			color:#007ac4;
		}
		
		#index .text div.right a {
			color:#000;
		}
		
		#index .text div {
			float:left;
			width:204px;
			height:175px;
			background:rgba(255,255,255,0.5);
		}
		
		#index .text div.right {
			float:right;
		}
		
		.text h2 {
			font-size:1.3em;
			font-weight:700;
		}
		
		#index .text h2 {
		}
		
		.text #page .right h2 {
			color:#007ac4;
		}
		
		.text .left h3 {
			color:#007ac3;
			font-size:1.4em;
			font-weight:400;
		}
		
		#ons-team .text .left h3 {
			color:#000;
		}
	
		.text p {
			font-size:1.3em;
			line-height:1.5384em;
		}
		
		.text .left p {
			margin-top:0;
		}
		
		.text .right p {
			margin-top:0;
		}
		
		.text #page ul {
			margin-left:0;
			padding:0;
			font-size:1.3em;
			line-height:22px;
			list-style:none;
		}
		.text #page ul.nieuws {
			list-style:square;
			padding-left: 15px;
		}
		
		#contact #page .right ul {
			margin-top:0;
		}
		
			#ons-team .text #page li {
				padding-left:14px;
				color:#007ac3;
				background:url(../images/arrow.png) 0 7px no-repeat;
			}
			
		.route {
			margin-top:20px;
			border-top:1px solid #d3d3d3;
		}
		
		ul#share {
			margin-top:10px !important;
		}
		
			ul#share li {
				float:left;
				margin:0 3px 0 0;
				width:27px;
			}
		
		
		
	/* END: Text */

	.posters { /* #posters */
		overflow:hidden;
		position:absolute;
		top:54px;
		left:-2px;
		z-index:10;
		width:954px;
		height:376px;
	}
	
	#posters-inner {
		width:2000px;
	}
	
		.posters .large a,
		.posters .small a {
			display:block;
		}
	
		.posters .large {
			position:absolute;
			bottom:0;
			left:2px;
			height:374px;
		}
		
		.posters .small {
			overflow:hidden;
			position:absolute;
			bottom:0;
			left:999px;
			height:189px;
			
		}
		
		.posters .large img {
			width:424px;
			height:358px;
		}
		
		.posters .small img {
			width:204px;
			height:172px;
		}
		
		.posters .left {
			left:491px;
		}
		
		.posters .right {
			left:745px;
		}
		
		.intro {
			margin-bottom:16px;
			color:#58636d;
		}
		
		.intro div {
			position: absolute;
			display: none;
		}
		
		#index .intro {
			height:44px;
		}
				
			.intro a {
				color:#58636d;
			}
		
			.intro h2 {
				font-size:1.7em;
				font-weight:400;
			}
			
			.intro blockquote {
				margin:0;
				font-size:1.1em;
				font-style:italic;
			}
			
			#nieuws .intro p {
				color:#000;
				font-style:italic;
			}
		
/* START: Projecten */
.projecten {
	overflow:hidden;
}

#project #page {
	overflow:visible;
}

	.project {
		float:left;
		margin:0 47px 35px 0;
		width:202px;
	}
	
	.projecten div.nth-of-type_4n {
		margin-right:0;
	}
	
		.project .photo {
			display:block;
			position:relative;
			width:201px;
			height:173px;
		}
		
			.project .photo img  {
				position:absolute;
				top:0;
				left:0;
			}
		
			.project .photo .show {
				z-index:10;
			}
			
			.project .photo .hide {
				z-index:9;
			}
	
		.project h2 {
			margin-top:15px;
		}
		
		.project p {
			margin:10px 0;
		}
/* END: Projecten */
		
/* START: Project Detail */
.project-detail {
}
	
		.project-detail .link {
			position:absolute;
			left:0;
			bottom:0;
			width:100%;
			height:60px;
		}
		
			.project-detail .link * {
				font-size:1.3em;
				font-weight:400;
			}
		
			.project-detail .link a {
				color:#007ac3;
			}
		
			.project-detail .link h4 {
				margin:0 0 8px;
			}
	
		.project-detail .right img {
			width:462px;
			height:390px;
		}
		
	/* START: Detail Posters */
	#detail-posters {
		clear:both;
		overflow:hidden;
		padding:25px 0;
		width:950px;
		min-height:150px;
		border-top:1px solid #d3d3d3;
	}
	
		#detail-inner {
			width:2000px;
		}
	
		#detail-posters .detail-poster {
			clear: left;
			/*float:left;*/
			margin-right:80px;
			min-height:150px;
		}
	/* END: Detail Posters */
/* END: Project Detail */
		
/* START: Ons Team */
.members {
	overflow:hidden;
	margin-bottom:20px;
}

	.members h3 {
		margin-top:4px;
		font-size:1.4em;
		font-weight:400;
	}
	
	.members h4 {
		color:#b7bdbf;
		font-size:1.3em;
		font-weight:400;
	}

	.member {
		float:left;
		margin-left:7px;
		width:145px;
	}
	
	.member:first-child {
		margin-left:0;
	}
	
	.members .first-child {
		margin-left:0;
	}
	
#ons-team {
}

	#ons-team .part {
		border-top:1px solid #d3d3d3;
	}
	
		#ons-team #page .part h2,
		#contact #page .route h2,
		#contact #page .share h2 {
			margin:0.6em 0 0.3em;;
			color:#4c5862;
			font-size:1.7em;
		}
		
		#ons-team .part p {
			margin:0 0 13px;
		}
	
/* END: Ons Team */

/* START: Opdrachtgevers */
.clients {
	height:235px;
}

	.client {
		float:left;
		display:block;
		margin:0 0 14px 15px;
		padding:13px 11px 13px 15px;
		width:200px;
		height:200px;
		background: url(../images/client.png) 0 0 no-repeat;
	}
	
	.client img {
		width:200px;
		height:200px;
	}
	
	.client:first-child {
		margin-left:0;
	}
	
	.clients .first-child {
		margin-left:0;
	}
	
	.clients a[href*="c"]:hover {
		background-position: 0 -231px;
	}
/* END: Opdrachtgevers */

/* START: Product */
.product {
	margin-bottom:15px;
	/*border-bottom:1px solid #d3d3d3;*/
}

	.product h2 {
		cursor: pointer;
	}

	.product img {
		float:right;
	}
	
	.product p a img {
		float: none;
		display: inline-block;
	}
	
	.button {
		text-align:right;
	}
	
	#contact_button {
		padding:4px 10px;
		line-height:24px;
		color:#fff;
		font-size:1.3em;
		background:#020d18;
	}
/* END: Product */
/* START: Nieuws */
#news-list {
	margin-top:40px;
	padding-top:30px;
	border-top:1px solid #d3d3d3;
	color:#625b55;
}

	#news-list a {
		color:#625b55;
	}
	
	#news-list a:hover,
	#news-list li.active a {
		color:#007ac3;
	}

	#news-list p {
		margin:0;
		font-size:1em;
	}
	
	#news-list li {
		overflow:hidden;
	}

	#news-list .date {
		float:left;
		width:90px;
	}
	
	#news-list .title {
		float:left;
		padding-left:20px;
		width:315px;
	}
	
#archive-button,
#news-subscribe {
	margin-top:20px;
	padding-top:20px;
	border-top:1px solid #d3d3d3;
}
	
#news-image {
	width:462px;
}

.nieuws-field {
	float:left;
	width:260px;
}

#nieuws .stand-alone {
	display:inline-block;
	margin:1em 0;
	font-size:1.3em;
}

.twitter-share-button {
	float:right;
	height:25px;
}

#social {
	margin-top:20px;
	height:25px;
}
	
	#plusone {
		float:left;
		margin: 0 0 0 50px;
	}

.fb_ltr {
	width:300px !important;
	height:25px;
}

.facebook {
	float:left;
	overflow:hidden;
	width:130px;
	/*height:65px;*/
}
/* END: Nieuws */

/* START: Search */
.text h3.search-title {
	margin-top:2em;
	border-bottom:1px solid #d3d3d3;
	color:#000;
	font-size:1.3em;
	line-height:1.7em;
}

.search-result {
}

	.search-result li {
		padding-left:10px;
		background:url(../images/arrow.png) 0 7px no-repeat;
	}
/* END: Search */

/* END: Page */
	
/* START: Footer */
#footer {
	overflow:hidden; /* fixes IE6 bug */
	height:80px;
	width:950px;
	font-size:1.7em;
	background:#000d18;
}

	#footer a {
		color:#fff;
	}
	
	#footer .active a,
	#footer a:hover {
		color:#007ac3;
	}
	
	#footer ul {
		margin:0 auto;
		padding:20px 0 0;
		list-style:none;
	}
	
		#footer li {
			float:left;
			margin-right:90px;
		}
		
		#footer li.last-of-type {
			margin-right:0;
		}
/* END: Footer */

/* START: Misc */
.none {display:none !important;}
.block {display:block;}
.inlineB {display:inline-block;}
.hidden {visibility:hidden;}
.space {margin-top:20px;}
hr.clear {clear:both;display:none;visibility:hidden;width:100%;}
hr.show {display:block !important;}
a.button {display:inline-block;padding:2px 6px;font-size:1.3em;right:0 !important;}

#arrows {
	position:absolute;
	bottom:187px;
	left:-18px;
	z-index:9;
	width:986px;
}

#project #arrows {
	position:absolute;
	bottom:auto;
	top:528px;
}

	#arrows a {
		position:absolute;
		cursor:pointer;
	}
	
	#left-arrow {
		left:0;
	}
	
	#right-arrow {
		right:0;
	}

img.arrow {
	margin-left:6px;
}

/* START: Forms */
input.text {
	border:1px solid #d3d3d3;
	background:#fafaf9;
}

.form {
	width:420px;
	font-size:13px;
}

.right .form {
	width:100%;
}

#offerte.form {
	width:auto;
}
#offerte.form #website{
	height:469px;
	position:relative;
	clear:both;
}
#offerte.form #webwinkel{
	height:490px;
	position:relative;
	clear:both;
}
#offerte.form #seo{
	height:466px;
	position:relative;
	clear:both;
}
#offerte.form #sea{
	height:387px;
	position:relative;
	clear:both;
}
#offerte.form #vormgeving{
	height:333px;
	position:relative;
	clear:both;
}
#offerte.form #fotografie{
	height:306px;
	position:relative;
	clear:both;
}
#offerte.form #iphone{
	height:349px;
	position:relative;
	clear:both;
}
#offerte.form #film{
	height:306px;
	position:relative;
	clear:both;
}
#offerte.form #budget {
	border-top: 1px solid lightGrey;
	margin-top: 15px;
	padding-top: 15px;
}

dt.nowidth{
	width:auto;
}
dd.nowidth{
	width:auto;
}
.checkbox{
	clear:both;
	float:left;
}
.floatleft{
	float:left;
}
.clearfloatleft{
	float:left;
	clear:left;
}
#offerte input.checkbox{
	font-size:1em;
	margin:0;
	padding:0 3px 3px;
}
#offerte h4{
	clear:both;
	float:left;
	margin-top:10px;
	width:420px;
}
#offerte h3{
	float:left;
	border-top:1px solid #D3D3D3;
	padding-top: 15px;
	margin-top:15px;
	width:420px;
}
#offerte h3.no-border{
	border:none;
	padding-top:0;
}
#offerte dl{
	margin-top:5px;
	float:left;
}
#offerte dl.nowidth dt{
	width:auto;
	margin-bottom:0;
}
#offerte dl.nowidth dd{
	margin-bottom:0;
	line-height:13px;
	float:left; 
}
#offerte dl.left-dl{
	float:left;
	margin-bottom:0;
	width:210px;
}
#offerte dl.left-dl{
	float:left
}
#offerte dl.right-dl{
	float:right;
	margin-bottom:0;
	width:210px;
}
#offerte dl.left-dl dd{
	width:160px;
}
#offerte dl.right-dl dd{
	width:160px;
}
#offerte .form dd.wide{
	width:250px;
}
.form dd.long{
	width:350px;
}
			
	.form div {
		position:relative;
	}
	
	#offerte.form div.left {
		width:420px;
	}
	
	#offerte.form div.left h2 {
		font-size:1.3076em;
	}
	
	#offerte.form div.left p {
		font-size:1em;
	}
	
	.form dl {
	}
	
	form.form:after {
		content:"u00A0";
		display:block;
		clear:both;
		height:0;
		visibility:hidden;
	}
	
	.form dl:after {
		content:"u00A0";
		display:block;
		clear:both;
		height:0;
		visibility:hidden;
	}

	.form dt,
	.form dd {
		margin-bottom:5px; /* Spacing between the rows */
		margin-left:0;
	}

	.form dt {
		clear:both;
		float:left;
		width:130px;
		height:21px;
		font-size:1em;
		line-height:21px;
	}

	.form dd {
		float:right;
		padding-right:30px;
		width:250px;
		height:21px;
		line-height:21px;
	}
	
	.form dt.message {
		height:105px;
	}
	.form dd.message {
		height:105px;
	}
	
	.form dt.wide,
	.form dd.wide {
		float:none;
		width:auto;
		height:auto;
	}
	
	.form dd.radios {
		line-height:17px;
	}
	
		.form dd.radios span {
			
		}
	
	.form input.text {
		margin:0;
		padding:0 2px 3px;
		width:246px;
		height:16px;
		font-size:1em;
		/* Simpele border */
		border:1px solid #c3c3c3;
		/* Mooie border
		border-top:1px solid #7c7c7c;
		border-left:1px solid #c3c3c3;
		border-right:1px solid #c3c3c3;
		border-bottom:1px solid #dddddd;
		background:#fff url(../images/input-background.gif) repeat-x;
		*/
	}
	
	.form input.long {
		width:370px;
	}
	
	.form .error {
		border:1px solid #9e0226 !important;
	}
	
	.form select {
		width:253px;
		height:21px;
		font-size:1em;
		line-height:17px;
	}
	
	.form input#name {
		float:right;
		position:relative;
		right:-2px;
		width:185px;
	}
	
	.form input#postcode {
		float:left;
		width:50px;
	}
	
	.form input#city {
		float:right;
		position:relative;
		right:-2px;
		width:185px;
	}
	
	.form textarea {
		position:relative;
		z-index:10;
		overflow:auto;
		margin:0;
		padding:1px;
		width:248px;
		height:101px;
		border:1px solid #c3c3c3;
		background:#fafaf9;
	}
	
	.form .wide textarea {
		width:378px;
	}
	
	.form input#submit {
		font-size:1em;
	}
	
	.form input.button,
	a.button {
		float:right;
		position:relative;
		right:-2px;
		height:21px;
		border:0;
		color:#fff !important;
		background:#000;
		cursor:pointer;
	}
	
	.form input.radio {
		vertical-align:middle;
	}
	
	.form select#sex {
		float:left;
		width:56px;
	}
	
	.form label:after {
		content:":";
	}
	
	.form .nolabelafter:after {
		content:"";
	}
	
	.form .nolabelafter{
		font-size:1em;
		height:16px;
		margin:0;
		padding:0 5px 3px;
	}
	
	.form label[for=postcode]:after {
		content:"";
	}
	
	.form .route-field {
		position:relative;
	}
	
	.form .overlabel,
	.form .overlabel-apply {
		position:absolute;
		left:4px;
		top:2px;
		z-index:10;
		color:#9fa4a6;
		cursor:text;
	}
	
	/* START: Route */
	.route-field,
	.nieuws-field {
		float:left;
		width:260px;
	}
	
	.right div.submit {
		float:left;
	}
	
		.right div.submit .button {
			float:left;
		}
	/* END: Route */
	
	/* START: DEV */
	
	
	dd label + input {
		margin-right:0;
	}
	
	#functions {
		margin:0 0 1.5em;
	}
	
	#functions:after {
		content:"u00A0";
		display:block;
		clear:both;
		height:0;
		visibility:hidden;
	}
	
		#functions fieldset {
			margin:0;
			padding:0;
			border:0;
			width:180px;
		}
	
		fieldset.funcs-left {
			float:left;
		}
		
		fieldset.funcs-right {
			float:right;
		}
		
		#functions label {
			display:inline-block;
			width:206px;
		}
		
		#functions h3 {
			font-size:1.0769em;
		}
		
	
	
	/* END: DEV*/
/* END: Forms */
/* START: Fades */
#fades {
	position:relative;
	width:952px;
	height:0;
}

	#fades img {
		position:absolute;
		top:-439px;
		z-index:11;
	}
	
	#fades img.left {
		left:-2px;
	}

	#fades img.right {
		right:0;
	}
/* END: Fades */
/* START: Lightbox */
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/lightbox/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
/* END: Lightbox */
/* END: Misc */
/* END: Page */
div#movie {
	position:absolute;
	top: 40px;
	left:0px;
}

.filledmovie {
	margin-top: 415px !important;
}



/* WAT WE DOEN */

#watdoenwe-box {
	position: relative;
	width: 944px;
	height: 616px;
	background: url(../images/watwedoen.jpg) no-repeat top left;
	margin: 0 0 45px 0;
}
	
	.item-box {
		position: absolute;
	} 
		
		.item-box#vindbaarheid {
			top: 135px;
			left: 194px;
		}
		
		.item-box#creatie {
			top: 155px;
			right: 90px;
		}
				
				.item-box#creatie .item {
					right: 0px;
				}
			
		.item-box#marketing {
			top: 255px;
			left: 272px;
		}	
			
				.item-box#marketing .item {
					left: 120px;
					top: -10px;
				}
				
		.item-box#passie {
			top: 449px;
			left: 426px;
		}	
			
				.item-box#passie .item {
					left: -20px;
					top: -250px;
				}
			
			.item {
				display: none;
				position: absolute;
				z-index: 100;
			}
				
				.item.active {
					display: block;
				}
				
				.item .top {
					background: url(../images/bg-itemtop.png) no-repeat left top;
					width: 522px;
					height: 17px;
				}
				
				.item .center {
					background: url(../images/bg-itemcenter.png) repeat-y left top;
					width: 462px;
					padding: 10px 30px 10px 30px;
				}
					
					.center a img.close {
						float:right;
					}
					
					.center h2 {
						margin: 5px 0 0;
						font-size: 16px;
						line-height: 22px;
					}
					
					.center p {
						margin: 0;
						line-height: 22px;
					}
					
					.center ul li {
						font-size: 16px;
						line-height: 27px;
					}
				
				.item .bottom {
					background: url(../images/bg-itembottom.png) no-repeat left top;
					width: 522px;
					height: 17px;
				}
				
/* START: Crumble path */
.crumblepath {
	margin: 0px 0px 20px 0px;
	padding: 0;
	list-style: none;
	display: block;
	width: 100%;
}

	.crumblepath li {
		float: left;
		font-size: 12px;
		margin-right: 5px;
	}

.crumblepath:after {
	content:"\0000a0";
	display:block;
	height:0;
	clear:both; 
	visibility:hidden;
}
/* END: Crumble path */