@import url("nav_style.css");

/* reset defaults */
body, html {
	width:100%;
	height:100%;
	margin:0;
	padding:0;
}

img
{
	display:block;
	outline:none;	
	padding:0;
	margin:0;
	border:none;
}

.Picture
{
    overflow:hidden;
}

/* all */

body {
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	color:#000;
	text-align:left;
	background-color:#eaeaea;
}

img a {
	border:none;
	display:block;
	padding:0;
	margin:0;
}

img.arrow
{
    display:inline-block;
}

a,
a:link,
a:active,
a:visited
{
	color:#d30000;
	outline:none;
}

a:hover
{
	text-decoration:none;
}

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

.white
{
	color:#fff;
}

.red
{
    color:#d82c2c;
}

.white a,
.white a:link,
.white a:active,
.white a:visited
{
	color:#fff;
}

.black a,
.black a:link,
.black a:active,
.black a:visited
{
	color:#000;
}

.hand
{
	cursor:pointer;
}

.pointer
{
    cursor:default;
}

.bold
{
	font-weight:bold;
}

.text h2
{
    padding:0;
    margin:0;
}

/* - general image/movie resizing - */

.threerowwrapper .Picture
{
    position:absolute;
    top:47px;
    width:80px;
    height:80px;
}

.fourthrowelement .Picture
{
	position:absolute;
	top:40px;
	left:155px;
    width:70px;
    height:80px;
}

.pic .Picture
{
    width:298px;
    height:252px;
    margin-top:44px;
}

.gallery .main .Picture
{
    width:307px;
    height:297px;
} 

.gallery .Picture
{
  	position:relative;
	margin:0 10px 10px 0;
	float:left;
	width:80px;
	height:80px;
	/*border:1px solid #888;*/
	cursor:pointer;
}

.productswrapper .menu .Picture
{
	position:absolute;
	width:60px;
	height:60px;
	/*border:1px solid #919590;*/
}

.newswrapper .menu .Picture
{
	position:absolute;
	top:45px;
	width:80px;
	height:80px;
}

.pic h6,
.Picture h6
{
    width:100%;
    padding:0;
    margin:3px 0 0 0;
    font-size:9px;
}

.pic,
.Picture
{
    text-align:center;
    overflow:hidden;
}

.Picture img
{
    width:100%;
}

.smallpic
{
	position:absolute;
	width:80px;
	height:80px;
	top:45px;
	overflow:hidden;
}

.smallpic img.y
{
	height:80px;
	-ms-interpolation-mode:bicubic;
}

.smallpic img.x
{
	width:80px;
	-ms-interpolation-mode:bicubic;
}

.mediumpic
{
	position:absolute;
	width:90px;
	height:90px;
	top:40px;
	left:130px;
	overflow:hidden;
}

.mediumpic img.y
{
	height:90px;
	-ms-interpolation-mode:bicubic;
}

.mediumpic img.x
{
	width:90px;
	-ms-interpolation-mode:bicubic;
}

.xsmallpic
{
	position:absolute;
	width:60px;
	height:60px;
	top:40px;
	left:155px;
	overflow:hidden;
}

.xsmallpic img.y
{
	height:60px;
	-ms-interpolation-mode:bicubic;
}

.xsmallpic img.x
{
	width:60px;
	-ms-interpolation-mode:bicubic;
}

/* - movie - */

.moviethumb
{
	position:absolute;
	width:221px;
	height:160px;
	top:8px;
	left:8px;
	overflow:visible;
	z-index:5000;
}

.moviethumb img
{
	width:221px; 
}

.fourthrowelement .text
{
    position:absolute;
    left:20px;
    line-height:18px;
    top:45px;
    width:125px;
}

.fourthrowelement .full
{
    position:absolute;
    left:20px;
    top:45px;
    width:170px;
}

.fourthrowelement .newsletterinput
{
    position:absolute;
    left:20px;
    top:90px;
    width:200px;
}

.fourthrowelement .newsletterinput .emailinput
{
    width:180px;
    border:1px solid #787878;
    color:#646464;    
    padding:2px 0 0 10px;
    height:19px;
}

.fourthrowelement .newsletterinput .emaillink
{
    width:70px;
    margin-top:8px;
    border:1px solid #787878;
    color:#646464;
    text-align:center;
    display:block;
    text-transform:uppercase;
    line-height:20px;
    text-decoration:none;
    margin-left:120px;
    font-size:10px;
}

.fourthrowelement .newsletterlink
{
    position:absolute;
    left:20px;
    top:150px;
    color:#a8a8a8;
    font-size:10px;
}

.fourthrowelement h5
{
    position:absolute;
    top:20px;
    left:20px;
    font-weight:normal;
}

.fourthrowelement .link
{
    position:absolute;
    font-weight:bold;
    font-size:11px;
    top:140px;
    left:20px;
}

