*{
margin:0;
padding:0;
}

body{
font-family:arial,helvetica,sans-serif;
text-align:center;
color:#333;
font-size: 76%;
background: #ffffff url('../img/bg-tile.gif');

}
br.clear { clear: both;}
/* General Style Info */
*.hidetext {
	position: absolute;
	left: -999em;
}
a{
color:#003d4c;
text-decoration:underline;
outline: none;
}
a:hover{
color:#003d4c;
text-decoration:none;
}

a img{
border:none;
}

h1, h2, h3, h4{
font-weight:100;
}
p {
	margin: 0.3em 0;
}
h1{
color: #ffffff;
margin:0.3em 0;
font-size: 180%;
}

h2{
color:#ffffff;
padding-top: 1em;
margin:0.3em 0;
font-size: 130%;
}

h3{
color:#c6c65b;
padding-top:2em;
font-size: 140%;
}

h4{
color:#c6c65b;
padding-top:0.5em;
font-weight:normal;
}

em {
font-size: 12px;
}

ul, li {
margin: 0px;
}
/* Layout */

#container{
text-align:left;
}

#header{
padding: 0px 10px 10px 25px;
width: 968px;
height: 165px;
background-color: #ffffff;
}

#content{
clear:both;
padding: 0px 10px 7px 0px;
width: 993px;
height: 500px;
background-color: #ffffff;
color: #333;
}
div.flasharea { 
	width: 998px;
	height: 500px;
	margin: 0px;
	padding: 0px;
	background-color: #e9e9e9;
}
#LoadingDiv {
	width: 998px;
	height: 500px;
	margin: 0px;
	padding: 0px;
	background-color: #ffffff;
}
#loadingImg {
	padding-top: 240px;
	padding-left: 489px;
}
/* tables */

/*table {
width: 100%;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
border-bottom: 1px solid #ccc;
color:#333;
background-color: #fff;
clear:both;
padding: 0;
margin: 0 0 2em 0;
white-space: normal;
}
th {
background-color: #e2e2e2;
border-top: 1px solid #fff;
border-left: 1px solid #fff;
border-right: 1px solid #003d4c;
border-bottom: 1px solid #003d4c;
text-align: center;
padding:1px 4px;
}
table tr td {
border-right: 1px solid #ddd;
padding:4px 4px;
vertical-align:top;
text-align: center;
}*/
table tr.altRow td {
background: #f4f4f4;
}
table td.actions {
	white-space: nowrap;
}
#cakeSqlLog td {
text-align: left;
padding: 4px 8px;
background: #fff;
border-bottom: 2px solid #ccc;
}

/* scaffold show */

div.related {
clear:both;
display:block;
}
dl {
line-height:2em;
margin:0em 1em;
float:left;
width: 400px;
}
dt {
font-weight: bold;
vertical-align:top;
}
dd {
margin-left:10em;
margin-top:-2em;
vertical-align:top;
}

/* notices and errors */

#flashMessage, .error, .error_message {
color:#900;
font-size: 16px;
background-color: #fff;
margin: 8px 0px;
font-weight: bold;
}
.error_message {
clear: both;
}
.error em {
font-size: 18px;
color: #003d4c;
}
.notice {
color: #656565;
font-size: 14px;
background-color: #f4f4f4;
padding: 0.5em;
margin: 1em 0;
display:block;
}
.tip {
color: #656565;
background-color: #ddd;
}

/* forms */

