/*  
Theme Name: Onoma Design
Theme URI: http://www.onomadesign.com/
Description: New website, built on Wordpress.
Version: 0.3
Author: Joshua Schoenaker
Author URI: http://www.joshuaschoenaker.nl/
License: -

*/

/* @group Normalize */

/* Normalizes margin, padding */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
	margin: 0;
	padding: 0;
	line-height: 18px;

}

/* Normalizes font-size for headers */

h1,h2,h3,h4,h5,h6 {
font-weight: normal;
font-size: 15px;
}

/* Removes list-style from lists */

ol,ul {
	list-style: none;
}

/* Normalizes font-style and font-weight to normal */

address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
}

/* Removes list-style from lists */

table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Removes border from fieldset and img */

fieldset,img {
	border: 0;
}

/* Left-aligns text in caption and th */

caption,th {
	text-align: left;
}

/* Removes quotation marks from q */

q:before, q:after {
	content: '';
}

/* @end */



* {
	margin: 0;
	outline:none;
}



/* VOOR SAFARI EN FIREFOX */


.navigation cufon.cufon-canvas { 
        margin-bottom:-20px !important;        
} 

.navigationhome cufon.cufon-canvas { 
        margin-bottom:-20px !important;        
} 


h2 cufon.cufon-canvas { 
        margin-bottom:-41px !important;  
} 

cufon.cufon-canvas { 
        margin-bottom:-1px !important;       
} 

#nav cufon.cufon-canvas { 
        margin-top:-25px !gin-bottom:4px !important;       
} 

#nav cufon.cufon-canvas { 
        margin-top:-25px !important;       
} 


#entrylist ul cufon.cufon-canvas { 
        margin-top:-45px !important;       
} 



/* STOP */



html, body, .pageright, .pageleft {
	min-height: 100%;
	width: 100%;
	height: 100%;
	overflow: hidden;
	
}

html>body, html>body .pageright, html>body .pageleft {
	height: auto;
}

.pageright {
	position: fixed;
	top: 0;
	left: 0;
	
}

.pageleft {
	position: fixed;
	top: 0;
	left: 0;
	background: url(images/littleshadow...png) top right repeat-y;
}

/* @end */

/* @group Layout */

body {
	font-family: "Futura", "Helvetica Neue", Helvetica, Arial, Sans-Serif;
	color: #777;
	text-align: left;
	overflow-x: hidden;
	font-size: 15px;
	font-weight: 500;
	background: #ededed;
}

::selection {
	background: transparent; /* Safari */
	}
::-moz-selection {
	background: transparent; /* Firefox */
}