.content_bgshade
{
	position:relative;
	height:93px;
	margin:0 0 5px 0;
	padding:10px 0 0 10px;
}

.content_bgshade .text
{
	position:absolute;
	width:200px;
	line-height:16px;
	top:45px;
	left:105px;
}

.content_bgshade .date
{
    color:#757575;
}

.content_bgshade .link
{
    position:absolute;
    top:126px;
    left:105px;
}


/* - contact - */

.contact
{
    padding:20px;
}

.contact tr td
{
    padding:2px 5px 2px 0;
} 

/* - newsletter - */   

.newsletter
{
    padding:20px;
}

.newsletter tr td
{
    padding:2px 5px 2px 0;
} 

/* Standaard tekst instellingen 
----------------------------------------------------------- */

/* theSans*/
h1, h2, h3
{
    font-weight:normal;
	margin:5px 0 25px 0;
	padding:0;
}

h1
{
	font-weight:normal;
	font-size:23px;
}

h3
{
	text-transform:uppercase;
	font-weight:normal;
	font-size:14px;
}

h4{ color:#d30000; margin:0 0 8px 0; font-size:15px; text-transform:uppercase; }
h4.thin{font-weight:normal;}
h5{ color:#747474; margin:0 0 8px 0; font-size:15px; text-transform:uppercase; }
h6{ color:#282828;  margin:0 0 8px 0; font-size:16px;  }

h6.menu
{
	color:#f8b323;
	font-size:11px;
	margin:0;
	padding:10px 0;
}

img.trademark
{
    display:inline-block;
}

/* - home - */

.threerowwrapper
{
    position:relative;
    height:161px;
    overflow:hidden;
    width:979px;
    background-image:url(/_images/threerowwrapper.jpg);
    background-repeat:no-repeat;
    z-index:8888;
    margin:14px 0 0 0;
    padding:8px 0 0 8px; 
}

.threerowwrapper a,
.threerowwrapper a:link,
.threerowwrapper a:active,
.threerowwrapper a:visited
{
    color:#000;
}

.fourthrowelementmovie
{
    width:485px;
    height:176px;
    background-image:url(/_images/fourthrowcontainermovie.jpg);
    z-index:4000;
    background-repeat:no-repeat;
}

.fourthrowelement
{
    width:236px;
    height:176px;
    background-image:url(/_images/fourthrowcontainer.jpg);
}

/* - google maps - */

.GoogleMap
{
    width:550px;
    height:300px;
} 

/* - technology - */

.technologywrapper
{
	position:relative;
	width:986px;
	height:460px;
	margin:0 0 10px 0;
	background-image:url(/_images/techwrapper.jpg);
}

.technologywrapper .content
{
	position:relative;
	width:970px;
	height:444px;
	background-color:#ff8c22;
	left:8px;
	top:8px;
}

.technologywrapper .text
{
	position:absolute;
	width:521px;
	top:0;
	padding:36px 0 0 45px;
}

.technologywrapper .form
{
	position:absolute;
	width:308px;
	left:662px;
	top:0;
	padding:73px 0 0 0;
}

/* - textwrapper - */

.textwrapper
{
	position:relative;
	width:986px;
	height:490px;
	margin:0 0 10px 0;
	background-image:url(/_images/textwrapper.jpg);
}

.textwrapper .content
{
	position:relative;
	width:971px;
	height:476px;
	left:8px;
	top:8px;
}

.textwrapper .service
{
	background-image:url(/_images/servicevisual.jpg);
}

.textwrapper .tech
{
	background-image:url(/_images/techvisual.jpg);
}

.textwrapper .procedure
{
	background-image:url(/_images/procvisual.jpg);
}

.textwrapper a,
.textwrapper a:link,
.textwrapper a:active,
.textwrapper a:visited
{
    color:#000;
}

.textwrapper a:hover
{
    text-decoration:none;
}

.textwrapper .text
{
	position:absolute;
	width:560px;
	height:428px;
	top:10px;
	left:10px;
	padding:26px 35px 0 35px;
	overflow: auto;
	margin:0;
}

/* - products - */

.productswrapper
{
	position:relative;
	width:986px;
	height:490px;
	margin:0 0 10px 0;
	background-image:url(/_images/prodback.jpg);
}

.productswrapper .menu .categorytitle
{
	position:absolute;
	top:-17px;
	left:18px;
	font-size:11px;
	text-transform:uppercase;
}

.productswrapper .menu .content
{
	position:relative;
	width:320px;
	height:474px;
	top:8px;
	left:8px;
	background-color:#dcdcdc;
}

.productswrapper .menu .product
{
	position:relative;
	height:93px;
	margin:0 0 5px 0;
	padding:10px 0 0 10px;
}

.productswrapper .menu .product h3
{
    margin:-3px 0 0 0;
}

.productswrapper .menu .pic img
{
	height:60px;
	-ms-interpolation-mode:bicubic;
}

.productswrapper .menu .text
{
	position:absolute;
	width:230px;
	top:30px;
	left:80px;
}

.productswrapper .menu .more
{
	font-weight:bold;
	color:#d30000;
	position:absolute;
	left:80px;
	top:77px;
	font-weight:bold;
}

.productswrapper .main
{
	position:absolute;
	top:0;
	left:350px;
}

.productswrapper .main .content
{
	position:relative;
	width:598px;
	height:450px;
	padding:45px 0 0 36px;	
} 

.productswrapper .main .text
{
	position:relative;
	width:253px;
	height:350px;
	overflow-y:auto;
}

.productswrapper .main .visual
{
	position:absolute;
	top:45px;
	left:304px;
}

.productswrapper .main .visual h3
{
    margin:0 0 10px 0;
}

.productswrapper .main .pic img
{
	height:252px;
	-ms-interpolation-mode:bicubic;
}

.productswrapper .main .gallery .pic img
{
    height:80px;
	-ms-interpolation-mode:bicubic;
}

.productswrapper .main .merchantlogo
{
	position:relative;
	width:160px;
	height:168px;
	overflow:hidden;
}

.productswrapper .main .merchantlogo img
{
	width:160px;
}

.productswrapper .main .options
{
	position:relative;
	height:21px;
	width:298px;
}

.productswrapper .main .play
{
	position:absolute;
	z-index:500;
	width:33px;
	height:37px;
	background-image:url(/_images/play.png);
	top:110px;
	left:126px;
}

.productswrapper .main .link
{
	position:absolute;
	font-weight:bold;
	bottom:73px;
}

.productswrapper .main .option
{
	position:relative;
	width:298px;
	line-height:21px;
	text-align:right;
}

.productswrapper .yellow
{
	background-color:#fff8c4;
}

.productswrapper .lightyellow
{
	background-color:#fffce3;
}

.productswrapper .yellow:hover
{
	background-color:#fdfae1;
}

.productswrapper .lightyellow:hover
{
	background-color:#fffdf1;
}

/* - news - */

.newswrapper
{
	position:relative;
	margin:0 0 10px 0;
	width:986px;
	height:533px;
	background-image:url(/_images/newswrapper.jpg);
}

.content .text ul
{
    margin:0;
    padding:0 0 0 20px;
    list-style-type:square;
}

.newswrapper .menu .content
{
	position:relative;
	width:320px;
	height:517px;
	top:8px;
	left:8px;
	background-color:#dcdcdc;
}

.newswrapper .date
{
	color:#757575;
}

.newswrapper .menu .content h3
{
	margin:5px 0 0 0;
}

.newswrapper .menu .item
{
	position:relative;
	height:143px;
	margin:0 0 5px 0;
	padding:10px 0 0 10px;
	background-color:#fff;
}

.newswrapper .menu .item:hover
{
	background-color:#f3f3f3;
}

.newswrapper .menu .pic
{
	position:absolute;
	width:80px;
	height:80px;
	top:45px;
	overflow:hidden;
	border:1px solid none;
}

.newswrapper .menu .pic img
{
	height:80px;
	-ms-interpolation-mode:bicubic;
}

.newswrapper .menu .text
{
	position:absolute;
	width:210px;
	top:45px;
	left:100px;
}

.newswrapper .menu .more
{
	font-weight:bold;
	color:#d30000;
	position:absolute;
	left:100px;
	top:130px;
	font-weight:bold;
}

.newswrapper .main
{
	position:absolute;
	top:0;
	left:350px;
}

.newswrapper .main .content
{
	position:relative;
	width:598px;
	height:495px;
	padding:45px 0 0 36px;	
} 

.newswrapper .main .text
{
	position:relative;
	width:253px;
	height:396px;
	overflow-y:auto;
}

.newswrapper .main .visual
{
	position:absolute;
	top:50px;
	left:304px;
}

.newswrapper .main .pic img
{
	height:252px;
	-ms-interpolation-mode:bicubic;
} 

.newswrapper .main .gallery .pic
{
	position:relative;
	margin:0 10px 0 0;
	float:left;
	width:80px;
	height:80px;
	border:1px solid #888;
	overflow:hidden;
}

.newswrapper .main .gallery
{
	position:relative;
	height:109px;
	width:298px;
	margin:30px 0 0 0;
}

.newswrapper .main .gallery h3
{
	margin:0 0 5px 0;
	color:#888;
}

.newswrapper .main .gallery .pic img
{
	height:80px;
	-ms-interpolation-mode:bicubic;
}

.newswrapper .main .options
{
	position:relative;
	height:21px;
	width:263px;
}

.newswrapper .main .play
{
	position:absolute;
	width:33px;
	height:37px;
	z-index:500;
	background-image:url(/_images/play.png);
	top:110px;
	left:126px;
}

.newswrapper .main .link
{
	position:absolute;
	font-weight:bold;
	bottom:73px;
}

.newswrapper .main .option
{
	position:relative;
	width:298px;
	line-height:21px;
	text-align:right;
}

/* - lightcontent - */

.popup
{
    position:relative;
    width:635px;
    height:340px;
    overflow:hidden;
    background-color:#fff;
}

.popup .header
{
    position:relative;
    width:635px;
    height:37px;
    background-image:url(/_images/popheader.jpg);
}

.popup .header ul.links
{
    position:absolute;
    right:15px;
    top:9px;
    font-size:11px;
    margin:0;
    padding:0;
    list-style:none;
}

.popup .header ul.links li
{
    float:left;
}

.popup .header ul.links li a,
.popup .header ul.links li a:link,
.popup .header ul.links li a:visited,
.popup .header ul.links li a:active
{
    text-decoration:none;
    color:#000;
    margin:0 5px;
}

.popup .header ul.links li a:hover,
.popup .header ul.links li a.selected
{
    text-decoration:underline;
}

.popup .content
{
    position:relative;
    width:495px;
    height:253px;
    overflow-y:auto;
    padding:25px 70px;
}

/* - gallery - */

.popup .gallery
{
    position:relative;
}

.popup .gallery .main
{
    position:relative;
    width:307px;
    height:297px;
    overflow:hidden;
    left:10px;
}

.popup .gallery .main img
{
    width:307px;
}

.popup .gallery .thumbs
{
    position:absolute;
    top:0;
    right:7px;
    width:300px;
}

.popup .gallery .thumbs .pic
{
    position:relative;
    width:91px;
    float:left;
    height:80px;
    margin:0 7px 7px 0;
    border:1px solid #888;
    overflow:hidden;
}

.popup .gallery .thumbs .pic img
{
    width:100px;
}

.popup .gallery .thumbs .selected
{
    border:1px solid #e6dd53;
}

/* - paging - */

.paging
{
	color:#d30000;	
	position:absolute;
	padding:11px 20px;
	bottom:0;
	width:280px;
	background-color:#fff;
}

.paging .inactive
{
	color:#757575;
}

.paging .element
{
	position:relative;
	display:block;
	line-height:20px;
	float:left;
}

.paging .page
{
	width:15px;
	text-align:center;
}

.paging .prev
{
	margin:0 18px 0 0;
}

.paging .next
{
	margin:0 0 0 18px;
	float:right;
}

/* - forms - */

.form label
{
	font-size:11px;
	color:#fff;
}

.form .element
{
	margin:0 0 11px 0;
}

.buttonwrap
{
	position:relative;
	left:176px;
}

.button
{
	border:1px solid #757575;
	color:#757575;
	text-transform:uppercase;
	font-size:10px;
	width:80px;
}

.hidden
{
    display:none;
}

.input
{
	border:1px inset #fff;
	background-image:url(/_images/input.gif);
	background-repeat:no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	text-indent:3px;
}

.validator
{
    position:absolute;
    right:30px;
    margin-top:3px;
}

.m
{
	width:252px;
}

.xs
{
    width:80px;
}

.s
{
    width:140px;
}

.ym
{
	height:157px;
}

#container {
	position:relative;
	z-index:10;
	color:#000;
	width:1000px;
	height:100%;
	margin:0 auto;
}

#headermain
{ 
    background-image:url(../_images/header_bg.jpg); 
    width:968px; 
    height:33px;
    margin:0 0 14px 0; 
    position:relative; 
    font-family: Arial, Helvetica, sans-serif; 
    font-size:12px;
    color:#000; 
    text-align:right; 
    padding:20px 20px 0 0;
}

#headermain .logo
{
    position:absolute;
    width:150px;
    height:27px;
    left:20px;
    top:10px;
}

#headermain a:link, 
#headermain a:visited, 
#headermain a:active {
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	color:#000;
	text-decoration:none;
}
#headermain a:hover,
#headermain a.selected
{
	text-decoration:underline;
}

#footer{ position:relative; background-image:url(../_images/footer_bg.jpg); width:968px; height:41px; font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#000; text-align:center; padding:24px 20px 0 0;}
#footer a:link, #footer a:visited, #footer a:active {
	font-family:Helvetica, Arial, sans-serif;
	font-size:11px;
	color:#000;
	text-decoration:none;
}
#footer a:hover {
	text-decoration:underline;
}

