/* ---[ Notes / comments ]--- */
.content .bart {
	padding: 5px;
	border-left: 3px solid #881b30;
	color: #000;
	background-color: #ffa4ba;
}

/* ---[ All ]--- */

html, body {
	font-family: 'Arial';
	background-color: #881b30;
}

html {
	overflow-y: scroll; /* set scrollbar to prevent jumpy animations */
}

body {
	background: #881b30 url(/layouts/vijverborgh/images/bg_main.png) repeat-x top left;
}

#wpr-page {
	text-align: center;
}

#page {
	overflow: hidden;
	margin: 0 auto;
	padding: 0;
	width: 960px;
	text-align: left;
	background-color: #fff;
}

/* ---[ Header ]--- */

#wpr-header {

}

#header {
	height: 90px;
}

#company a {
	float: left;
	display: block;
	outline: none;
	margin: 10px 0 0 14px;
	width: 268px;
	height: 65px;
	text-indent: -9000px;
	background: #fff url(/layouts/vijverborgh/images/bg_sprite.png) no-repeat top left;
}

#address {
	float: right;
	margin: 7px 30px 0 0;
}

#address li {
	display: inline;
	margin: 0 6px;
	font-size: 11px;
	color: #666;
}

#address li a {
	color: #666;
}

#address li a:hover {
	color: #881b30;
}

#wpr-banner {
	position: relative;
	overflow: hidden;
	height: 435px;
	background: #333;
}

#banner,
.project-image {
	cursor: pointer;
}

#image-container img {
	position: absolute;
}

.preloader {
	left: 420px;
	top: 190px;
}

#banner #title-wrapper {
	position: absolute;
	top: 0;
}

#banner #title-container {
	padding: 5px 30px;
	width: 900px;
	height: 20px;
	text-align: right;
	background: transparent url(/layouts/vijverborgh/images/bg_transparent.png) no-repeat top left;
}

#banner h2 a,
#btn-project-details {
	font-family: "Garamond Book", Georgia;
	font-size: 17px;
	text-decoration: none;
	color: #881b30;
}

#banner h2,
#btn-project-details {
	margin: 0 auto;
	display: inline;
}

#btn-project-details {
	position: relative;
	margin-left: 15px;
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	cursor: pointer;
}

#arrow-top,
#arrow-bottom {
	height: 15px;
	background: transparent url(/layouts/vijverborgh/images/bg_sprite.png) no-repeat 900px -70px;
}

#arrow-bottom {
	background-position: 900px -85px;
}

#banner .project-description {
	overflow: hidden;
	position: absolute;
	top: 45px;
	right: 30px;
	float: left;
	padding: 15px;
	width: 170px;
	height: 265px;
	font-size: 93%;
	line-height: 150%;
	color: #333;
	background: transparent url(/layouts/vijverborgh/images/bg_transparent.png) no-repeat top left;
}

#banner .project-description h1 {
	display: none;
}

#banner .project-description p {
	color: #000;
}

#thumb-wrapper {
	overflow: hidden;
	position: absolute;
	bottom: 0;
}

#thumb-container {
	overflow: hidden;
	padding: 10px 0 10px 19px;
	width: 941px;
	height: 60px;
	background: transparent url(/layouts/vijverborgh/images/bg_transparent.png) no-repeat top left;
}

#thumb-container ul {
	margin: 0 auto;
}

#thumb-container ul li {
	margin: 0 11px 30px 11px;
	float: left;
}

#thumb-container ul li img {
	width: 80px;
	height: 60px;
}

#thumb-container a {
	cursor: pointer;
}

/* ---[ Content ]--- */

#wpr-main {
	min-height: 100px;
	margin-bottom: 50px;
}

#main {

}

/* ---[ Footer ]--- */

#wpr-footer {
	width: 960px;
	padding: 0 0 30px 0;
	background-color: #881b30;
}

#footer {

}

#footer p {
	float: right;
	height: 18px;
	padding: 6px 0 6px 6px;
	color: #ccc;
	font-size: 85%;
}

/* ---[ Clearing elements ]--- */

/* clear float container without source markup - http://www.positioniseverything.net/easyclearing.html */
.project:after,
.title-wrapper:after,
.title-container:after,
.info-container:after,
.testimonial:after,
#news:after,
#recent-projects:after,
#kb-content:after,
#wpr-page:after,
#wpr-header:after,
#header:after,
#wpr-main:after,
#main:after,
#wpr-footer:after,
#wpr-generalmenu:after,
#wpr-content:after,
#wpr-sidebar-left:after,
#wpr-sidebar-right:after,
#wpr-breadcrumbs:after,
.content:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
	line-height: 0;
}

