/* CSS Document Jord Visser*/
* CSS global reset for all browsers */ 
* { padding: 0px; margin: 0px; }

body{
	margin: 0px;
	padding: 0px;
	background-color:#ffffff;
}
/*================= Navigation menu  =================*/
#topmenu_BG {
	height:40px;
	width:100%;
	position:absolute;
	background-color:#ff0000;
}	
/*================= Navigation menu  =================*/
#topmenu {
	width: 960px;
	height:30px;
	margin: auto;
	position: relative;
}	
#topmenu ul {
	margin:0px;
	padding:0px;
}
#topmenu li {
  float:left;
  margin-top:5px;
  padding:0px;
  list-style-type:none;
}
#topmenu #page a  {
  color:#ffffff;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  display:block;
  padding:0px 10px;
  font-size:13px;
  letter-spacing:1px;
  text-decoration: none;
}
#topmenu #page a:hover {
	text-decoration:none;
 	color:#999999;
 }

/*================= Container for main site =================*/
div#container { 
	width: 960px;
	height:620px;
	top:7px;
	margin: auto;
	position: relative;
	/*border: #333333 solid 1px;*/
}
/*================= Main Menu  =================*/
#menu {
	top:5px;
	left:5px;
	width: 960px;
	margin: auto;
	position: relative;
	z-index:98;
}
#menu ul.pureCssMenu ul{display:none}
#menu ul.pureCssMenu li:hover>ul{display:block}
#menu ul.pureCssMenu ul{position: absolute;left:-1px;top:98%;}
#menu ul.pureCssMenu ul ul{position: absolute;left:98%;top:-2px;}
#menu ul.pureCssMenu,#menu ul.pureCssMenu ul {
	margin:0px;
	list-style:none;
	padding:0px 2px 2px 0px;
	background-color:#ffffff;
	background-repeat:repeat;
}
#menu ul.pureCssMenu table {border-collapse:collapse}#menu ul.pureCssMenu {
	display:block;
	zoom:1;
	float: left;
}
#menu ul.pureCssMenu ul{
	width:265px;
}
#menu ul.pureCssMenu li{
	display:block;
	margin:2px 0px 0px 2px;
	font-size:0px;
}
#menu ul.pureCssMenu a:active, #menu ul.pureCssMenu a:focus {
outline-style:none;
}
#menu ul.pureCssMenu a, #menu ul.pureCssMenu li.dis a:hover, #menu ul.pureCssMenu li.sep a:hover {
	display:block;
	vertical-align:middle;
	background-color:#ffffff;
	border-width:0px;
	border-color:#6655ff;
	border-style:solid;
	text-align:left;
	text-decoration:none;
	padding:4px;
	_padding-left:0;
  	font-family:Verdana, Arial, Helvetica, sans-serif;
  	padding:0px 10px;
  	font-size:13px;
  	text-transform:uppercase;
  	letter-spacing:1px;
  	color:#333333;

}
#menu ul.pureCssMenu span{
	overflow:hidden;
}
#menu ul.pureCssMenu li {
	float:left;
}
#menu ul.pureCssMenu ul li {
	float:none;
}
#menu ul.pureCssMenu ul a {
	text-align:left;
	white-space:nowrap;
}
#menu ul.pureCssMenu li.sep{
	text-align:center;
	padding:0px;
	line-height:5;
	height:100%;
}
#menu ul.pureCssMenu li.sep span{
	float:none;	padding-right:0;
	width:5;
	height:16;
	display:inline-block;
	background-color:#AAAAAA;	background-image:none;}
#menu ul.pureCssMenu ul li.sep span{
	width:80%;
	height:3;
}
#menu ul.pureCssMenu li:hover{
	position:relative;
}
#menu ul.pureCssMenu li:hover>a{
	background-color:#ffffff;
	border-color:#ff0000;
	border-style:solid;
  	font-family:Verdana, Arial, Helvetica, sans-serif;
  	padding:0px 10px;
  	font-size:13px;
  	text-transform:uppercase;
  	letter-spacing:1px;
  	color:#ff0000;
	text-decoration:none;
}
#menu ul.pureCssMenu li a:hover{
	position:relative;
	background-color:#ffffff;
	border-color:#ff0000;
	border-style:solid;
  	font-family:Verdana, Arial, Helvetica, sans-serif;
  	padding:0px 10px;
  	font-size:13px;
  	text-transform:uppercase;
  	letter-spacing:1px;
  	color:#ff0000;
	text-decoration:none;
}
#menu ul.pureCssMenu li.dis a {
	color: #AAAAAA !important;
}
#menu ul.pureCssMenu a:hover ul{display:block}
#menu ul.pureCssMenu span{
	display:block;
	background-position:right center;
	background-repeat: no-repeat;
   padding-right:11px;
}
/*================= Main Content  =================*/
#main_content {
	position:absolute;
	left:0px;
	top:120px;
	height:720px;
	width:960px;
	overflow:auto;
	scrollbar-face-color:#ffffff;
	scrollbar-arrow-color:#ff0000;
	scrollbar-track-color:#ffffff;
	margin:0px;
}
#main_content h1 {
	color: #ff0000;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	letter-spacing:1px;
	margin-left:10px;
}
#main_content h2 {
	color: #000000;
	font: 13px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	letter-spacing:1px;
	margin-left:10px;
}
#main_content p {
	color: #333333;
	font: 11px/13px Verdana, Arial, Helvetica, sans-serif;
	margin: 10px;
}
#main_content a {
	color: #333333;
	font: 11px/13px Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-weight:bold;
}
#main_content a:hover {
	color: #ff0000;
	font: 11px/13px Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-weight:bold;
}
#main_content table {
	color: #333333;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	margin:0px;
}
#main_content td {
	color: #333333;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
}
#main_content .image table {
	color: #666666;
	margin: 0px;
	font: 9px Verdana, Arial, Helvetica, sans-serif;
}
#main_content .image a {
	color: #666666;
	margin: 0px;
	font: 9px Verdana, Arial, Helvetica, sans-serif;
}
#main_content image {
	margin:0px;
	padding:0px;
	border:1px;
}
/*================= Image menu  =================*/
.imgteaser {
	margin: 0;
	overflow: hidden;
	float: left;
	position: relative;
}
.imgteaser a {
	text-decoration: none;
	float: left;
}
.imgteaser a:hover {
	cursor: pointer;
}
.imgteaser a img {
	float: left;
	margin: 0;
	border: none;
	padding: 0px;
}
.imgteaser a .more {
	position: absolute;
	right: 0px;
	bottom: 0px;
	width:316px;
	font: 13px Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	background: #000;
	padding: 5px 10px;
	filter:alpha(opacity=65);
	opacity:.65;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)"; /*--IE 8 Transparency--*/
}
.imgteaser a:hover .desc{
	display: block;
	font: 11px/13px Verdana, Arial, Helvetica, sans-serif;
	background: #ffffff;
	filter:alpha(opacity=75);
	opacity:.75;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; /*--IE 8 Transparency--*/
	color: #000;
	position: absolute;
	padding: 10px;
	width: 300px;
	height:210px;
}
.imgteaser a:hover .desc strong {
	display: block;
	margin-bottom: 5px;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
  	letter-spacing:1px;
	font-weight:bold;
}
.imgteaser a .desc {	display: none; }
.imgteaser a:hover .more { visibility: hidden;}