form {
margin-top: 2em;
}
form div{
vertical-align: text-top;
margin-left: 1em;
margin-bottom:2em;
}
form div.date{
margin-left: 0em;
}
label {
display: block;
width: 140px;
font-size: 14px;
padding-right: 20px;
}
input[type=checkbox] {
float: left;
clear: left;
margin: 2px 6px 7px 2px;
}
input, textarea {
clear: both;
display:block;
font-size: 14px;
font-family: inherit;
}
select {
clear: both;
vertical-align: text-bottom;
font-size: 14px;
font-family: inherit;
}
option {
font-size: 14px;
font-family: inherit;
padding: 0 0.3em;
}
input[type=submit] {
display: inline;
vertical-align: bottom;
}
div.required {
clear: both;
color:#222;
font-weight:bold;
}
div.optional {
clear: both;
color:#555;
}
div.submit {
clear: both;
margin-top: 40px;
margin-left: 140px;
}
/* action links */
ul.actions {
float: left;
margin-left:20px;
width: 200px;
}
ul.actions li {
margin-top: 4px;
}
pre {
padding: 1em;
}
/* login styles */
#login {
	text-align: left;
	margin: 0px;
	padding: 40px;
	background-color: #c7d1ff;
	border: solid thin #25408f;
	width: 50%;
}
#login h2 {
	color: #25408f;
}


/* menus */
#nav {
	top: 135px;
	position: absolute;
}
#nav-work, #nav-profile {
	top: 110px;
	position: absolute;
}
#nav-media {
	top: 85px;
	position: absolute;
}
#nav, #nav ul,#nav-work, #nav-work ul, #nav-profile, #nav-profile ul, #nav-media, #nav-media ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	
}

#nav a, #nav-work a, #nav-profile a, #nav-media a {
	display: block;

}

#nav li, #nav-work li, #nav-profile li, #nav-media li { /* all list items */
	float: left;
	margin-right: 10px;
}
#nav span {
	cursor: pointer;
}
div#header #nav, div#header #nav-work, div#header #nav-media, div#header #nav-profile { margin: 0; padding: 0;}
div#header #nav li, div#header #nav-work li, div#header #nav-media li.namedmedia, div#header #nav-profile li { display: inline;}
div#header #nav li a, div#header #nav-work li a, 
div#header #nav-media li.namedmedia a, 
div#header #nav-profile li a { height: 0;float: left; font-size: 11px;padding-top: 12px; overflow: hidden;margin-top: 0.7em;word-spacing: -2.5px;}
div#header #nav-media li.namedmedia a {cursor:default;}

div#header #nav li#nav-main-home a { background: url('/img/nav/main-home.png') no-repeat; width: 34px;}
div#header #nav li#nav-main-work a { background: url('/img/nav/main-work.png') no-repeat; width: 34px;}
div#header #nav li#nav-main-profile a { background: url('/img/nav/main-profile.png') no-repeat; width: 46px;}
div#header #nav li#nav-main-besocial a { background: url('/img/nav/main-besocial.gif') no-repeat; width: 57px;}
div#header #nav li#nav-main-beinnovative a { background: url('/img/nav/main-beinnovative.gif') no-repeat; width: 80px;}
/*work*/
div#header #nav-work li#nav-work-holland-hospital a { background: url('/img/nav/work-holland-hospital.png') no-repeat;width: 105px;}
div#header #nav-work li#nav-work-steelcase a { background: url('/img/nav/work-steelcase.png') no-repeat;width: 61px;}
div#header #nav-work li#nav-work-bank-of-holland a { background: url('/img/nav/work-bank-of-holland.png') no-repeat;width: 122px;}
div#header #nav-work li#nav-work-sketchpad a { background: url('/img/nav/work-sketchpad.png') no-repeat;width: 64px;}
div#header #nav-work li#nav-work-gr-marathon a { background: url('/img/nav/work-gr-marathon.png') no-repeat;width: 140px;}
div#header #nav-work li#nav-work-rock-home-studio a { background: url('/img/nav/work-rock-home-studio.png') no-repeat;width: 106px;}
div#header #nav-work li#nav-work-favorites a { background: url('/img/nav/work-favorites.png') no-repeat;width: 58px;}
div#header #nav-work li#nav-work-peel a { background: url('/img/nav/work-peel.gif') no-repeat;width: 30px;}
/* medias */
div#header #nav-media li#nav-media-print a { background: url('/img/nav/media-print.png') no-repeat;width: 34px;}
div#header #nav-media li#nav-media-outdoor a { background: url('/img/nav/media-outdoor.png') no-repeat;width: 54px;}
div#header #nav-media li#nav-media-broadcast a { background: url('/img/nav/media-broadcast.png') no-repeat;width: 66px;}
div#header #nav-media li#nav-media-interactive a { background: url('/img/nav/media-interactive.png') no-repeat;width: 69px;}
div#header #nav-media li#nav-media-brand-identity a { background: url('/img/nav/media-brand-identity.png') no-repeat;width: 87px;}
div#header #nav-media li#nav-media-packaging a { background: url('/img/nav/media-packaging.png') no-repeat;width: 62px;}
div#header #nav-media li#nav-media-signage a { background: url('/img/nav/media-signage.png') no-repeat;width: 48px;}