/* ---[ Layout ]--- */

#wpr-sidebar-left,
#wpr-content,
#wpr-sidebar-right {
	float: left;
}

#wpr-sidebar-left {
	width: 300px;
	min-height: 10px;
	margin-right: 45px;
}

#sidebar-left {
	padding-left: 30px;
}

#wpr-content {
	width: 615px;
}

.LMR #wpr-content {
	width: 365px;
}

#content {

}

.LM #content {
	padding-right: 30px;
}

#wpr-sidebar-right {
	margin-left: 25px;
	width: 225px;
}

.LM #wpr-sidebar-right {
	display: none;
}

#sidebar-right {
	padding-right: 30px;
}

/* ---[ Mainmenu ]--- */

#wpr-mainmenu {
	padding: 0 30px 15px 345px;
}

#mainmenu {
	width: 615px;
	height: 27px;
}

#mainmenu ul li {
	float: left;
	padding: 8px 10px;
}

#mainmenu ul li a {
	text-transform: uppercase;
	font-size: 77%;
	letter-spacing: 0.25em;
	color: #000;
	text-decoration: none;
	font-weight: bold;
}

#mainmenu ul li a:hover {
	color: #881b30;
}

#mainmenu ul li.current a {
	color: #881b30;
}

#mainmenu ul#homemenu li {
	padding-left: 0;
}

#mainmenu ul#homemenu li.current a {
	color: #000;
}

#mainmenu ul#homemenu li.current a:hover {
	color: #881b30;
}

.home #mainmenu ul#homemenu li.current a {
	color: #881b30;
}

/* ---[ Submenu ]--- */

#wpr-submenu {

}

#submenu {

}

#submenu ul {
	padding: 5px 0;
}

#submenu ul li {
	margin: 6px 0;

}

#submenu ul li ul li,
#submenu ul li ul li ul li {
	padding-left: 20px;
}

#submenu ul li:hover {

}

#submenu ul li.current,
#submenu ul li.current:hover {

}

#submenu ul li ul li.current,
#submenu ul li ul li.current:hover {

}

#submenu ul li a {
	font-size: 93%;
	font-weight: bold;
	color: #881b30;
	text-decoration: none;
}

#submenu ul li.current a,
#submenu ul li:hover a {
	color: #738d99;
}

#submenu ul li.current ul li a,
#submenu ul li:hover ul li a {
	color: #738d99;
}

#submenu ul li.current ul li.current a,
#submenu ul li.current ul li:hover a {

}

#submenu ul li.current ul li.current ul li a,
#submenu ul li.current ul li:hover ul li a {

}

#submenu ul li.current ul li.current ul li.current a,
#submenu ul li.current ul li.current ul li:hover a {

}

#submenu ul li.current ul li.current ul li.current ul li a,
#submenu ul li.current ul li.current ul li:hover ul li a {

}

#submenu ul li.current ul li.current ul li.current ul li.current a,
#submenu ul li.current ul li.current ul li.current ul li:hover a {

}

/* ---[ Breadcrumbs ]--- */

#wpr-breadcrumbs {
	padding: 0 10px 15px 10px;
}

#breadcrumbs {

}

#breadcrumbs ul {

}

#breadcrumbs ul li {
	margin-left: 10px;
	padding: 3px 0 3px 10px;
	float: left;
	background: transparent url(/layouts/02/images/bg_bullets.gif) no-repeat 0 0.7em;
}

#breadcrumbs ul li a {
	color: #333;
}

#breadcrumbs ul li a:hover {

}

#breadcrumbs ul li.last a {

}

#breadcrumbs ul li.first {
	margin: 0;
	padding-left: 3px;
	background: none;
}

/* ---[ Generalmenu ]--- */

#wpr-generalmenu {

}

#generalmenu {
	height: 30px;
	float: right;
}

#generalmenu ul {

}

#generalmenu ul li {
	float: left;
	padding: 6px;
}

#generalmenu ul li a {
	display: block;
	border-right: 1px solid #ccc;
	padding-right: 10px;
	color: #ccc;
	text-decoration: none;
	font-size: 85%;
}

#generalmenu ul li a:hover {
	text-decoration: underline;
}

#generalmenu ul li.current a {

}

/* ---[ Content ]--- */