.wrapper
{ 
	position:relative; 
	background-repeat:repeat-y; 
	width:986px; 
	margin:10px 0 10px 0;
}

.cont_top
{ 
    position:relative;
	background-image:url(/_images/cont_top.gif); 
	background-repeat:repeat-y; 
	width:986px; 
	height:4px;
	margin:0 0 0 -4px;   
}

.cont_bot
{
    position:relative;
	background-image:url(/_images/cont_bot.gif); 
	background-repeat:repeat-y; 
	width:986px; 
	height:4px;
	margin:0 0 0 -4px;
}

.content_bgshade
{ 
	position:relative; 
	float:left; 
	width:299px; height:133px; 
	background-image:url(/_images/cont_bgshade.gif); 
	background-repeat:repeat-x; 
	margin:0 6px 0 0; 
	padding:10px 10px 10px 10px;
}

.content_bgshade a:link, .content_bgshade a:visited, .content_bgshade a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#d30000; font-weight:bold;
	text-decoration:underline;
}
.content_bgshade a:hover {
	text-decoration:none;
}
.cont_grey{ color:#757575;}
.cont_red{ color:#d30000;}

.content4{position:relative; width:1000px; height:180px; margin:14px 0 4px 0;}
.small_content{ position:relative; float:left; background-image:url(../_images/small_cont_bg.gif); background-repeat:repeat-y; width:236px; margin:0 14px 10px 0; height:174px;}
.small_cont_top{  background-image:url(../_images/small_cont_top.gif); background-repeat:repeat-y; width:236px; height:4px; }
.small_cont_bot{ background-image:url(../_images/small_cont_bot.gif); background-repeat:repeat-y; width:236px; height:4px;}

.small_content_bgshade{width:201px; height:140px; background-image:url(../_images/small_cont_bgshade.gif); background-repeat:repeat-x; margin:4px 0 4px 8px; padding:10px 10px 10px 10px;}
.small_content_bgshade img{margin:0 0 0 0;}
.small_content_bgshade a:link, .small_content_bgshade a:visited, .small_content_bgshade a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#d30000; font-weight:bold;
	text-decoration:underline;
}
.small_content_bgshade a:hover {
	text-decoration:none;
}

/* - splash - */

.slbordertop
{
    position:absolute;
    top:77px;
    left:-20px;
    width:430px;
    height:20px;
    background-color:#eaeaea;
}

.slbordertoplast
{
    position:absolute;
    top:77px;
    left:950px;
    width:52px;
    height:20px;
    background-color:#eaeaea;
}

.slborderleft
{
    position:absolute;
    left:-20px;
    width:20px;
    height:342px;
    background-color:#eaeaea;
}

.slborderright
{
    position:absolute;
    left:985px;
    width:20px;
    height:332px;
    background-color:#eaeaea;
}

.slborderbottom
{
    position:absolute;
    z-index:500;
    left:-20px;
    width:1022px;
    height:10px;
    
}

.slidewrapper
{
    position:relative;  
	width:986px;
	height:322px;
	background-image:url(/_images/slidewrapper.jpg);
}

.splash
{
	position:relative;
	float:left;
	top:4px;
	padding:4px 0 0 8px;
	width:969px;
}

.splash .hotspots
{
	position:relative;
	float:left;
	width:310px;
}

.splash .hotspots .area
{
    position:relative;
    width:310px;
    height:102px;
}

.splash .hotspots .hotty1
{
    background-image:url(/_images/carrousel/carHotTech.jpg);
}

.splash .hotspots .hotty2
{
    background-image:url(/_images/carrousel/carHotProc.jpg);
}

.splash .hotspots .hotty3
{
    background-image:url(/_images/carrousel/carHotSer.jpg);
}

.splash .hotspots .selected1
{
    background-image:url(/_images/carrousel/carHotTech.jpg);
}

.splash .hotspots .selected2
{
    background-image:url(/_images/carrousel/carHotProc_over.jpg);
}

.splash .hotspots .selected3
{
    background-image:url(/_images/carrousel/carHotSer.jpg);
}

.splash .hotspots ul
{
	position:relative;
	list-style:none;
	margin:0;
	padding:0;
	cursor:pointer;
}

.splash .hotspots ul li
{
	height:102px;
	clear:both;
	margin:0;
	padding:0;
}

.splash .hotspots img
{
	margin:0;
	padding:0;
}

.splash .hotspots img a
{
	margin:0;
	padding:0;
}

.splash .banner
{
	position:relative;
	float:left;
	width:659px;
	height:306px;
	overflow:hidden; 
}

.splash .banner .contentholder
{
	padding:28px 0 28px 46px;
	height:150px;
	width:350px;
	overflow-y:hidden;
	margin:0;
}

.splash .banner .contentholder .more
{
    position:absolute;
    bottom:18px;
}

.splash .banner .contentholder a,
.splash .banner .contentholder a:link,
.splash .banner .contentholder a:active,
.splash .banner .contentholder a:visited
{
    font-weight:bold;
    color:#000;
}

.splash .banner .contentholder a:hover
{
    text-decoration:none;
}

.splash .banner .contentholder p:first-child
{
    margin:0;
    padding:0;
}

.splash .banner h1
{
	padding:28px 280px 0 46px;
	margin:0;
}

.splash .banner #show1
{
	background-image:url(/_images/carrousel/carTech.jpg);
	height:306px;
	display:none;
}

.splash .banner #show2
{
	background-image:url(/_images/carrousel/carProc_over.jpg);
	height:306px;
	display:none;
}

.splash .banner #show3
{
	background-image:url(/_images/carrousel/carSer.jpg);
	height:306px;
	display:none;
}

/*  (http://www.positioniseverything.net/easyclearing.html)
------------------------------------------------------------ */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-table;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */


/* CsIFR styles
------------------------------------------------------------ */
/*=:project
    scalable Inman Flash Replacement (sIFR) version 3.

  =:file
    Copyright: 2006 Mark Wubben.
    Author: Mark Wubben, <http://novemberborn.net/>

  =:history
    * IFR: Shaun Inman
    * sIFR 1: Mike Davidson, Shaun Inman and Tomas Jogin
    * sIFR 2: Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

  =:license
    This software is licensed and provided under the CC-GNU LGPL.
    See <http://creativecommons.org/licenses/LGPL/2.1/>    
*/

/*---- sIFR ---*/
.sIFR-flash {
  visibility: visible !important;
  margin: 0;
  padding: 0;
}

.sIFR-replaced, .sIFR-ignore {
  visibility: visible !important;
}

h3.sIFR-replaced
{
	height:20px;
	padding:10px 0 8px 0;
}

.sIFR-alternate {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  display: block;
  overflow: hidden;
}

.sIFR-replaced div.sIFR-fixfocus {
  margin: 0pt; 
  padding: 0pt; 
  overflow: auto; 
  letter-spacing: 0px; 
  float: none;
}

/* lightwindow 2.0 */

#lightwindow_overlay {
	/* REQUIRED */
	display: none;
	visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100px;
	z-index: 500;
	/* REQUIRED */
}

