body {
	font-family:Arial;
	font-size:11px;
	background-image:url(images/back.jpg);
	margin:0px;
	color:#666666;
}
.tbl {
	border-left: #000000 1px solid;
	border-right: #000000 1px solid;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}

/*  FORM CLASSES */
.form
	{ 
		height:17px; 
		border-color:#D4D0C8; 
		border-bottom-width:1px; 
		border-right-width:1px; 
		background-color:#ffffff; 
		font-size:11px;
	}
	input{
		background-color: #FFFFFF; 
		color: #000000;
		border: 1px solid #CCCCCC;
	}
	
	select{
		background-color: #FFFFFF; 
		color: #000000; 
		border: 1px solid #CCCCCC;
	}
	textarea{
		background-color: #FFFFFF; 
		color: #000000; 
		border: 1px solid #CCCCCC;
	}
	
	.radio{
		background-color: #000000; 
		color: #000000
	}
	
	.no_border{
		border:#CCCCCC 0px solid
	}
/*  END FORM CLASSES  */

.caps {
	font-size:10px;
	color:#FFFFFF;
	font-family:Arial;
	font-weight:bold;
}
top_menu {
	font-size:12px;
}
a.top_menu {
	color:#FFFFFF;
	font-size:12px;
}
a.top_menu:hover {
	color:#FFFF33;
	font-size:12px;
}


/* Begin Portfolio */

#port {
margin-top:8px;
}

#port a.headline {
color:#666666;
text-decoration:none;
font-weight:bold;
}

#port a.headline:hover {
color:#666666;
text-decoration:underline;
font-weight:bold;
}

#port .lang {
margin-left:6px;
}

/* End Portfolio */



/* Begin CSS Popout Menu */

#menu {
width: 12em; /* set width of menu */
background: #eee;

} 

#menu ul { /* remove bullets and list indents */
list-style: none;
margin: 0;
padding: 0;
}

/* style, color and size links and headings to suit */
#menu a, #menu p {
font-size:10px;
display: block;
border-width: 0px;
border-style: solid;
border-color: #ccc #888 #555 #bbb;
margin: 0;
padding: 2px 3px;

}

#menu p {
font: bold 10px arial;
color: #fff;
background: #000;
text-transform: uppercase;
background-image:url(images/nav_bar.gif);
height:21px;
}

#menu .nav_bg {
font: bold 10px arial;
color: #666;
background: #000;
text-transform: uppercase;
background-image:url(images/nav_bar.gif);
height:19px;
padding-top:6px;
padding-left: 20px;
}

#menu a {
color: #333333;
background: #efefef;
text-decoration: none;
}

#menu a:hover {
color: #333333;
background: #FFF;
}

#menu li {
/* make the list elements a containing block for the nested lists */
position: relative;
} 

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%; /* to position them to the right of their containing block */
width: 100%; /* width is based on the containing block */
}

div#menu ul ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}
/* End CSS Popout Menu */

/* graphic gallery */
#preview_box { position:relative; width:100%;}
.hoverbox { cursor: default; list-style: none; border: 0; margin: 0; padding: 0; }
.hoverbox a { cursor: default; }
.hoverbox a .preview { display: none; }
.hoverbox a:hover .preview { display: block; position:absolute; top: -20px; left: -20px; z-index: 1; cursor:pointer}
.hoverbox img { background: #ffffff; border-color: #dddddd; border-style: solid; border-width: 1px; color: inherit; padding: 2px; vertical-align: top; }
.hoverbox li { background: #ffffff; color: inherit; display: inline; float: left; margin: 5px; position: relative; }
.hoverbox .preview { border-color: #000000; border-color: #dddddd; border-style: solid; border-width: 1px; }

/* photo gallery internet explorer */
* html .hoverbox { border: 0; margin: 0; padding: 0; }
* html .hoverbox li { position: static; }
* html .hoverbox a { position: relative; }
* html .hoverbox a:hover { font-size: 99.99%; z-index: 1; }


#imageContainer {
	height:205px;
	text-align:inherit
}

#imageContainer img {
	display:none;
	position:absolute;
	top:0px; left:0px;
	opacity: -0.01;
}