/* 

	CREATIONAL

	CSS / GENERAL STYLES 

	COPYRIGHT © 2010 / CREATIONAL / WWW.CREATIONAL.NL / ALL RIGHTS RESERVED

*/

* { margin: 0; padding: 0; }

body {
	font-family: Arial, Helvetica, sans-serif; font-size: 10pt;
	color: #000; background: #FFF;
	}

html, body { height: 100%; }

body#home,
body#page {	text-align: center;  }

a, a:link, a:visited, a:active { color: #666; text-decoration: none; border-bottom: 1px solid #666; }
a:hover { color: #666; text-decoration: none; }
a:focus, a:active { outline: none; }

img, a img { border: 0; }

ul { padding-left: 1.6em; padding-bottom: 1em; }
ol { padding-left: 2.6em; padding-bottom: 1em; }
li { line-height: 1.4em; font-size: 1.2em; }

h1 { 
	padding-top: 7px; padding-bottom: 16px; width: 710px;  
	font-size: 3.8em; text-transform: lowercase; font-family: "Century Gothic", Arial, Helvetica, sans-serif; line-height: 1.2em; letter-spacing: 2px;
	color: #666; 
	}
h2 { 
	padding-top: .4em; padding-bottom: .3em;
	font-size: 1.8em; text-transform: lowercase; letter-spacing: .05em; 
	color: #666; 
	}
h3 { 
	padding-bottom: .3em;
	font-size: 1.4em; text-transform: lowercase;
	color: #666; 
	}
h4 { 
	padding-bottom: .3em;
	font-size: 1.2em; text-transform: lowercase;
	color: #000; 
	}

p { font-size: 1.2em; padding-bottom: 1em; line-height: 1.4em; }

.clear { clear: both; height: 1%; visibility:hidden; font-size: 1px; }

u { text-decoration: none; }

th, td { font-size: 1.2em; color: #000; padding: 8px 5px; }

/* CONTAINER */
#container {
	text-align: left; position: static;
	margin: 0;
	width: auto;
	min-height: 100%;
	height: auto;
	}
* html #container {
	height: auto;
	}

/* SLIDESHOW */
#home #slideshow { display: none; }

/* HEADER */
#header { display: none; }

#logo_print { display: block; position: absolute; right: 0; top: 0; }

#slogan,
#slogan:link,
#slogan:visited { 
	display: block; margin-top: 8px;
	font-size: 13px; line-height: 1.6em;
	color: #9c9a9c; 
	}

/* SITENAV */
#sitenav { display: none; }

/* TOPNAV */
#topnav { display: none; }

/* MAIN */
#main { padding-left: 0; }
#home #main { position: static; left: 0; top: 0; z-index: auto; }

#main_inner {
	padding-top: 0; width: auto;
	background: none;
	}
.member #main_inner,
.case #main_inner{ position: static; }
	
#main_inner_bottom {
	height: 60px; clear:both;
	background: none;
	}
.member #main_inner_bottom {
	height: 30px;
	}
.case #main_inner_bottom {
	background: none;
	}	

#main ul { margin: 0; padding: 0; padding-bottom: 1em; margin-left: 1em; list-style: disc; }
#main ul li { 
	padding-left: 10px; padding-bottom: .1em;
	color: #636563; background: none; 
	}

#main li a,
#main li a:link,
#main li a:visited {
	position: relative; left: -10px; padding-left: 10px; display: inline-block;
	text-transform: lowercase; 
	color: #636563; background: none;
	border: none; 
	}
#main li a:hover {
	color: #666;
	}

#main a.more,
#main a.more:link,
#main a.more:visited,
#main a.more_bottom,
#main a.more_bottom:link,
#main a.more_bottom:visited {
	display: none;
	}
#main a.more:hover,
#main a.more_bottom:hover{
	color: #666;
	}	

#main a.more_bottom,
#main a.more_bottom:link,
#main a.more_bottom:visited {
	display: none;
	}
#main ul.more_bottom {
	display: none;		
	}

/* LEFTNAV */
#leftnav { display: none; }

/* CONTACT FORM */
.contact_name {
	margin-top: -23px; padding-bottom: 17px;
	}