#lightwindow {
	/* REQUIRED */
	/* Of Note - The height and width of this element are set to 0px */
	display: none;
	visibility: hidden;
	position: absolute;
	z-index: 999;
	line-height: 20px;
	/* REQUIRED */
}

	#lightwindow_container {
		/* REQUIRED */
		display: none;
		visibility: hidden;
		position: absolute;
		/* REQUIRED */
		padding: 0 0 0 0;
		margin: 0 0 0 0;
	}

	/* IE6 needs this or it messes with our positioning */
	* html #lightwindow_container {
		overflow: hidden;
	}

	#lightwindow_contents {
		overflow: hidden;
		z-index: 0;
		position: relative;
		border: 6px solid #dcdcdc;
		background-color: #dcdcdc;
	}		

#lightwindow_loading {
	/* REQUIRED */
	height: 100%;
	width: 100%;
	top: 0px;
	left: 0px;
	z-index: 9999;
	position: absolute;
	/* REQUIRED */
	background-color: #f0f0f0;
	padding: 10px;
}

	#lightwindow_loading_shim { 
		display: none;
		left: 0px; 
		position: absolute; 
		top: 0px;
		width: 100%; 
		height: 100%;
	}

	#lightwindow_loading span {
    	font-size: 12px;
		line-height: 32px;
		color: #444444;
		float: left;
		padding: 0 10px 0 0;
	}

	#lightwindow_loading span a,
	#lightwindow_loading span a:link, 
	#lightwindow_loading span a:visited {
		color: #09F;
		text-decoration: none;
		cursor: pointer;
	}

	#lightwindow_loading span a:hover,
	#lightwindow_loading span a:active {
		text-decoration: underline;
	}


	#lightwindow_loading img {
   		float: left;
   		margin: 0 10px 0 0;
	}