/*================= Copyright =================*/
#copyright {
	position:absolute;
	left:0px;
	top:0px;
	height:420px;
	width:620px;
	margin:0px;
  /*background-color:#ffffff;
   for IE */
  filter:alpha(opacity=0);
  /* CSS3 standard */
  opacity:0.0;
}
/*================= footer  =================*/
div#footer {
	left:0px;
	height:14px;
	position:absolute;
}
div#footer p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight:bold;
	color: #999999;
	text-decoration: none;
}	

/*================= Login form  =================*/
#contactform fieldset
{
   width: 630px;
   padding:20px;
   border:1px solid #ccc;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;   
}

#contactform legend, #contactform h2
{
   font-family : Arial, sans-serif;
   font-size: 1.3em;
   font-weight:bold;
   color:#333;
}

#contactform label
{
   font-family : Arial, sans-serif;
   font-size:0.8em;
   font-weight: bold;
}

#contactform input[type="text"],#contactform textarea,
#contactform input[type="password"]
{
  font-family : Arial, Verdana, sans-serif;
  font-size: 0.8em;
  line-height:140%;
  color : #000; 
  padding : 3px; 
  border : 1px solid #999;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;

}

#contactform input[type="text"],
#contactform input[type="password"]
{
  height:18px;
  width:220px;
}

 #contactform #scaptcha
{
  width:60px;
  height:18px;
}

#contactform input[type="submit"]
{
   width:100px;
   height:30px;
   padding-left:0px;
}

#contactform textarea
{
  height:120px;
  width:310px;
}

#contactform input[type="text"]:focus,
#contactform textarea:focus
{
  color : #009;
  border : 1px solid #990000;
  background-color : #ffff99;
  font-weight:bold;
}

#contactform .container
{
   margin-top:8px;
   margin-bottom: 10px;
}

#contactform .error
{
   font-family: Verdana, Arial, sans-serif; 
   font-size: 0.7em;
   color: #900;
   background-color : #ffff00;
}

#contactform #register_password_errorloc
{
    clear:both;
}

#contactform  fieldset#antispam
{
   padding:2px;
   border-top:1px solid #EEE;
   border-left:0;
   border-right:0;
   border-bottom:0;
   width:350px;
}

#contactform fieldset#antispam legend
{
   font-family : Arial, sans-serif;
   font-size: 0.8em;
   font-weight:bold;
   color:#333;   
}

#contactform .short_explanation
{
   font-family : Arial, sans-serif;
   font-size: 0.6em;
   color:#333;   
}

/* spam_trap: This input is hidden. This is here to trick the spam bots*/
#contactform .spmhidip
{
   display:none;
   width:10px;
   height:3px;
}
#contactform #fg_crdiv
{
   font-family : Arial, sans-serif;
   font-size: 0.3em;
   opacity: .2;
   -moz-opacity: .2;
   filter: alpha(opacity=20);   
}
#contactform  #fg_crdiv p
{
    display:none;
}

#contactform_content li
{
font-family : Arial, sans-serif;
padding-top:10px;
padding-bottom:10px;
}
#contactform_content
{
    font-family : Arial, sans-serif;
    font-size: 0.9em;
    line-height: 150%
}

#contactform_content h2
{
   font-family : Arial, sans-serif;
   font-size: 1.5em;
   font-weight:bold;
   color:#333;
}
/*================= Scrolbar  =================*/
.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 0;
}

.vscrollerbase {
width: 10px;
background-color: #ffffff;
}
.vscrollerbar {
width: 10px;
background-color: #ff0000;
}
.hscrollerbase {
height: 10px;
background-color: white;
}
.hscrollerbar {
height: 10px;
background-color: ff0000;
}

.scrollerjogbox {
width: 10px;
height: 10px;
top: auto; left: auto;
bottom: 0px; right: 0px;
background-color: #ffffff;
}

/*================= lightbox Album  =================*/
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto; border: 2px solid #ff0000;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #FFFAF0; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #FFFAF0; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 99; width: 100%; height: 500px; background-color: #000; }