/* COLUMNS */
#columns_inner {
	padding-top: 0; position: static; width: auto;
	background: none;
	}
#columns_inner_bottom {
	height: 60px; clear:both;
	background: none;
	}

#column_A { float: left; display: inline; width: 21%; margin-left: 0; overflow: visible; }
#column_B { float: left; display: inline; width: 21%; margin-left: 5%; overflow: visible; }
#column_C { float: left; display: inline; width: 21%; margin-left: 5%; overflow: visible; }
#column_D { float: left; display: inline; width: 21%; margin-left: 5%; overflow: visible; }
#column_CD { float: left; display: inline; width: 45%; margin-left: 5%; overflow: visible; }

/* CONTENT */
#content { float: none; display: block; width: auto; margin-left: 0; overflow: visible; padding-top: 0; }
#content_A { float: none; display: block; width: auto; margin-left: 0; overflow: visible; }
#content_B { float: none; display: block; width: auto; margin-left: 0; overflow: visible; }

#content ul { margin-top: 0; }

.member #content_A,
.member #content_B {
	padding-top: 0;
	}

/* CASES */
#cases_inner {
	padding-top: 0; position: static; width: auto;
	background: none;
	}
#cases_inner_bottom {
	height: 60px; clear:both;
	background: none;
	}

#cases_inner h2 a,
#cases_inner h2 a:link,
#cases_inner h2 a:visited {
	color: #666; border-bottom: none;	
	}
#cases_inner h2 a:hover {
	
	}

#cases_all { position: absolute; left: 744px; top: -31px; }

#cases_all li a,
#cases_all li a:link,
#cases_all li a:visited { color: #000; font-weight: bold; }
#cases_all li a:hover { color: #666; }


/* TEAM */
#team_tabs { margin: 0; padding: 0; list-style: none; position: absolute; right: 25px; top: -31px; }
#main #team_tabs li { 
	float: left; display: block; padding: 0; height: 32px; overflow: hidden;
	background: url(../img/de_team_tabs_divider.gif) no-repeat left bottom; 
	line-height: 32px; 
	}
#main #team_tabs li#team_tabs_01 { background: none; }

#team_tabs li a,
#team_tabs li a:link,
#team_tabs li a:visited {
	padding: 0 10px; position: static; left: 0;
	background: none;
	}
#team_tabs li a:hover {}

#team_tabs li.current a,
#team_tabs li.current a:link,
#team_tabs li.current a:visited {
	color: #666;
	}
#team_tabs li.current a:hover {}


#team_inner {
	position: relative; width: 960px;
	background: url(../img/de_team_background.gif) no-repeat left top;
	}
#team_inner.browse {
	padding-top: 2px; height: 342px;
	background: url(../img/de_team_background_browse.gif) no-repeat left top;
	}

#team_inner_bottom {
	height: 20px; clear:both;
	background: url(../img/de_team_background_bottom.gif) no-repeat left bottom;
	}
#team_inner.browse #team_inner_bottom { display: none; }

/* browse */
#team_browse { position: relative; height: 335px; width: 915px; overflow: hidden; margin-left: 20px; }

#team_browse_previous,
#team_browse_previous:link,
#team_browse_previous:visited {
	display: block; width: 26px; height: 26px; position: absolute; left: -10px; top: 158px;
	background:url(../img/de_team_previous.gif) no-repeat left top;
	text-indent: -9999px;
	border: none;
	}
#team_browse_previous:hover {
	background-position: 0 -26px;
	}

#team_browse_next,
#team_browse_next:link,
#team_browse_next:visited {
	display: block; width: 28px; height: 28px; position: absolute; right: -9px; top: 158px;
	background:url(../img/de_team_next.gif) no-repeat left top;
	text-indent: -9999px;
	border: none;
	}
#team_browse_next:hover {
	background-position: 0 -28px;
	}

#team_browse ul { margin: 0; padding: 0; list-style: none; }
#main #team_browse li { 
	float: left; display: block; padding: 0; width: 229px; height: 355px; 
	background: url(../img/de_team_member_divider.gif) no-repeat right top; 
	}