/*-----------------------------------------------------------------------------------------------
	I liked the Navigation so much from http://www.huddletogether.com/projects/lightbox2/
	I mean let's face it, it works really well and is very easy to figure out.
-----------------------------------------------------------------------------------------------*/

#lightwindow_navigation {
	/* REQUIRED */
	position: absolute;
	top: 0px;
	left: 0px;
	display: none;
	/* REQUIRED */
}
	/* We need to shim the navigation for IE, though its more of a sub-floor */
	#lightwindow_navigation_shim { 
		/* REQUIRED */
		display: none;
		left: 0px; 
		position: absolute; 
		top: 0px;
		width: 100%; 
		height: 100%;
		/* REQUIRED */
	}

	#lightwindow_navigation a,
	#lightwindow_navigation a:link,
	#lightwindow_navigation a:visited,
	#lightwindow_navigation a:hover,
	#lightwindow_navigation a:active { 
		/* REQUIRED */
		outline: none;
		/* REQUIRED */
	}

	#lightwindow_previous, 
	#lightwindow_next {
		width: 49%;
		height: 100%;
		background: transparent url(/_images/blank.gif) no-repeat; /* Trick IE into showing hover */
		display: block;
	}
	
	#lightwindow_previous { 
		float: left;
		left: 0px;
	}

	#lightwindow_next { 
		float: right;
		right: 0px;
	}

	#lightwindow_previous:hover, 
	#lightwindow_previous:active { 
		background: url(/_images/prevlabel.gif) left 15% no-repeat; 
	}

	#lightwindow_next:hover, 
	#lightwindow_next:active { 
		background: url(/_images/nextlabel.gif) right 15% no-repeat; 
	}
	
	#lightwindow_previous_title,
	#lightwindow_next_title {
		display: none;
	}
	 	