/*profile */
div#header #nav-profile li#nav-profile-facts a { background: url('/img/nav/profile-facts.png') no-repeat;width: 34px;}
div#header #nav-profile li#nav-profile-recognition a { background: url('/img/nav/profile-recognition.png') no-repeat;width: 73px}
div#header #nav-profile li#nav-profile-news a { background: url('/img/nav/profile-news.gif') no-repeat; width: 34px;}
div#header #nav-profile li#nav-profile-giving a { background: url('/img/nav/profile-giving.gif') no-repeat; width: 38px;}
div#header #nav-profile li#nav-profile-contact a { background: url('/img/nav/profile-contact.png') no-repeat;width: 51px;}

/* over states */
div#header #nav li#nav-main-home a:hover { background: url('/img/nav/main-home.png') left -12px no-repeat;}
div#header #nav li#nav-main-work a:hover { background: url('/img/nav/main-work.png') left -12px no-repeat;}
div#header #nav li#nav-main-profile a:hover { background: url('/img/nav/main-profile.png') left -12px no-repeat;}
div#header #nav li#nav-main-news a:hover { background: url('/img/nav/profile-news.gif') left -12px no-repeat;}
div#header #nav li#nav-main-besocial a:hover { background: url('/img/nav/main-besocial.gif') left -12px no-repeat;}
div#header #nav li#nav-main-beinnovative a:hover { background: url('/img/nav/main-beinnovative.gif') left -12px no-repeat;}
/*work*/
div#header #nav-work li#nav-work-holland-hospital a:hover { background: url('/img/nav/work-holland-hospital.png') left -12px no-repeat;}
div#header #nav-work li#nav-work-steelcase a:hover { background: url('/img/nav/work-steelcase.png') left -12px no-repeat;}
div#header #nav-work li#nav-work-bank-of-holland a:hover { background: url('/img/nav/work-bank-of-holland.png') left -12px no-repeat;}
div#header #nav-work li#nav-work-sketchpad a:hover { background: url('/img/nav/work-sketchpad.png') left -12px no-repeat;}
div#header #nav-work li#nav-work-gr-marathon a:hover { background: url('/img/nav/work-gr-marathon.png') left -12px no-repeat;}
div#header #nav-work li#nav-work-rock-home-studio a:hover { background: url('/img/nav/work-rock-home-studio.png') left -12px no-repeat;}
div#header #nav-work li#nav-work-favorites a:hover { background: url('/img/nav/work-favorites.png') left -12px no-repeat;}
div#header #nav-work li#nav-work-peel a:hover { background: url('/img/nav/work-peel.gif') left -12px no-repeat;}
/* medias 
no over states */
/*profile */
div#header #nav-profile li#nav-profile-facts a:hover { background: url('/img/nav/profile-facts.png') left -12px no-repeat;}
div#header #nav-profile li#nav-profile-recognition a:hover { background: url('/img/nav/profile-recognition.png') left -12px no-repeat;}
div#header #nav-profile li#nav-profile-news a:hover { background: url('/img/nav/profile-news.gif') left -12px no-repeat;}
div#header #nav-profile li#nav-profile-giving a:hover { background: url('/img/nav/profile-giving.gif') left -12px no-repeat;}
div#header #nav-profile li#nav-profile-contact a:hover { background: url('/img/nav/profile-contact.png') left -12px no-repeat;}