body.home {background: #ededed;}

#homelogos {width: 100%; height: 100%; text-align: left;}


body.black {background:#ededed;}
body.red {background: #ee2d20;}
body.yellow {background-color: #FDB827;}
body.green {background-color: #16be7c;}
body.blue {background-color: #1a9fca;}
body.lightgray {background-color: #efefef;}

.logo {z-index: 999;position: absolute;float: right;font-size: 15px;}
.logo a{color:#fff;}
.logo a:hover{color:#fff;}

.logoblack {z-index: 999;position: absolute;float: right;font-size: 15px;}
.logoblack a{color:#000;}
.logoblack a:hover{color: #000;}

.logoblackhome {z-index: 999;position: absolute;float: right;font-size: 15px;right: 900px;}
.logoblackhome a{color:#000;}
.logoblackhome a:hover{color: #000;}

#header {
position: fixed;
right: 25px;
top: 0px;
z-index: 999;
}

#headerarchive {
	margin-left: 0px;
	padding-top: 23px;
	font-size: 15px;
	width: 468px;
}

#header a {
	font-weight: ;
	color: #000;
}

.pageright {
	background-color: #fff;
	padding: 0;
	left: 50%;
	color: #777;
	text-align: left;
	overflow: hidden;
}

.pageleft {
	background-color: transparent;
	padding: 0;
	left: 0;
	width: 50%;
	color: #000;
	text-align: right;
	overflow: hidden;
}

.searchcontent{width: 600px;}
.postsearchthumb{height: 170px;}

#content {
	position: relative;
	padding-bottom: 100px;
}

#contentwhite {
	position: relative;
	float: right;
	margin-right: 65px;
	font-size: 15px;
	margin-top: 20px;
	color: #777;
}

.post {
	position: absolute;
	top: 35%;
	font-size: 15px;
	width: 300px;
	margin-left: 15px;
}


.footer {
	position: absolute;
	bottom: 15px;
	width: 100%;
	color: #000;
	text-align: left;
	font-size: 14px;
	left: 900px;
}

.footer p {
	width: 468px;
	margin-left: 15px;
	padding: 0px 0;
	color: #777;
}

.footer2 {
	position: absolute;
	bottom: 15px;
	width: 100%;
	color: #000;
	text-align: left;
	font-size: 14px;
	left: 0;
}

.footer2 p {
	width: 468px;
	margin-left: 15px;
	padding: 0px 0;
	color: #777;
}


.feattitle{position: fixed; margin-left: -122px; margin-top: 22px;z-index: 999;color: white;}

/* @end */




/* @group Headers */




h2 {width: 500px;font-weight: normal;}
h2 span {color: #777;}
h2 span a{color: #777;}
h2 span a:hover{color: #555;}

h2.identity a{
color: #ee2d20;}
h2.exhibits a{
color: #0cb271;}
h2.information a{
color: #1a9fca;}
h2.print a{
color: #FDB827;}

/* @end */


/* @group Lists */

html>body .entry ul {
	margin-left: 0px;
	padding: 0 0 0 30px;
	list-style: none;
	padding-left: 10px;
}

html>body .entry li {
	padding: 7px 0 8px 10px;
	font-weight: normal;
}

.entry ol {
	padding: 0 0 0 20px;
	margin: 0;
}

.entry ol li {
	margin: 0;
	padding: 0;
}

.post li {
}

.post li a {
	color: #000;
	font-size: 15px;
}

.post li a:hover {
	color: #555;
}

li.page_item {
	text-align: right;
}



.post li p.postmetadata {
	font-weight:  ;
	padding: .3em 0 2em;
}

/* @end */

/* @group Forms */

#searchform {
	margin: 10px 0;
	padding: 5px 0;
	text-align: left;
}

#sidebar #searchform #s {
	width: 108px;
	padding: 2px;
}

.search_input {
	margin-top: 5px;
	width: 150px;
}

.entry form {
	/* This is mainly for password protected posts, makes them look better. */
	text-align: center;
}

select {
	width: 130px;
}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
}

#commentform textarea {
	width: 100%;
	padding: 2px;
}

#commentform #submit {
	margin: 0;
	float: right;
}

/* @end */

/* @group Comments */


/* @group Images */

#header img {
	position: absolute;
	top: 20px;
}

p img {
	padding: 0;
	max-width: 100%;
}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
}

.alignright {
	float: right;
}

.alignleft {
	float: left
}

/* @end */


/* @group Miscellaneous */

* a {
	text-decoration: none;
	color: #000;
}

code {
	font: 1.2em 'Courier New', Courier, Fixed;
	padding: 5px;
	margin-left: 10px;
	color: #2a910c;
	font-weight:  ;
	width: auto;
	height: auto;
	display: block;
	overflow: auto;
}

acronym, abbr, span.caps {
	font-size: 0.9em;
	letter-spacing: .07em;
}


a:hover {
	color: #555;
}

acronym, abbr, span.caps {
	cursor: help;
}

acronym, abbr {
	border-bottom: 1px dashed #777;
}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	font-size: 1.2em;
	font-weight: normal;
}

.center {
	text-align: center;
}

em {
	font-style: italic;
}

hr {
	display: none;
}

a img {
	border: none;
}



small {
	font-size: 0.9em;
	font-weight: normal;
}



.description {
font-size: 15px;
color: #777;
padding-right: 10px;
}

.navigationhome{margin-left: 15px;}

#nav{
	margin-left: 15px;
	font-size: 15px;
	width: 500px;
	color: #777;
	z-index: 99;
	position: absolute;
		text-shadow: 1px 1px 1px #ededed;

	}
	
#nav a{
	color: #777;
	
	}
	
#nav a:hover{
	color: #000;
	}	
	
	
#nav .identity a{
color: #ee2d20;}
#nav .identity a:hover{
color: #ee2d20;}	

#nav .interpretive a{
color: #0cb271;}
#nav .interpretive a:hover{
color: #0cb271;}	

#nav .information a{
color: #1a9fca;}
#nav .information a:hover{
color: #1a9fca;}	

#nav .print a{
color: #FDB827;}
#nav .print a:hover{
color: #FDB827;}	

#nav .recent a{
color: #555;}
#nav .recent a:hover{
color: #000;}

#nav .about a{
color: #555;}
#nav .about a:hover{
color: #000;}

#nav .activeblack a{color: #000;}
#nav a.tab{color: #777;}
#nav a.active red{color: #ee2d20;}
#nav a.tab img {-moz-opacity:.50; filter:alpha(opacity=50); opacity:.50;}
#nav a.active img {-moz-opacity:.99; filter:alpha(opacity=99); opacity:.99;}
#nav a:hover img {-moz-opacity:.99; filter:alpha(opacity=99); opacity:.99;}

#name, #industry { display:none; }
#date {margin-top: 0px;}

#financial, #healthcare, #manufacturing, #retail, #services, #transportation, #utilities {display: none;} 

.industrysubmenu li{height: 8px; }
.industrysubmenu {position: relative; top: -3px;}

.industrysubmenu a.tabsub{color: #777;}
.industrysubmenu a.active{}
.industrysubmenu a.tabsub:hover{color: #ee2d20;}


.tagcloud{position: fixed; left:3%; bottom:20%;text-align: left;z-index: 0;}

#entrylistrecent{position: fixed; right: 15px; top: 0px; text-align:left; margin-top: 0px; width: 135px; }


/* NEW SCROLLLLLLLLLSYSTEEM */

div.sc_menu_wrapper {
  z-index: 999;
  position: fixed;
  right: 0px;
  top:0px;
  height: 100%;
  /* Make bigger than a photo, because we need a place for a scroll-bar. */
  width: 170px;
  text-align: right;
  overflow: hidden;
  background: transparent;
}
div.sc_menu {
  padding: 0px 0px 0px 0px;
  
}
.sc_menu li{padding-top: 5px; padding-bottom:  5px;}

.sc_menu a {
  display: block;
  margin-bottom: 5px;
  width: 130px;
}
.contentlogos p {
font-family: Times New Roman;
margin-right: 25px;
color: #777;
z-index: 999;
}

.contentlogos p span{
color: #000;
}
.sc_menu a:hover {
}
.sc_menu img {
  display: block;
  border: none;
}

.clientlist {margin-bottom: 55px;}

.clientlist li a{color: #777;}
.clientlist li a:hover{color: #000;}

.clientlist a.identity:hover{color: #ee2d20;}
.clientlist a.exhibits:hover{color: #0cb271;}
.clientlist a.information:hover{color: #1a9fca;}
.clientlist a.print:hover{color: #FDB827;}

div.sc_menu_clientlist {
  z-index: 999;
  position: fixed;
  right: 20px;
  top:25px;
  margin-top: 20px;
  height: 100%;
  /* Make bigger than a photo, because we need a place for a scroll-bar. */
  width: 370px;
  text-align: right;
  overflow: hidden;
  background: transparent;
}



.indbtn{margin-bottom: -4px;}

.sub_menu li img{-moz-opacity:.40; filter:alpha(opacity=40); opacity:.40; }
.sub_menu li img:hover{-moz-opacity:.99; filter:alpha(opacity=99); opacity:.99;}

.homelogo img{float: left;margin-left: 0px;margin-top: 0px; margin-bottom: 10px; }


.postrecent{position: absolute; top:0; width: 100%; overflow: hidden; margin-left: -60px;height: 100%;z-index: 99;}
.recenttext{margin-left: 475px;margin-top: 268px;width: 300px;}
.recentimage{float: left;margin-top: 235px;}



#slider							{ background: transparent; height: 100%; overflow: hidden;
								  position: relative; width: 800px;margin: auto;}
								  
                                /* DEFAULT is for three panels in width, adjust as needed
                                   This only matters if JS is OFF, otherwise JS sets this. */								  
#mover							{ width: 2880px; position: relative; }

.slide							{ padding: 0px 0px; width: 900px; float: left; position: relative; z-index: 9; }
.slide h1						{ font-family: Helvetica, Sans-Serif; font-size: 30px; letter-spacing: -1px;
								  color: #ac0000; }
.slide p						{ color: #777; width: 300px; }
.slide img						{ position: absolute; top: 0px; left: 0px; }
#slider-stopper					{ position: absolute; bottom: 15px; right: 200px; padding:5px 15px;
								  color:#000;
								  background: transparent;
								  z-index: 99999;
								  font-family: Times New Roman;
								  font-size: 15px;
								  font-style: italic;
								  text-shadow: 1px 1px 1px #ededed;}

/* Easy Tooltip */

#easyTooltip{
	padding:5px 10px;
	color:#000;
	z-index: 99999;
	font-family: Times New Roman;
	font-size: 15px;
	font-style: italic;
	text-shadow: 1px 1px 1px #ededed;
	}
	
	    
    #easyTooltipThumbs{
	color:#777;
	z-index: 99999;
	font-family: Times New Roman;
	font-size: 15px;
	font-style: italic;
	text-shadow: 1px 1px 1px #efefef;
	text-align: right;
	padding: 10px 5px 10px 5px;
	width: 275px;
	}	
	
					

/* // Easy Tooltip */

.postrecentarchive{position: absolute; top:0; width: 100%; overflow: hidden; left:0; height: 100%;z-index: 99;}
.recenttextarchive{margin-left: 475px;margin-top: 238px;width: 300px;}
.recentimagearchive{float: left;margin-top: 245px;}


.lastfive{position: relative; right: 25px; top: 15px; text-align: left; width: 150px;margin-bottom: 20px;}

.pagepic{height: 150px; width: 50px;}


.slideshow { height: 180px; width: 230px; margin: 0; }
.slideshow img { padding-bottom: -50px;  }


.searchformholder{position: relative; top: 0px;}

.thumbsfade{position: fixed; bottom: 0px; right: 15px;z-index: 9999999;font-family: Times New Roman;-moz-opacity:.70; filter:alpha(opacity=70); opacity:.70;}
.thumbsfade:hover{-moz-opacity:.99; filter:alpha(opacity=99); opacity:.99;}
.thumbsfade img{float: left;padding-top: 20px;padding-right: 2px;}
.thumbsfade form{float: right;}


#s {color:#999;
	font-family: Times New Roman;
	font-size: 15px;
	font-style: italic;
	text-align: right;
	padding-right: 5px;
}



.parallaxholder{position: fixed; bottom: 0; left: 0px; width: 50%; height: 90%; }

#parallax
    {position:relative; overflow:hidden; width: 100%; height:100%; font-size: 3em; }
    

/* Jquery Cycle Plugin */




.slideshowcat { height: 100%; width: 400px; margin-left: 0px; z-index: 1;position: fixed; top: 40%; }
.slideshowcat img {}

.slideshowcat p {width: 360px;  }
.slideshowcat div{padding-top:0; }
.slideshowcat p span {color: #000;  }
.slideshowcat h3.red {color: #ee2d20;  }
.slideshowcat h3.green {color: #0cb271;  }
.slideshowcat h3.blue {color: #1a9fca;  }
.slideshowcat h3.yellow {color: #FDB827;  }


.slideshowcatimg { width: 1200px; height: 100%; z-index: 1;position: absolute; top: 0px; right: 0; text-align: right; }
.slideshowcatimg div{position: absolute; right: 0px; width: 100%;}

/* homepage */

.homelefthalf { width: 1000px; height: 100%; z-index: 1;position: absolute; top: 0px; right: 0; text-align: right; }
.homelefthalf div{position: absolute; right: 0px; width: 100%;}

.homerighthalf { width: 1000px; height: 100%; z-index: 9;position: absolute; top: 0px; left: 0; text-align: right; }
.homerighthalf div{position: absolute; left: 0px; width: 100%;}

.recenttext object{
display: none;
}




.jScrollPaneContainer {
position: fixed;
	overflow: hidden;
	z-index: 999;
	right: 0px;
  top: 0px;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #ededed;
	z-index: 9999;
}
.jScrollPaneDrag {
	position: absolute;
	cursor: pointer;
	overflow: hidden;
	z-index: 9999;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 9999999999;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 9999999999;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}




.contactmap {position: fixed; top: 0; right: 50%;}

.contactmapdot {position: fixed; top: 571px; right: 50%; margin-right: 1280px;}