#lightwindow_galleries {
	width: 100%;
	position: absolute;
	z-index: 50; 
	display: none;
	overflow: hidden;
	margin: 0 0 0 10px;
	bottom: 0px;
	left: 0px;
}

	#lightwindow_galleries_tab_container {
		width: 100%;
		height: 0px;
		overflow: hidden;
	}

	a#lightwindow_galleries_tab,		
	a:link#lightwindow_galleries_tab,
	a:visited#lightwindow_galleries_tab {
		display: block;
		height: 20px;
		width: 77px;
		float: right;
		line-height: 22px;
		color: #ffffff;
		text-decoration: none;
		font-weight: bold;
		cursor: pointer;
		font-size: 11px;
		color: #ffffbe;
		background: url(/_images/black-70.png) repeat 0 0 transparent;
	}
	
	* html a#lightwindow_galleries_tab,		
	* html a:link#lightwindow_galleries_tab,
	* html a:visited#lightwindow_galleries_tab {	
		background: none;
		background-color: #000000;
		opacity: .70;
		z-index:8888;
		filter: alpha(opacity=70);
	}

	a:hover#lightwindow_galleries_tab,
	a:active#lightwindow_galleries_tab {
		color: #ffffbe;

	}

	#lightwindow_galleries_tab_span {
		display: block;
		height: 20px;
		width: 63px;
		padding: 0 7px 0 7px;
	}
	
	#lightwindow_galleries_tab .up	{
		background: url(/_images/arrow-up.gif) no-repeat 60px 5px transparent;
	}

	#lightwindow_galleries_tab .down {
		background: url(/_images/arrow-down.gif) no-repeat 60px 6px transparent;
	}

	#lightwindow_galleries_list {
		background: url(/_images/black-70.png) repeat 0 0 transparent;
		z-index:8888;
		overflow: hidden;
		height: 0px;
	}

	* html #lightwindow_galleries_list {
		background: none;
		background-color: #000000;
		opacity: .70;
		filter: alpha(opacity=70);
	}	

	.lightwindow_galleries_list {
		width: 200px;
		float: left;
		margin: 0 0 10px 0;
		padding: 10px;
	}

	.lightwindow_galleries_list h1 {	
		color: #09F;
		text-decoration: none;
		font-weight: bold;
		cursor: pointer;
		padding: 10px 0 5px 0;
		font-size: 16px;
	}

	.lightwindow_galleries_list li {
		margin: 5px 0 5px 0;
		list-style-type: none;
	}

	.lightwindow_galleries_list a, 
	.lightwindow_galleries_list a:link, 
	.lightwindow_galleries_list a:visited {
		display: block;
		line-height: 22px;
		color: #ffffff;
		text-decoration: none;
		font-weight: bold;
		cursor: pointer;
		padding: 0 0 0 10px;
		font-size: 11px;
	}

	.lightwindow_galleries_list a:hover, 
	.lightwindow_galleries_list a:active {
		background: #000000;
		color: #ffffbe;
		border-left: 3px solid #ffffbe;
		padding: 0 0 0 7px;
	}
		