/* ###### ON STATES ######*/
div#header.home #nav li#nav-main-home a { background: url('/img/nav/main-home.png') left -12px no-repeat !important;}
div#header.work #nav li#nav-main-work a { background: url('/img/nav/main-work.png') left -12px no-repeat !important;}
div#header.profile #nav li#nav-main-profile a { background: url('/img/nav/main-profile.png') left -12px no-repeat !important;}
div#header.news #nav li#nav-main-news a { background: url('/img/nav/profile-news.gif') left -12px no-repeat !important;}
div#header.besocial #nav li#nav-main-besocial a { background: url('/img/nav/main-besocial.gif') left -12px no-repeat !important;}
div#header.beinnovative #nav li#nav-main-beinnovative a { background: url('/img/nav/main-beinnovative.gif') left -12px no-repeat !important;}
/*work*/
div#header.holland-hospital #nav-work li#nav-work-holland-hospital a { background: url('/img/nav/work-holland-hospital.png') left -12px no-repeat !important;}
div#header.steelcase #nav-work li#nav-work-steelcase a { background: url('/img/nav/work-steelcase.png') left -12px no-repeat !important;}
div#header.the-bank-of-holland #nav-work li#nav-work-bank-of-holland a { background: url('/img/nav/work-bank-of-holland.png') left -12px no-repeat !important;}
div#header.sketchpad #nav-work li#nav-work-sketchpad a { background: url('/img/nav/work-sketchpad.png') left -12px no-repeat !important;}
div#header.gr-marathon #nav-work li#nav-work-gr-marathon a { background: url('/img/nav/work-gr-marathon.png') left -12px no-repeat !important;}
div#header.rock-home-studio #nav-work li#nav-work-rock-home-studio a { background: url('/img/nav/work-rock-home-studio.png') left -12px no-repeat !important;}
div#header.favorites #nav-work li#nav-work-favorites a { background: url('/img/nav/work-favorites.png') left -12px no-repeat !important;}
div#header.peel #nav-work li#nav-work-peel a { background: url('/img/nav/work-peel.gif') left -12px no-repeat !important;}
/* medias */
div#header.print #nav-media li#nav-media-print a { background: url('/img/nav/media-print.png') left -12px no-repeat !important;}
div#header.outdoor #nav-media li#nav-media-outdoor a { background: url('/img/nav/media-outdoor.png') left -12px no-repeat !important;}
div#header.broadcast #nav-media li#nav-media-broadcast a { background: url('/img/nav/media-broadcast.png') left -12px no-repeat !important;}
div#header.interactive #nav-media li#nav-media-interactive a { background: url('/img/nav/media-interactive.png') left -12px no-repeat !important;}
div#header.brand-identity #nav-media li#nav-media-brand-identity a { background: url('/img/nav/media-brand-identity.png') left -12px no-repeat !important;}
div#header.packaging #nav-media li#nav-media-packaging a { background: url('/img/nav/media-packaging.png') left -12px no-repeat !important;}
div#header.signage #nav-media li#nav-media-signage a { background: url('/img/nav/media-signage.png') left -12px no-repeat !important;}
/*profile */
div#header.facts #nav-profile li#nav-profile-facts a { background: url('/img/nav/profile-facts.png') left -12px no-repeat !important;}
div#header.recognition #nav-profile li#nav-profile-recognition a { background: url('/img/nav/profile-recognition.png') left -12px no-repeat !important;}
div#header.news #nav-profile li#nav-profile-news a { background: url('/img/nav/profile-news.gif') left -12px no-repeat !important;}
div#header.giving #nav-profile li#nav-profile-giving a { background: url('/img/nav/profile-giving.gif') left -12px no-repeat !important;}
div#header.contact #nav-profile li#nav-profile-contact a { background: url('/img/nav/profile-contact.png') left -12px no-repeat !important;}