.content {
	padding: 0;
}

/* ---[ Paragraph formatting ]--- */

.content p {
	margin: 0 0 1.25em 0;
	font-family: arial;
	font-size: 100%;
	line-height: 153.9%;
	color: #666;
}

.content.quote p {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 28px;
	font-weight: lighter;
	line-height: 115%;
	color: #738d99;
}

/* ---[ Table formatting ]--- */

.content table {

}

.content table tr td {

}

/* ---[ Headers ]--- */

.content h1,
.content h2,
.content h3 {
	margin: 0 0 0.35em 0;
	color: #881b30;
}

.content h1 {
	font-size: 182%;
}

.LM .content h1 {
	position: relative;
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ccc;
	width: 585px;
}

.content h2 {
	font-size: 153.9%;
}

.content h3 {
	font-size: 123.1%;
}

#sidebar-left .content h2 {
	font-family: Georgia;
	font-size: 167%;
}

/* ---[ Links ]--- */

.content a {
	color: #881b30;
	text-decoration: underline;
}

.content a:hover {

}

a.more {
	display: block;
	margin-top: 10px;
	color: #666;
	text-decoration: none;
}

a.more:hover {
	text-decoration: underline;
}

/* ---[ Images ]--- */

.content img,
.content img.left {
	float: left;
	margin: 0 1em 0.5em 0;
}

.content img.right {
	float: right;
	margin: 0 0 1em 0.5em;
}

/* ---[ Text formatting ]--- */

.content strong {

}

.content em {

}

/* ---[ Lists ]--- */

.content ul {
	margin: -0.75em 0 1.25em 0;
}

.content ul li {
	margin: 0;
	padding: 0.1em 0 0.1em 0.8em;
	background: transparent url(/layouts/vijverborgh/images/bg_bullets.gif) no-repeat 0 0.75em;
	list-style: none;
	font-family: arial;
	font-size: 100%;
	line-height: 153.9%;
	color: #666;
}

/* ---[ news module / recent-projects module ]--- */

#news,
#recent-projects {
	position: relative;
	border-bottom: 1px solid #ccc;
	margin: 10px 0;
	padding-bottom: 3px;
}

#recent-projects {
	border-bottom: 0;
}

.content .newsline p,
.content .newsline h3 {
	float: right;
	width: 150px;
}

.content .date,
.content .year {
	float: left;
	width: 80px;
	color: #999;
}

.content .news,
.content .project-title {
	float: left;
	width: 280px;
}

.news a {
	color: #881b30;
	text-decoration: none;
}

#news h2,
#recent-projects h2 {
	border-bottom: 1px solid #ccc;
	margin-bottom: 10px;
	padding-bottom: 8px;
}

#news h3,
#recent-projects h3,
#recent-projects h3 a,
.button a {
	margin-top: 0;
	font-size: 100%;
	color: #738d99;
	text-decoration: none;
}

.button a {
	font-size: 93%;
}

#news h3:hover,
#recent-projects h3 a:hover,
.button a:hover {
	cursor: pointer;
	color: #000;
}

.button {
	position: absolute;
	top: 3px;
	right: 0;
}

/* ---[ Routeplanner ]--- */

#route_form {
	margin: 1.25em 0;
	padding: 0 !important;
}

#route_error,
#route_result {
	position: relative;
	left: 0;
	width: 480px;
}

#route_error.hidden,
#route_result.hidden {
	position: absolute;
	left: -9000px;
	top: 0;
}

#map_canvas {
	margin: 1.25em 0;
	height: 400px;
}

#directions {
	margin-bottom: 1em;
}

#directions table,
#directions table td,
#directions table td + td,
#directions table td + td + td {
	width: auto;
	margin: auto;
	padding: auto;
	text-align: left;
}

.content #directions table,
.content #directions table td {
	border: none;
}

/* ---[ project-strip module ]--- */

#project-strip-overview {

}

.project {
	padding-bottom: 15px;
}

#project-strip-overview .title-container {
	cursor: pointer;
}

#project-strip-overview h2 {
	float: left;
	width: 500px;
	clear: none;
	font-size: 14px;
	color: #881b30;
}

#project-strip-overview h2 a:hover {
	color: #333;
}

#project-strip-overview .btn-project-details {
	float: right;
	padding-top: 10px;
	width: 85px;
	font-size: 12px;
	text-align: right;
	color: #000;
	cursor: pointer;
	clear: none;
}