#lightwindow_data {
	/* REQUIRED */
	position: absolute;
	/* REQUIRED */
}

	#lightwindow_data_slide {
		/* REQUIRED */
		position: relative;
		/* REQUIRED */
	}

	#lightwindow_data_slide_inner {
		background-color: #ffffff;
		padding: 0 10px 10px 10px;
	}

	#lightwindow_data_caption {
		padding: 10px 0 0 0;
		color: #666666;
		line-height: 25px;
		background-color: #ffffff;
		clear: both;
	}

	#lightwindow_data_details {
		background-color: #f0f0f0;
		padding: 0 10px 0 10px;
		height: 20px;
	}
	
	#lightwindow_data_author_container {
		width: 40%;
		text-align: right;
		color: #666666;
	 	font-style: italic;
		font-size: 10px;
		line-height: 20px;
		float: right;
		overflow: hidden;
	}
	
	#lightwindow_data_gallery_container {
		font-size: 10px;
		width: 40%;
		text-align: left;
		color: #666666;
		line-height: 20px;
		float: left;
		overflow: hidden;
	}
	
#lightwindow_title_bar {
	height: 25px;
	overflow: hidden;		
}

	#lightwindow_title_bar_title {
		color: #ffffbe;
		font-size: 14px;
		line-height: 25px;
		text-align: left;
		float: left;
	}

	a#lightwindow_title_bar_close_link,	
	a:link#lightwindow_title_bar_close_link,
	a:visited#lightwindow_title_bar_close_link {
		float: right;
		text-align: right;		
		cursor: pointer;
		color: #ffffbe;
		height: 19px;
		padding: 0;
		margin:6px 16px 0 0;
	}
	
	a:hover#lightwindow_title_bar_close_link,
	a:active#lightwindow_title_bar_close_link {
		color: #ffffff;
	}