#main #team_browse li a,
#main #team_browse li a:link, 
#main #team_browse li a:visited {
	position: static; left: 0;
	border: none; text-transform: none;
	background: none;
	}

#main #team_browse .team_browse_quote,
#main #team_browse .team_browse_quote:link,
#main #team_browse .team_browse_quote:visited,
#main #team_browse .team_browse_quote_empty,
#main #team_browse .team_browse_quote_empty:link,
#main #team_browse .team_browse_quote_empty:visited { 
	display: block; height: 68px; padding-left: 30px; padding-right: 25px; margin-top: 20px; overflow: hidden; 
	font-size: 14px; line-height: 24px;
	color: #9c9a9c; background: url(../img/de_quotes_start_sidebar.gif) no-repeat 9px 7px;
	}
#main #team_browse .team_browse_quote:hover {
	color: #666;
	}	
#main #team_browse .team_browse_quote_empty,
#main #team_browse .team_browse_quote_empty:link,
#main #team_browse .team_browse_quote_empty:visited { 
	background: none;
	}
#main #team_browse .team_browse_quote span {
	display: inline-block; width: 21px; height: 11px;
	background: url(../img/de_quotes_end_sidebar.gif) no-repeat right top;
	}	
	
#main #team_browse .team_browse_photo,
#main #team_browse .team_browse_photo:link,
#main #team_browse .team_browse_photo:visited { 
	display: block; height: 180px; overflow: hidden; 
	}
#main #team_browse .team_browse_photo:hover {
	color: #666;
	}	
#main #team_browse .team_browse_name,
#main #team_browse .team_browse_name:link,
#main #team_browse .team_browse_name:visited { 
	display: block; overflow: hidden; padding-left: 40px; padding-top: 12px;
	font-weight: bold;
	color: #000; background: url(../img/de_bullet_link.gif) no-repeat 29px 15px;
	}
#main #team_browse .team_browse_name:hover {
	color: #666;
	}
#main #team_browse .team_browse_name span {
	display: block;
	font-weight: normal;
	color: #666;
	}

/* list */
#team_list { padding: 0 20px; padding-top: 2px; }

#team_list table { margin-bottom: -1px; }

#team_list tr { background: url(../img/de_table_divider.gif) no-repeat left bottom; }
#team_list tr:hover,
#team_list tr.over { background-color: #efefef; cursor: pointer; }

#team_list th { 
	font-weight: normal; text-align: left;
	}
#team_list td { text-transform: lowercase; }
#team_list th a,
#team_list th a:link,
#team_list th a:visited,
#team_list td a,
#team_list td a:link,
#team_list td a:visited {
	padding-left: 10px; display: inline-block;
	border-bottom: none;
	color: #636563; background: url(../img/de_bullet_table.gif) no-repeat 0 .3em;
	}
#team_list td a,
#team_list td a:link,
#team_list td a:visited { display: none; }

#team_list th a:hover,
#team_list td a:hover {
	color: #666;
	}	
#team_list tr:hover td a,
#team_list tr:hover td a:link,
#team_list tr:hover td a:visited,
#team_list tr.over td a,
#team_list tr.over td a:link,
#team_list tr.over td a:visited {
	display: inline-block;
	}

/* member */
#team_all { position: absolute; left: 744px; top: -31px; }

#team_all li a,
#team_all li a:link,
#team_all li a:visited { color: #000; font-weight: bold; }
#team_all li a:hover { color: #666; }

.member h1 { padding-bottom: 0; }
.member h2 { padding-top: .3em; padding-bottom: 1.1em; }
.member #content h2 { padding-top: .4em; padding-bottom: .3em; }

#member_quote { 
	display: block; padding-left: 38px; margin-top: 24px; margin-right: 20px;
	font-size: 22px; line-height: 1.3em;
	color: #9c9a9c; background: url(../img/de_quotes_start.gif) no-repeat 7px 3px;
	}
#member_quote span	{
	display: inline-block; width: 32px; height: 17px;
	background: url(../img/de_quotes_end.gif) no-repeat right top;
	}
	
	

/* SIDEBAR */
#sidebar { display: none }