#project-strip-overview .title-wrapper {
	border-bottom: 1px solid #ccc;
}

#project-strip-overview .thumb-wrapper {
	margin-right: -21px;
	height: 90px;
	overflow: hidden;
}

#project-strip-overview .thumb-wrapper ul li {
	float: left;
	margin-right: 21px;
	padding: 0 0 40px 0;
	width: 80px;
	list-style: none;
	background: #fff url(/layouts/vijverborgh/images/bg_reflex.jpg) repeat-x 0 60px;
}

#project-strip-overview .thumb-wrapper ul li a img {
	width: 80px;
	height: 60px;
}

#project-strip-overview .thumb-wrapper ul li a {
	display: block;
	height: 40px;
}

#project-strip-overview .thumb-wrapper ul li a img {
	margin: 0;
}

#project-strip-overview .project-content h1 {
	position: static;
	width: auto;
	margin-bottom: 0;
	padding-bottom: 5px;
	border: none;
	font-size: 100%;
	font-weight: bold;
	color: #333;
}

#project-strip-overview .project-content p {

}

#project-strip-overview .info-container .more {
	color: #881b30;
}

#project-strip-overview ul {
	margin: 10px 0 0 0;
}

#project-strip-overview ul li {
	float: left;
	width: 290px;
	margin: 0;
	padding: 0;
	background: none;
}

#project-strip-overview .info-container ul li {
	padding-bottom: 15px;
	font-size: 85%;
	line-height: 150%;
}

#project-strip-overview .info-container ul li.project-activities {
	margin-left: 15px;
}

#project-strip-overview .project-activities h2 {
	font-size: 93%;
	color: #333;
}

#project-strip-overview .project-activities ul li {
	float: none;
	padding: 2px 0;
}

/* ---[ project-filter module ]--- */

#project-filter {

}

#project-filter h3 {
	margin-bottom: 20px;
}

#project-filter ul li {
	padding: 0;
	background: none;
	margin-bottom: 15px;
}

#project-filter ul li a {
	font-size: 93%;
	font-weight: bold;
	color: #881b30;
	text-decoration: none;
}

#project-filter ul li ul li {
	margin: 0;
}

#project-filter ul li ul li.current {
	padding-left: 0.8em;
	background: transparent url(/layouts/vijverborgh/images/bg_bullets.gif) no-repeat 0 0.75em;
}

/*---[ Project page ]---*/

.project-content h1 {
	position: relative;
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ccc;
	width: 585px;
}

.project #cnr_ctt_nav2 {
	width: 180px;
	padding: 60px 0 0 25px;
}

.content.project-content h2,
#cnr_ctt_nav2 .content.project-activities h2 {
	clear: both;
	font-size: 100%;
	color: #333;
	font-weight: bold;
}

.project-images {
	margin: 60px -30px 0 0;
	padding: 0 0 0 15px;
}

.project-images ul,
.project-images ul li,
.project-activities ul,
.project-activities ul li {
	margin: 0;
	padding: 0;
}

.project-images ul li img {
	margin: 0;
	width: 80px;
	height: 60px;
}

.project-images ul li {
	display: block;
	float: left;
	height: 90px;
	margin: 0 20px 0 0;
}

.project-images ul li.last {
	margin-right: 0;
}

.project-images ul li a {
	display: block;
	float: left;
	padding: 0 0 50px 0;
	height: 40px;
	background: #fff url(/layouts/vijverborgh/images/bg_reflex.jpg) repeat-x 0 60px;
}

/*---[ Client login ]---*/

.client_login {
	padding: 10px;
	background: #fff url(/layouts/vijverborgh/images/bg_client_login.png) repeat-x top left;
}

.client_login form {

}

.client_login form legend {
	display: none;
}

.client_login form input {
	border: 1px solid #ccc;
	margin-bottom: 0.5em;
	padding: 2px;
	width: 170px;
	height: 16px;
	color: #666;
}

.client_login form input#password {
	float: left;
	width: 140px;
}

.submitImage {
	float: left;
	margin-left: 8px;
	width: 22px;
	height: 22px;
	background: transparent url(/layouts/vijverborgh/images/bg_sprite.png) no-repeat -280px 0;
}

.client_login p a {
	font-size: 85%;
	color: #738d99;
}

form .button {
	position: static;
}

/*---[ Knowledge banner ]---*/

#knowledge-banner {
	position: relative;
	height: 433px;
	background: #000 url(/layouts/vijverborgh/images/bg_knowledge_sprite.jpg) no-repeat 0 0;
}

