/* Boere Sjiek */

@font-face {
    font-family: 'AcensRegular';
    src: url('acens-webfont.eot');
    src: url('acens-webfont.eot?#iefix') format('embedded-opentype'),
         url('acens-webfont.woff') format('woff'),
         url('acens-webfont.ttf') format('truetype'),
         url('acens-webfont.svg#AcensRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body {
background-color: #F2F2F2;
font-size: 12px;
font-family: Arial, SunSans-Regular, Sans-Serif;
color:#000;
padding:0px;
margin:0px;
}
a {color: #000; text-decoration:none;}
a:visited {color:#000;}
a:hover {color: #333;}
a:active { color:#000000;}

a img {border:0px;}

h1 {
font-size: 9px;
text-transform:uppercase;
border-top:1px solid #fff;
padding-top: 15px;
margin:0px;
color:#000;
font-weight:normal;
}

h2 {
font-size:22px;
font-weight: normal;
font-weight: bold;
padding-top: 25px;
padding-bottom: 25px;
margin:0px;
}

img.padtop {padding-top: 7px;}

img.download {vertical-align:middle;}

/* Container */

#container {
width: 900px;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
}

.contact {width: 150px; float:right; margin-top: -42px; }
.contact a {font-size: 9px; text-transform:uppercase; font-weight:normal; color:#000; font-family: 'levi-strauss-webfont', Arial, sans-serif; text-decoration:none; padding-left: 10px; }

/* Top Banner */

#banner {
padding: 0px;
margin: 0px;
padding-top: 20px;
padding-bottom: 20px;
border-bottom:  1px solid #fff;
}

.logo {float:left; width: 540px;}
.bannermenu {float:right; width: 200px; text-align:right; padding-top: 31px; }
.bannermenu a {font-family: arial, sans-serif;  margin-left: 15px; color:#000; font-weight:bold; text-decoration:none; font-size: 10px; text-transform:uppercase;}

/* Content */

#content {
padding: 0px;
margin-left: 200px;
margin-right: 0px;
line-height: 18px;
padding-bottom: 20px;
}
div#content { 
min-height:400px;
height:expression(this.scrollHeight > 400 ? "auto":"400px"); 
}

p, pre{

margin:0px;
}

/* Navigation */

#left {
float: left;
width: 160px;
margin: 0px;
padding: 0px;
font-family: 'AcensRegular', Arial, sans-serif;
letter-spacing: 1px;
padding-top: 25px;


}

#left a {text-decoration:none; font-weight:normal; font-size: 13px; color:#292A26; }
#left a:hover {color:#000;}

.navitem {width: 150px; height: 32px; clear:both; margin-top: 1px; border-bottom: 1px solid #ccc; padding-top: 8px;background: #e2e2e2; border-radius: 3px;}
.navimg {float:left; background:#fff;  padding-top: 1px; padding-bottom: 1px; margin-left: 1px; margin-bottom: 1px; margin-top: 8px;}
.navdesc {float:left; padding-top: 0px; padding-left: 0px; margin-right: 1px; padding-bottom: 5px; padding-top: 7px; padding-left: 10px;}

/* Footer */

#footer {
clear: both;
margin: 0px;
padding: 0px;
text-align: right; }


/* Homepage Slideshow */

.fadein {position:relative; width:700px; height:500px; margin-top: 10px; }
.fadein img { position:absolute; }

.navimg {width: 150px;  height: 100px; margin-left: 0px;}
.navitem .navimg {display:none;}

.navitem:hover .navimg {display:block;}

/* Pages Slideshow */

div.scrollingHotSpotLeft
{
	/* The hotspots have a minimum width of 100 pixels and if there is room the will grow
    and occupy 15% of the scrollable area (30% combined). Adjust it to your own taste. */
	min-width: 75px;
	width: 10%;
	height: 100%;
	/* There is a big background image and it's used to solve some problems I experienced
    in Internet Explorer 6. */
	background-image: url(images/big_transparent.gif);
	background-repeat: repeat;
	background-position: center center;
	position: absolute;
	z-index: 200;
	left: 0;
	/*  The first url is for Firefox and other browsers, the second is for Internet Explorer */
	cursor: pointer;
	z-index:9999;}

div.scrollingHotSpotLeftVisible
{
	background-image: url(images/arrow_left.gif);				
	background-color: #fff;
	background-repeat: no-repeat;
	opacity: 0.35; /* Standard CSS3 opacity setting */
	-moz-opacity: 0.35; /* Opacity for really old versions of Mozilla Firefox (0.9 or older) */
	filter: alpha(opacity = 35); /* Opacity for Internet Explorer. */
	zoom: 1; /* Trigger "hasLayout" in Internet Explorer 6 or older versions */
	z-index:9999;
}

div.scrollingHotSpotRight
{
	min-width: 75px;
	width: 10%;
	height: 100%;
	background-image: url(images/big_transparent.gif);
	background-repeat: repeat;
	background-position: center center;
	position: absolute;
	z-index: 200;
	right: 0;
	cursor: pointer;
	z-index:9999;
}

div.scrollingHotSpotRightVisible
{
	background-image: url(images/arrow_right.gif);
	background-color: #fff;
	background-repeat: no-repeat;
	opacity: 0.35;
	filter: alpha(opacity = 35);
	-moz-opacity: 0.35;
	zoom: 1;
	z-index:9999;
}

/* The scroll wrapper is always the same width and height as the containing element (div).
   Overflow is hidden because you don't want to show all of the scrollable area.
*/
div.scrollWrapper
{
	position: relative;
	overflow: hidden;
	width: 700px;
	height: 100%;
}

div.scrollableArea
{
	position: relative;
	width: auto;
	height: 100%;
}

.scrollableArea div {text-align:center; cursor:pointer; z-index:0; line-height: 16px; text-align:center;}
.scrollableArea div img {border-bottom: 5px solid #F2F2F2;}
.scrollableArea div .r {max-height: 277px;}
.scrollableArea a { color:#000; }

	#makeMeScrollable
	{
		width:700px;
		width: 700px\9;
		height: 330px;
		position: relative;
	}
	
	#makeMeScrollable div.scrollableArea *
	{
		position: relative;
		float: left;
		margin: 0;
		padding: 0;
	}
	
	
/* Lightbox Feature */

*{
	margin:0;
	padding:0;
}
.piro_html {position:absolute; top:0; left:0; padding:0; width:500px; height: 500px; margin:0; display:block; padding:0; z-index:150001; padding:0;  }
.piro_html table,.piro_html tbody,.piro_html tr,.piro_html th,.piro_html td{margin:0;padding:0;border:none;}
.piro_html img{ margin:0; padding:0; border:none;}

.piro_html .h_t_l{ width:10px; height:10px; background: #000; border-top-left-radius: 4px;}
.piro_html .h_t_r{ width:10px; height:10px; background: #000; border-top-right-radius: 4px;}
.piro_html .h_t_c{ cursor:move; height:10px;background: #000;}

.piro_html .h_c_l{width:10px; background: #000; }
.piro_html .h_c_c{background: #000; margin:0; padding:0;}
.piro_html .h_c_c .div_reg{ background: #000; width:480px; overflow:hidden; height:480px; margin:0; padding:0; }
.piro_html .h_c_r{width:10px; background: #000;}

.piro_html .h_b_c{ cursor:move; height:10px;background: #000; }
.piro_html .h_b_l{ width:10px; height:10px;background: #000; border-bottom-left-radius: 4px;}
.piro_html .h_b_r{ width:10px; height:10px;background: #000;}

.piro_overlay{position:fixed; top:0; left:0; width:100%; height:100%;  z-index:150000;background:#E3E3E3;display:none; cursor:pointer;}
.piro_loader{position:absolute;top:50%;left:50%;margin:-59px 0 0 -59px;width:118px;height:118px;display:block;z-index:150005;  cursor:pointer; }
.piro_loader span{position:absolute;top:50%;left:50%;margin-top:-36px;margin-left:-36px;width:72px;height:72px;display:block;z-index:150009; background: url(loadinfo.gif) center top no-repeat; }
.piro_title{position:fixed; background: url(bg_title.png) bottom repeat-x;top:0;left:0;width:100%; text-align:center;display:block; padding:6px 0 10px 0; color:white; z-index:150000; font-size:18px; display:none;}
.btn_info{position:absolute;bottom:-7px;right:-7px;width:25px; height:25px;margin:0;display:block; padding:0px; color:black; cursor:pointer; background: url(b_w/info.png) no-repeat; z-index:1500440}
.caption{position:absolute;bottom:10px;left:10px;margin:0;display:block; padding:0px; color:black; cursor:text; background: url(trans.png); z-index:150018;}
.caption p{ display:block; margin:0;padding:7px 5px; text-align:center; font-weight:normal; font-size:12px; color:white; z-index:150019;}

.nav_container{position:absolute; bottom:-20px; right:0; height:20px; width:60px; background: #000; z-index:1500190000000; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px;}
.piro_close{position:absolute;right:20px;height:20px;width:20px;background: transparent url(close.png) no-repeat center center;cursor:pointer;margin:0 0 0 0;z-index:150022;display:none;}
a.piro_next{position:absolute;width:20px; right:0px; height:20px;text-indent:-999em;outline:none; display:block; margin:0;background:url(next.png) center right no-repeat; border:none; cursor:pointer;z-index:150023}
a:hover.piro_next{background:url(next.png) center right no-repeat;}
.piro_next_fake{position:absolute;width:20px; right:0px; height:20px;outline:none; text-indent:-999em; display:none; margin:0;background: url(next.png) center right no-repeat; border:none; cursor:auto;z-index:150020}
.piro_prev_fake{position:absolute;width:20px; right:40px; height:20px;outline:none; text-indent:-999em; display:none; margin:0;background: url(prev.png) center right no-repeat; border:none; cursor:auto;z-index:150020}

a.piro_prev{position:absolute;width:20px; right:40px; height:20px; text-indent:-999em; outline:none;display:block;margin:0;background: url(prev.png) center left no-repeat;border:none; cursor:pointer; z-index:150024}
a:hover.piro_prev{background:url(prev.png) center left no-repeat;}
a.close_pirobox{color:#bb0f05;}



	

/* Contact Form */

input {width: 250px;}

.sendbtn {float:right;}
	.sendbtn input {width: 90px; height: 42px;}
	textarea {width: 695px; height: 50px; margin-bottom: 20px;}
	
	.font {font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #000000; padding-top: 9px;}
		
		.font2 {font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #000000; line-height: 22px; padding-top: 14px;}
		
		.floatleft {float:left; width: 175px; padding-bottom: 5px;}
		.phpstrong {margin-top: -5px;}
		table tr td {padding-top: 5px; padding-bottom: 5px;}
		
		
		.contactblock {}
		
		
		
		
		
		
		#blinds-cont {
	width: 700px;
	height: 495px;
}

#blinds {
	height: 495px;
	width: 700px;
	margin: 0 auto;
	background: url(spinner.gif) 50% no-repeat;
}

.floom_container {
	overflow: hidden;
}

.floom_progressbar {
	height: 2px;
	background: #d0d0d0;
	width: 0;
	position: relative;
	top: 2px;
	z-index: 1000;
	font-size: 1px;
}

.floom_slice {
	z-index: 10;
}

	
.floom_vertical {
	float: left;
}

.floom_horizontal {
	
}

.floom_caption {

}