/* NEWS */
#home #news { 
	padding: 12px 0;
	font-size: 1.3em; 
	background: none;
	}

#home #news p { padding: 0; }
#home #news span { font-weight: bold; }

#home #news a,
#home #news a:link,
#home #news a:visited {
	display: inline-block; padding-right: 20px;
	border: none;
	background:url(../img/de_bullet_home.gif) no-repeat 100% -12px;
	}
#home #news a:hover {
	color: #000;
	background-position: 100% -62px;
	}

/* FOOTER */
#footer {
	padding: 8px 4px; margin-top: 40px;
	font-size: 11px; text-align: right;
	color: #9c9a9c; background: url(../img/de_divider.gif) no-repeat center top;
	}
#home #footer {
	margin: 0;
	}	

#footer p { font-size: 11px; }

#footer a,
#footer a:link,
#footer a:visited {
	color: #9c9a9c;
	border: none;
	}


/* SEARCH */
#search_inner {
	padding-top: 13px; width: 960px;
	background: url(../img/de_search_background.gif) no-repeat left top;
	}
#search_inner_bottom {
	height: 1px; clear:both;
	}

#search_inner #content { width: 707px; margin-left: 0; }
#search_inner #sidebar { margin-left: 27px; }

#search { padding-top: 11px; padding-bottom: 50px; padding-left: 20px; }
#search form { margin: 0; }

#search #searchInput {
	width: 550px; font-size: 1em; padding: 5px;
	border: 1px solid #d1d1d1;
	}
#search #searchSubmit {
	margin-left: 5px;
	}

#search_cloud { 
	padding-left: 20px; padding-right: 10px; padding-bottom: 60px;
	text-align: center; 
	}

#search_cloud h3 { font-weight: normal; text-align: left; }

#search_cloud a,
#search_cloud a:link,
#search_cloud a:visited {
	padding: 5px;
	border: none;
	color: #9c9a9c;
	}
#search_cloud a:hover {
	color: #666;
	}


#search_results { 
	font-size: 1.2em; 
	background: url(../img/de_search_divider.gif) no-repeat left top;  
	}

#search_results br { display: none; }

#search_results a,
#search_results a:link,
#search_results a:visited {
	display: block; padding-top: 1.6em; padding-left: 32px; padding-bottom: 1.3em;
	text-decoration: none; line-height: 1.4em;
	border: none;
	color: #636563; background: url(../img/de_search_divider.gif) no-repeat left bottom; 
	}
#search_results a:hover {

	}	
#search_results span.search_results_heading {
	display: block; font-weight: bold; padding-left: 12px; padding-bottom: .2em; position: relative; left: -12px;
	color: #000; background: url(../img/de_bullet_link.gif) no-repeat 0px 3px;
	}
#search_results a:hover span.search_results_heading {
	color: #666;
	}

.search_alert,
.search_terms,
.search_result_msg { 
	padding-left: 20px; 
	font-weight: bold; font-size: 1.8em;
	color: #666; 
	}
.search_msg { padding-left: 20px; }

/* PAGING */
#paging {  padding-top: 26px; padding-right: 20px; text-transform: lowercase; }
.case #paging { padding-right: 269px; }

#paging ul { margin: 0; padding: 0; list-style: none; float: right; }
#paging ul li { float: left; background: none; padding: 0; }

#paging li a,
#paging li a:link,
#paging li a:visited,
#paging li span {
	display: block; min-width: 25px; padding: 5px 0; position: static; left: 0;
	text-decoration: none; text-align: center;
	color: #636563; background: url(../img/de_paging_divider.gif) no-repeat left top;
	}
* html #paging li a,
* html #paging li a:link,
* html #paging li a:visited,
* html #paging li span {
	width: 25px;
	}	
#paging li a:hover {
	color: #666;
	}

#paging li.current a,
#paging li.current a:link,
#paging li.current a:visited {
	color: #000; font-weight: bold;
	}

#paging li.paging_previous a,
#paging li.paging_previous a:link,
#paging li.paging_previous a:visited,
#paging li.paging_previous span {
	padding-right: 10px; padding-left: 33px;
	background: url(../img/de_paging_previous.gif) no-repeat 0 2px;
	}