a.replace { position: relative;height: 15px;overflow: hidden;}
a.replace:hover img.replacement { top: -15px;}

/* gallery */
div.swapcontent { position:absolute; width:998px; height:500px; visibility:hidden; }
div.swapcontent.active { visibility:visible; }

div.swapcontent.gallery { padding:0; }
div.swapcontent.gallery .gallerycontainer { position:relative; float:left; width:998px; height:500px; overflow:hidden; display:inline; }
div.swapcontent.gallery .gallerycontainer .gallerycontent { position:absolute; left:998px; }
div.swapcontent.gallery .gallerycontainer .gallerycontent.active { position:absolute; left:0; top:0; }

a.gallerythumb { border:1px solid #ffffff; }
a.gallerythumb:hover { border:1px solid #9b9b9b; }
a.active, a.active:hover { border:1px solid #666666; cursor:default; }
a.gallerythumbs img { cursor:pointer; }


a.swapnav { display:none; position:absolute; bottom:1em; right:20px; cursor:pointer; }
.hasjs a.swapnav { display:block; }
.hasjs a.swapnav.active { display:none; }

div#sharethis {
	text-align: left;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 10px;
	margin-left: 15px;
	width: 85px;
	height: 15px;
	background-color: #ffffff;
}
/*
div.swapcontent.gallery .gallerythumbs { margin:0 0 74px 0; width:695px; height:395px;float:left;top: 10px; }
div.swapcontent.gallery .gallerythumbs span { z-index:0; display:block; overflow:hidden; position:relative; width:60px; height:40px; margin:0 5px 5px 0; float:left; cursor:pointer; }
div.swapcontent.gallery .gallerythumbs span img { float:left; margin:0 5px 5px 0; width:34px; height:17px; position:absolute; top:0; left:0; cursor:pointer; }
div.swapcontent.gallery .gallerythumbs span.active { z-index:2; border:2px solid orange; width:56px; height:36px; cursor:default; }
div.swapcontent.gallery .gallerythumbs span.active img { margin:-2px 0 0 -2px; cursor:default; }

*/

/* validation, be social and giving styles */

div.besocialcontainer, div.givingcontainer {
	padding-top: 145px;padding-left: 25px;
}
div.givingcontainer {
	padding-top: 148px;
}
div label {
	width: 65px;
	padding-right: 5px;
	float: left;
	text-align: right;
	font-weight: normal;
}
div.txtRequired {
	color: #999;
}
.besocial-btn-wrapper {
	padding-left:0px;padding-top: 17px;clear:both;
}
input#besocial_button {
	background: url("/img/btn-start-download.gif");
	width: 182px;height: 30px;
}
input.besocialinput, input.givinginput {
	width: 300px;
	height: 22px;
	margin-bottom: 6px;
}
input.disabled {
	border: 1px solid #F2F2F2;
	background-color: #F2F2F2;
}

input.required, textarea.required {
	
}
input.validation-failed, textarea.validation-failed {
	border: 1px solid #fff000;
	width: 303px;
	height: 24px;
	margin-bottom: 6px;
	/*color : #fff000;
	
	
	margin-bottom: 6px;*/
	float: left;
}
input.validation-passed, textarea.validation-passed {
	/*border: 1px solid #00CC00;
	color : #000;
	width: 298px;
	height: 20px;
	margin-bottom: 6px;*/
}

.validation-advice {
	margin: 5px 0;
	padding: 5px;
	margin-left: 95px;
	color : #fff000;
	background-color: #000;
	font-weight: bold;
	float: left;
}