@charset "utf-8";
/* CSS Document */

body {
	background: url(images/BGsite.jpg) repeat-x top #140D99;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	height:101%;
}
body,td,th {
	font-family: Century Gothic, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 14px;
}
.footer{
font-size:11px;
}
a.footer{
font-size:11px;
	padding:0 10px 0 0px;
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
	}
a.footer:hover{
font-size:11px;
	padding:0 10px 0 0px;
	color: #1d6ac2;
	text-decoration:none;
	font-weight:bold;
	}
.nav{
	color:#d6171e;
	  z-index: 100;

}
a.nav{
	font-size:18px;
	padding:0 10px 0 10px;
	color:#FFFFFF;
	text-decoration:none;
	}
a.nav:hover{
	font-size:18px;
	padding:0 10px 0 10px;
	color: #1d6ac2;
	text-decoration:none;
	}
a.navbot{
	font-size:14px;
	padding:0 10px 0 0px;
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
	}
a.navbot:hover{
	font-size:14px;
	padding:0 10px 0 0px;
	color: #1d6ac2;
	text-decoration:none;
	font-weight:bold;
	}
a.navtime{
	font-size:14px;
	padding:0 0px 0 0px;
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
	}
a.navtime:hover{
	font-size:14px;
	padding:0 0px 0 0px;
	color: #1d6ac2;
	text-decoration:none;
	font-weight:bold;
	}
.mainTextBox{
	padding:5px 10px 10px 40px;
	}
.titlesBlue{
	font-size:22px;
	color: #1d6ac2;
}
.subTitles{
	font-size:16px;
	padding:0 0px 0 0px;
	color: #fff;
	font-weight:bold;
}
.subTitlesBlue{
	color: #1d6ac2;
	font-size:16px;
	padding:0 0px 0 0px;
	font-weight:bold;
}
a.emails{
	text-decoration:none;
	color:#ff0000;}
a.emails:hover{
	text-decoration:none;
	}
	
/*...logooooo here...*/
html, body {
  height:100%;
}

body {
/*...stuff here...*/
  position:relative; /*stabiliseren van IE*/
}

#container, #navigation {
  min-width:90px;
  position:relative;
  vertical-align:top; this you need on your footer, position:relative;
}

/*IE6 hack for min-width... skipped*/

#container {
  min-height: 100%; 100% height model again
  font: normal 1em/1.5em arial, helvetica, sans-serif;
}
* html #container {
  height: 100%; /*IE6*/
}

#navigation {
  width: 90px;
  position: fixed; 
  top:0;
  right:0;
  z-index: 10;
  margin-right:35px;
}


* html #navigation {
  position: absolute;
  width: 100%;/*IE5.5*/
  bottom: 0;
  left: 0;
  overflow: visible; earlier had overflow: hidden on various things... you might not need this line
  top: expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop +(documentElement.clientHeight-this.clientHeight) : document.body.scrollTop +(document.body.clientHeight-this.clientHeight));
}
#navmenu {
  margin: 0 auto;
  position: relative;
  z-index: 1000;
  width: 50em;so I could center it within #navigation
}

     #navmenu li {
       padding: 0 5px;
     }
      #navmenu a {

     }
     #navmenu a:focus, #navmenu a:hover, #navmenu a:active {

     }


/*flash styles*/
		
#project_attributes { clear: both;
					  padding: 0px 0px 0px 0px;
					  margin: 0px 0px 0px 0px;
		    		  width: 596px; 
            		  height: auto;
            		  /* border-bottom: 1px solid #525252; */
             		  letter-spacing: .5px;
             		  line-height: 16px;
          	 		  font-size: 12px; 
          	 		  font-style: normal; 
          	 		  font-weight: bold; 
          	 		  text-decoration: none; 
          	 		  color: #fff;
	}

	
	#project_attributes span { color: #930000; }

	#project_attributes a { color: #930000; text-decoration: underline;}
.project_divider { clear: both;
				   width: 596px;
				   border-top: 1px solid #525252;
				   margin: 12px 0px 0px 0px;

	}


	
#project_clientTitle { float: left;
					   padding: 17px 0px 0px 0px;
					   border: 1px solid #525252;
	}


	
#project_year { float: right;
				padding: 16px 0px 0px 0px;
                letter-spacing: .5px;
          	    font-size: 12px; 
          	    font-style: normal; 
          	 	font-weight: normal; 
          	 	text-decoration: none; 
          	    color: #A1A1A1;
	}
	
#project_description { clear: both;
					   padding: 7px 0px 0px 0px;
		    		   width: 590px; 
            		   height: auto;
             		   letter-spacing: .5px;
             		   line-height: 16px;
          	 		   font-size: 12px; 
          	 		   font-style: normal; 
          	 		   font-weight: normal; 
          	 		   text-decoration: none; 
          	 		   color: #fff;
	}
	
#project_scroller { clear: both;
					padding: 0px 0px 10px 0px;
		    		width: 400px; 
            	    background-color: #000000;
	}

.stdCopy01 {    font-size: 12px;
                line-height: 15px;
                font-style: normal; 
                font-weight: normal; 
                text-decoration: none; 
                color: #fff;
	}
	
.stdCopy01 a {  font-size: 12px;
                line-height: 15px;
                font-style: normal; 
                font-weight: normal; 
                text-decoration: none; 
                color: #930000;
	}
	
.stdLink01 {font-family: Arial, Verdana,  Helvetica; 
                font-size: 11px;
                line-height: 15px;
                font-style: normal; 
                font-weight: normal; 
                text-decoration: underline; 
                color: #CC0000;
	}
	
.stdLink01 a {font-family: Arial, Verdana,  Helvetica; 
                font-size: 11px;
                line-height: 15px;
                font-style: normal; 
                font-weight: normal; 
                text-decoration: none; 
                color: #CC0000;
	}