#kb-blur {
	position: absolute;
	width: 960px;
	height: 433px;
	background: transparent url(/layouts/vijverborgh/images/bg_knowledge_sprite.jpg) no-repeat 0 0;
	opacity: 0;
}

#wpr-banner .kb-visie-en-praktijk-sluiten-naadloos-aan { background-position: 0 -433px; }
#wpr-banner .kb-creativiteit                           { background-position: 0 -866px; }
#wpr-banner .kb-doelgroep-en-behoefte                  { background-position: 0 -1299px; }
#wpr-banner .kb-duurzaamheid                           { background-position: 0 -1732px; }
#wpr-banner .kb-exploitatie-staat-centraal             { background-position: 0 -2165px; }
#wpr-banner .kb-opdrachtgever                          { background-position: 0 -2598px; }

#kb-visie-en-praktijk-sluiten-naadloos-aan,
#kb-creativiteit,
#kb-doelgroep-en-behoefte,
#kb-duurzaamheid,
#kb-exploitatie-staat-centraal,
#kb-opdrachtgever {
	position: absolute;
	display: block;
	text-indent: -9000px;
	outline: 0;
}

#kb-visie-en-praktijk-sluiten-naadloos-aan { top: 0;     left: 465px; width: 325px; height: 50px; }
#kb-creativiteit                           { top: 50px;  left: 580px; width: 140px; height: 50px; }
#kb-doelgroep-en-behoefte                  { top: 100px; left: 430px; width: 260px; height: 55px; }
#kb-duurzaamheid                           { top: 155px; left: 350px; width: 180px; height: 45px; }
#kb-exploitatie-staat-centraal             { top: 200px; left: 25px;  width: 350px; height: 80px; }
#kb-opdrachtgever                          { top: 280px; left: 0;     width: 200px; height: 90px; }

#kb-content {
	position: absolute;
	display: none;
	top: 236px;
	left: 344px;
	width: 550px;
	height: 150px;
	padding: 15px;
	background: transparent url(/layouts/vijverborgh/images/bg_knowledge_content.png) repeat-x 0 0;
}

#kb-content div {
	display: none;
}

#kb-content h3 {
	margin-bottom: 10px;
	color: #ccc;
	font-size: 93%;
	text-transform: uppercase;
	font-weight: bold;
}

#kb-content p {
	float: left;
	display: block;
	color: #ccc;
	font-size: 93%;
	line-height: 130%;
}

#kb-content a {
	color: #ccc;
}

#kb-content p.note {
	font-size: 77%;
	line-height: 150%;
}

#kb-content ul.thumb {
	position: relative;
	display: block;
	float: right;
	overflow: hidden;
	width: 156px;
	height: 102px;
	margin: 0 20px 0 0;
}

#kb-content ul.thumb li {
	position: relative;
	float: left;
}

#kb-closebutton {
	position: relative;
	float: right;
	margin: -35px -15px 0 0;
	padding: 0 15px 0 0;
	background: transparent url(/layouts/vijverborgh/images/bg_knowledge_closebutton.png) no-repeat right 0;
	color: #fff;
	font-size: 85%;
	text-decoration: none;
}

/*---[ Testimonials ]---*/

.testimonial {
	min-height: 80px;
	border-bottom: 1px solid #ccc;
	position: relative;
	margin-bottom: 30px;
}

.testimonial:hover {
	background-color: #eaeef0;
	cursor: pointer;
}

.testimonial p.images {
	float: left;
	width: 160px;
	margin: 0;
}

.testimonial p.images img {
	margin: 0;
}

.testimonial .testimonial-content {
	width: 395px;
	float: right;
}

.testimonial.slideout:hover {
	background-color: #fff;
}

.testimonial .close {
	position: absolute;
	display: none;
	top: 0;
	right: 0;
	width: 38px;
	height: 16px;
}

.testimonial.slideout .close {
	display: block;
}

.testimonial .close:hover {
	text-decoration: none;
	cursor: pointer;
}

.testimonial .testimonial-content h2 {
	padding-top: 10px;
	color: #738d99;
	font-size: 108%;
}

.testimonial h3 {
	font-size: 108%;
}