/*-----------------------------------------------------------------------------------------------
	Theme styling stuff
-----------------------------------------------------------------------------------------------*/	

#lightwindow p {
	color: #000000;
	padding-right: 10px;
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
  font: 12px Arial, Helvetica, sans-serif;
  color: #333333;
}
#TB_secondLine {
  font: 10px Arial, Helvetica, sans-serif;
  color:#666666;
}
#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
  position: fixed;
  z-index:100;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}
.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
  background-color:#000;
  filter:alpha(opacity=75);
  -moz-opacity: 0.75;
  opacity: 0.75;
}
* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_window {
  position: fixed;
  background: #ffffff;
  z-index: 102;
  color:#000000;
  display:none;
  border: 4px solid #dcdcdc;
  text-align:left;
  top:50%;
  left:50%;
}
* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_window img#TB_Image {
  display:block;
  margin: 15px 0 0 15px;
}
#TB_caption{
  height:25px;
  padding:7px 30px 10px 25px;
  float:left;
}
#TB_closeWindow{
  height:25px;
  padding:0;
  margin:-23px -4px 0 0;
  float:right;
}
#TB_closeAjaxWindow{
  padding:7px 0 5px 0;
  margin-bottom:1px;
  margin-right:-4px;
  text-align:right;
  float:right;
}
#TB_ajaxWindowTitle{
  float:left;
  padding:7px 0 5px 10px;
  margin-bottom:1px;
}
#TB_title{
  height:27px;
  margin-top:-30px;
}
#TB_ajaxContent{
  clear:both;
  padding:2px 15px 15px 15px;
  overflow:auto;
  text-align:left;
  line-height:1.4em;
}
#TB_ajaxContent.TB_modal{
  padding:15px;
}
#TB_ajaxContent p{
  padding:5px 0px 5px 0px;
}
#TB_load{
  position: fixed;
  display:none;
  height:13px;
  width:208px;
  z-index:103;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}
* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_HideSelect{
  z-index:99;
  position:fixed;
  top: 0;
  left: 0;
  background-color:#fff;
  border:none;
  filter:alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  height:100%;
  width:100%;
}
* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_iframeContent{
  clear:both;
  border:none;
  margin-bottom:-1px;
  margin-left:1px;
  margin-top:-2px;
  _margin-bottom:1px;
}

/* website search */

.SearchTextField
{
	position:relative;
	display:inline;
	margin:0 0 10px 0px;
	padding:0;
	width:225px;
}

.SearchButton
{
	position:relative;
	display:inline;
	margin:0 0 0 10px;
	padding:0;
	z-index:100;
}

.SearchOption
{
	position:relative;
	display:inline;
	margin:0 0 0 10px;
	padding:0;
}

.SearchOption label
{
	position:relative;
	display:inline;
	margin:3px 0 0 5px;
	padding:0;
}

.SearchOption input
{
	position:relative;
	display:inline;
	top:2px;
	padding:2px 0 0 0;
	margin:2px 0 0 0;
}

.SearchDivider
{
	position:relative;
	display:block;
	margin:0 0 0 10px;
	padding:0;
	color:#BEBEBE;
}

.SearchResultHeader
{
	position:relative;
	display:block;
	margin:10px 0 15px 0;
	padding:0;
	font-size:14px;
}

.SearchResultContainer
{
	position:relative;
	height:452px;
	overflow:auto;
	margin:10px 0 0 5px;
	padding:10px;
	width:603px;
}

.SearchResultContainer ul
{
	position:relative;
	list-style:none;
}

.SearchResultsLink
{
	position:relative;
	margin:0;
	padding:5px 0 5px 15px;
	display:block;
}

.search_menu
{
 position:relative;
 width:320px;
 left:8px;
 top:8px;
 height:474px;
}

a.SearchResultsLinkSelected {
	Color:Black;
    padding:5px 0 5px 15px;
    display:block;
    margin:0;
}

.introtext 
{
 
color:#747474; margin:0 0 8px 0; font-size:15px; text-transform:uppercase;
}