#paging li.paging_previous a:hover {
	background-position: 0 -28px;
	}
#paging li.paging_previous span {
	color: #b1b2b1; background-position: 0 -58px;
	}

#paging li.paging_next {
	background: url(../img/de_paging_divider.gif) no-repeat left top;
	}
#paging li.paging_next a,
#paging li.paging_next a:link,
#paging li.paging_next a:visited,
#paging li.paging_next span {
	padding-right: 33px; padding-left: 10px;
	background: url(../img/de_paging_next.gif) no-repeat 100% 2px;
	}
#paging li.paging_next a:hover {
	background-position: 100% -28px;
	}
#paging li.paging_next span {
	color: #b1b2b1; background-position: 100% -58px;
	}

/* FORMS */

form { margin: 0; margin-top: 15px; padding: 0; color: #636563; font-size: 1.2em; }

form p { font-size: 1em; padding-left: 225px; }

fieldset { border: 0px none; margin: 0; padding: 0; }
* html fieldset { padding-bottom: 1em; }
fieldset legend { display: none; }
fieldset div { margin: 10px 0; }
fieldset div.cr { margin-bottom: 15px; }
fieldset br { display: none; }
fieldset div br { display: block; }

fieldset input, fieldset textarea, fieldset select {
	width: 411px; padding: 4px; padding-left: 20px; 
	font-family: Arial, Helvetica, sans-serif; font-size: 1em;
	border: 1px solid #d1d1d1;
	background: #FFF; color: #000;
	}
fieldset select { width: 286px; }

fieldset textarea { font-size: 100%;}

fieldset label, fieldset div.cr p {
	margin: 0; padding: 0; padding-right: 10px; padding-top: 4px; padding-left: 16px;
	display: block; float: left;
	width: 199px;
	text-align: left; text-transform: lowercase; font-size: 1em;
	}
        
fieldset div.cr label {
	float: none; width: auto; margin-left: 209px;
	text-align: left;
	color: #000;
	}
	
fieldset div span { display: block; margin-left: 225px; padding-top: 4px; }
* html fieldset div span { margin-left: 218px; }

fieldset .removed { display: none !important;}
fieldset .mandatory { }
fieldset .mandatory label,
fieldset .mandatory div.cr p { background:url(../img/de_forms_mandatory.gif) no-repeat 0 6px; }

fieldset div.cr input { border: none; width: auto; margin-right: 5px; background: none; }
fieldset div.cr_label input { border: none; width: auto; }

fieldset .remark,
fieldset.footnotes { 
	width: auto;
	font-size: 87%;
	color: #666; 
	}
fieldset.buttons .remark {
	margin-left: 80px;
	}

fieldset.buttons { margin-top: -10px; clear: both; width: 100%; }
fieldset.buttons div { margin: 0; }
fieldset.buttons label { width: 179px; float: left; }
fieldset.buttons input,
#searchSubmit { 
	width: 105px; height: 40px; padding: 0; margin-left: 20px; 
	font-weight: bold; text-transform: lowercase; text-align: center;
	border: none;
	color: #FFF; background: #fff url(../img/de_button.gif) no-repeat 0 7px;
	cursor: pointer;
	}
fieldset.buttons input:hover,
#searchSubmit:hover {
	background-position: 0 -33px;
	}	
	
fieldset.buttons .remark {
	display: inline;
	}

fieldset .error { color: #0077D4; font-weight: bold; }

fieldset .badinput { color: #0077D4; }
fieldset input.badinput, fieldset select.badinput, fieldset textarea.badinput {
	color: #00234C;
	border: 1px solid #0077D4; border-right: 1px solid #0077D4; border-bottom: 1px solid #0077D4;
	}

/* SLIDESHOW */
#sidebar #slideshow {
	position: relative; margin-left: 1px; margin-bottom: 20px; padding-bottom: 5px;
	background: url(../img/de_slideshow_sidebar_bottom.gif) no-repeat left bottom;
	}
	
#sidebar #slideshow_photo { padding-top: 30px; }

#sidebar #slideshow ul li a,
#sidebar #slideshow ul li a:link,
#sidebar #slideshow ul li a:visited {
	color: #000; font-weight: bold; text-transform: none;
	}