/**
 * The default CSS for Shadowbox.
 *
 * This file is part of Shadowbox.
 *
 * Shadowbox is an online media viewer application that supports all of the
 * web's most popular media publishing formats. Shadowbox is written entirely
 * in JavaScript and CSS and is highly customizable. Using Shadowbox, website
 * authors can showcase a wide assortment of media in all major browsers without
 * navigating users away from the linking page.
 *
 * You should have received a license with this distribution explaining the terms
 * under which Shadowbox may be used. If you did not, you may obtain a copy of the
 * license at http://shadowbox-js.com/LICENSE
 *
 * @author      Michael J. I. Jackson <michael@mjijackson.com>
 * @copyright   2007-2009 Michael J. I. Jackson
 * @version     SVN: $Id: shadowbox.css 20M 2009-04-23 13:08:21Z (local) $
 */

/*_____________________________________________  container, overlay, & wrapper  */
#sb-container, #sb-wrapper {
  text-align: left; /* reset left alignment */
}
#sb-container, #sb-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  margin: 0;
  padding: 0;
}
#sb-container {
  height: 100%;
  display: none;
  visibility: hidden;
  z-index: 999;
}
body > #sb-container {
  /* use position:fixed in modern browsers */
  position: fixed;
}
#sb-overlay {
  /* needed in IE6 where sb-container uses position:absolute */
  height: expression(document.documentElement.clientHeight + 'px');
}
#sb-container > #sb-overlay {
  /* use for sb-container position:fixed */
  height: 100%;
}

/*_________________________________________________________________  wrapper  */
#sb-wrapper {
  position: relative;
}
#sb-wrapper img {
  border: none;
}

/*____________________________________________________________________  body  */
#sb-body {
  position: relative;
  margin: 0;
  padding: 0;
  overflow: hidden;
  border: 1px solid #303030;
}
#sb-body-inner {
  position: relative;
  height: 100%;
}
#sb-content.html {
  height: 100%;
  overflow: auto; /* make html content scrollable */
}

/*_________________________________________________________________  loading  */
#sb-loading {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  padding-top: 10px;
}
#sb-body, #sb-loading {
  background-color: #060606; /* should match loading image background color */
}

/*____________________________________________________________  title & info  */
#sb-title, #sb-info {
  position: relative;
  margin: 0; /* these must have no vertical margin or padding */
  padding: 0;
  overflow: hidden;
}
#sb-title-inner, #sb-info-inner {
  position: relative;
  font-family: 'Lucida Grande', Tahoma, sans-serif;
  line-height: 16px;
}
#sb-title, #sb-title-inner {
  height: 26px;
}
#sb-title-inner {
  font-size: 16px;
  padding: 5px 0;
  color: #fff;
}
#sb-info, #sb-info-inner {
  height: 20px;
}
#sb-info-inner {
  font-size: 12px;
  color: #fff;
}

/*_____________________________________________________________________  nav  */
#sb-nav {
  float: right;
  height: 16px;
  padding: 2px 0;
  width: 45%;
}
#sb-nav a {
  display: block;
  float: right;
  height: 16px;
  width: 16px;
  margin-left: 3px;
  cursor: pointer;
}
#sb-nav-close {
  background-image: url(/images/lib/shadowbox/close.png);
  background-repeat: no-repeat;
}
#sb-nav-next {
  background-image: url(/images/lib/shadowbox/next.png);
  background-repeat: no-repeat;
}
#sb-nav-previous {
  background-image: url(/images/lib/shadowbox/previous.png);
  background-repeat: no-repeat;
}
#sb-nav-play {
  background-image: url(/images/lib/shadowbox/play.png);
  background-repeat: no-repeat;
}
#sb-nav-pause {
  background-image: url(/images/lib/shadowbox/pause.png);
  background-repeat: no-repeat;
}

/*_________________________________________________________________  counter  */
#sb-counter {
  float: left;
  padding: 2px 0;
  width: 45%;
}
#sb-counter a {
  padding: 0 4px 0 0;
  text-decoration: none;
  cursor: pointer;
  color: #fff;
}
#sb-counter a.sb-counter-current {
  text-decoration: underline;
}

/*________________________________________________________________  messages  */
div.sb-message {
  font-family: 'Lucida Grande', Tahoma, sans-serif;
  font-size: 12px;
  padding: 10px;
  text-align: center;
}
div.sb-message a:link, div.sb-message a:visited {
  color: #fff;
  text-decoration: underline;
}

/* --- [ custom shadowbox styling ] ----------------------------------------- */

#sb-body {
	border: 0;
	padding: 20px;
}

#sb-loading {
	display: none;
}

#sb-body,
#sb-loading {
	background-color: #fff;
}