.stdLink03 {	
				font-family: Arial, Verdana,  Helvetica; 
                font-size: 11px;
                line-height: 15px;
                font-style: normal; 
                font-weight: normal; 
                text-decoration: underline; 
                color: #A1A1A1;
	}

.stdLink03 a {
                color: #A1A1A1;
	}	

.stdLink03 a:hover {
                color: #A1A1A1;
	}	
	#iFrameHdr { clear: both;
	   		 padding: 7px 0px 0px 0px;
	         width: 141px; 
             height: 39px;
			 padding-bottom:7px;
             letter-spacing: .5px;
          	 font-size: 12px; 
          	 font-style: normal; 
          	 font-weight: normal; 
          	 text-decoration: none; 
          	 color: #fff;
             border-bottom: 1px solid #363636;
	}
	html>body #iFrameHdr { height: 32px; }
	
	#iFrameHdr span { 
          	 		  font-size: 12px; 
          	 		  line-height: 12px;
          	          font-style: normal; 
          	          font-weight: normal; 
          	          text-decoration: none; 
          	          color: #9D0000;
	}
	
	
#iFrameHdr02 { clear: both;
	   		   margin: 0px 0px 0px 8px;
	           width: 219px; 
               letter-spacing: .5px;
          	   font-size: 14px; 
          	   font-style: normal; 
          	   font-weight: normal; 
          	   text-decoration: none; 
          	   color: #CCCCCC;
               border-bottom: 1px solid #363636;
	}
	html>body #iFrameHdr02 {  width: 211px; }
	
	#iFrameHdr02 span { 
          	 		  font-size: 12px; 
          	 		  line-height: 16px;
          	          font-style: normal; 
          	          font-weight: normal; 
          	          text-decoration: none; 
          	          color: #9D0000;
	}

/********* IFRAME CONTENT ************/

#iFrameContent { 
				 display: block;
				 padding: 4px 3px 3px 8px;
				 margin: 0px 0px 0px 0px;
                 font-size: 12px; 
                 font-style: normal; 
                 font-weight: normal; 
                 text-decoration: none; 
                 color: #fff;
                 text-align: left;
	}
	
#iFrameContent a { text-decoration: none;  color: #FFFFFF; font-weight:normal;}

#iFrameContent a:hover { text-decoration: none;  color: #9D0000; font-weight:normal;}
#contentScroller1 {
/* Typical fixed height and fixed width example */
width: 141px;
height: 456px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
margin-right:20px;
margin: 0.3em auto;

}

.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 0;
}

.vscrollerbase {
width: 9px;
background-color: #363636;
}
.vscrollerbar {
width: 9px;
margin-left:1px;
background-color: #9D0000;
}
.hscrollerbase {
height: 10px;
background-color: white;
}
.hscrollerbar {
height: 10px;
background-color: black;
}

.scrollerjogbox {
width: 10px;
height: 10px;
top: auto; left: auto;
bottom: 0px; right: 0px;
background-color: gray;
}
#contentScroller2 {
/* Typical fixed height and fixed width example */
width: 340px;
height: 250px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
background-color: #FFFFFF;
margin: 0.3em auto;
padding: 15px;
}

#contentScroller3 {
/* Typical fixed height and fixed width example */
width: 219px;
height: 496px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
margin-right:20px;
margin: 0.3em auto;
}

.fixedwidthScroll {
/* a wide div is used for creating horizontal scrollbars*/
width: 510px;
height: auto;
position: relative;
color: black;
padding: 1px;
}		
	

/***

#iFrame_name { display: block;
			   padding: 3px 3px 3px 8px;
			   margin: 0px 0px 0px 0px;
               width: 124px;

               font-family: Arial, Verdana, Helvetica; 
               font-size: 10px; 
               font-style: normal; 
               font-weight: normal; 
               text-decoration: none; 
               color: #FFFFFF;
               text-align: left;
               background-color: #000000;
	}
	html>body #iFrame_name { width: 113px; }
	
 	#iFrame_name a { display: block;
 	                 padding: 3px 3px 3px 8px;
 	                 margin: 0px 0px 0px 0px;
 	                 color: #FFFFFF;
                     text-align: left;
                     background-color: #000000;
                     border: 1px solid #FFFFFF;
		}
		
	#iFrame_name a:hover { padding: 3px 3px 3px 8px;
                           margin: 0px 0px 0px 0px;
                           color: #FFFFFF;
                           text-align: left;
                           background-color: #242424;
		}
***/
.smallthumbs{
	height:66px;
	width:94px;
	vertical-align:middle;
	text-align:center;
	border:1px solid #fff;
	float:left;
	margin:0 15px 15px 0;
}
.smallthumbs-selected{
	height:66px;
	width:94px;
	vertical-align:middle;
	text-align:center;
	border:1px solid #930000;
	float:left;
	margin:0 15px 15px 0;
}
.largethumbs{
	height:192px;
	width:253px;
	vertical-align:middle;
	text-align:center;
	border:1px solid #fff;
	float:left;
	margin:0 15px 40px 0;
}
.Thumbs{
	display:inline;
	float:left;}

.neonBlue{
	color:#30f6ff;
	}
.neonRed{
	color:#ff0000;
	}
.neonBlue12{
	color:#30f6ff;
	font-size:12px;
	}
.neonRed12{
	color:#ff0000;
	font-size:12px;
	}
.rustRed{
	color:#B7410E;
	}
.subTitlesneonBlue{
	font-size:16px;
	padding:0 0px 0 0px;
	color: #30f6ff;
	font-weight:bold;
}
.postitions{
	color:#B7410E;
	font-size:12px;}zz