#sidebar #slideshow ul li a:hover {
	color: #666;
	}

#sidebar .slideshow_controls_container { position: absolute; left: 0; top: 139px; z-index: 101; }
#sidebar .slideshow_controls_list_container { padding: 0; margin: 0; list-style: none; }

#main #sidebar ul.slideshow_controls_list_container li { padding: 0; margin: 0; margin-left: 11px;  }

#sidebar .slideshow_controls_list_container li { float: left; display: inline; }

#sidebar .slideshow_button_previous,
#sidebar .slideshow_button_previous:link,
#sidebar .slideshow_button_previous:visited {
	display: block; width: 26px; height: 27px; padding: 0; position: static; left: 0;
	border: none; text-indent: -9999px;
	background: url(../img/de_slideshow_sidebar_arrows.png) no-repeat 0 0  !important;
	background: url(../img/de_slideshow_sidebar_arrows.gif) no-repeat 0 0;
	}
#sidebar .slideshow_button_previous:hover {
	background-position: 0 -30px !important;
	}

#main #sidebar #slideshow_controls_item_next0 { margin-left: 148px; }

#sidebar .slideshow_button_next,
#sidebar .slideshow_button_next:link,
#sidebar .slideshow_button_next:visited {
	display: block; width: 26px; height: 27px; padding: 0; position: static; left: 0;
	border: none; text-indent: -9999px;
	background: url(../img/de_slideshow_sidebar_arrows.png) no-repeat -31px 0  !important;
	background: url(../img/de_slideshow_sidebar_arrows.gif) no-repeat -31px 0;
	}
#sidebar .slideshow_button_next:hover {
	background-position: -31px -30px !important;
	}

#sidebar #slideshow_quotes { position: absolute; left: 8px; top: 0; width: 200px; z-index: 100; }

#sidebar #slideshow_quote_heading,
#sidebar #slideshow_quote_heading:link,
#sidebar #slideshow_quote_heading:visited {
	display: block; padding-left: 21px; margin-bottom: 5px;
	border: none; font-size: 14px; line-height: 24px;
	color: #9c9a9c; background: url(../img/de_quotes_start_sidebar.gif) no-repeat 0 6px;
	}
#sidebar #slideshow_quote_heading:hover {
	color: #666;
	}
#sidebar #slideshow_quote_heading span {
	display: inline-block; width: 21px; height: 11px;
	background: url(../img/de_quotes_end_sidebar.gif) no-repeat right top;
	}	

/* home */
#home .slideshow_inner {}
#home .slideshow_loading {}
	
#home #slideshow_quotes { position: static; left: 0 !important; top: 0 !important; width: auto; z-index: auto; }

#home #slideshow_quote_heading,
#home #slideshow_quote_heading:link,
#home #slideshow_quote_heading:visited {
	display: block; padding-left: 0; margin-bottom: 5px;
	border: none; font-size: 22px;
	color: #666; background: none;
	}
#home #slideshow_quote_heading:hover {
	}
#home #slideshow_quote_heading span {
	display: none;
	}	
	
#home #slideshow_quote_name,
#home #slideshow_quote_name:link,
#home #slideshow_quote_name:visited {
	margin-left: 0; padding-right: 0; padding-bottom: 3px;
	font-size: 14px;
	border: none;
	background: none;
	}
#home #slideshow_quote_name:hover {
	background-position: 100% -63px;
	}
	
/* SLIDERSHOW */
.slidershow_canvas {
	position: absolute; left: 0; top: 0;
	}
	
/* MCE ClASSES */
.darkblue { color: #333; }
.lightblue { color: #666; }

.extra { padding-bottom: .8em; }
#main ul li a.linkitem, #main ul li a.linkitem:link, #main ul li a.linkitem:visited { 
	display: inline; position: static; left: 0; padding-left: 0; 
	text-transform: none; 
	border-bottom: 1px solid #666; 
	background: none; 
	}

.image_left { float: left; margin-right: 10px; margin-bottom: 10px; }
.image_right { float: right; margin-left: 10px; margin-bottom: 10px; }