@charset "utf-8";

body {
margin: 0;
padding: 0;
font-family: "verdana",  sans-serif;
font-size: 11px;
font-style: normal;
color: #003333;
height: 100%;	
scrollbar-base-color: #E6E6E6; 
scrollbar-face-color: #E6E6E6; 
scrollbar-track-color: #B3B3B3; 
scrollbar-arrow-color: #B3B3B3;
scrollbar-highlight-color: #0D0D0D; 
scrollbar-3dlight-color:#E6E6E6; 
scrollbar-shadow-color: #CDCDCD;
scrollbar-darkshadow-color: #E6E6E6;
}

table {
margin: 0;
padding: 0;
font-family: "verdana",  sans-serif;
font-size: 11px;
color: #003333;	
}

#floater {
position:relative; float:left;
height:50%;	margin-bottom:-360px;
width:1px;
}

#centered {
position:relative; clear:left;
height:720px; 
width:100%;
margin:0 auto;
border:0px;
}

h3 {
font-family: "verdana",  sans-serif;
}

#bottom {
font-color: #003333;
text-align:right;
valign:top;
position:absolute;
bottom: 0; right:0;
}	

a:link {
text-decoration: none;
color: #003333;
}

a:hover {
color: #FF6600;
text-decoration: none;
font-weight: bold;
}

a:visited {
color: #003333;
text-decoration: none;
}

a:active {
color: #003333;
text-decoration: none;
}

div.floatover {
	font-size: 10px;
	width: 200px;
	margin: 10px;
	padding: 0;
	background-color: #FFFFFF;
	top: 200px;
	float:left;
	left: 500px;
	position: absolute;
	filter:alpha (opacity=95);
	opacity:0.95;
	font-weight: bold;
	z-index: 100;
	height: auto;
}

div.submenu {
	font-color: #003333;
	color: #003333;
	font-size: 10px;
	width: 344px;
	margin: 0px;
	padding: 0;
	background-color: #FFFFFF;
	top: 63px;
	float:left;
	left: 602px;
	position: absolute;
	filter:alpha (opacity=95);
	opacity:0.95;
	font-weight: bold;
	z-index: 10;
	height: auto;
}

div.submenu_about {
	font-color: #003333;
	color: #003333;
	font-size: 10px;
	width: 600px;
	margin: 0px;
	padding: 0;
	background-color: #FFFFFF;
	font-weight: bold;
	z-index: 500;
	height: auto;
}

div.menu {
	font-color: #003333;
	color: #003333;
	font-size: 10px;
	width: 344px;
	margin: 0px;
	padding: 0;
	background-color: #FFFFFF;
	top: 142px;
	float:left;
	left: 602px;
	position: absolute;
	filter:alpha (opacity=95);
	opacity:0.95;
	font-weight: bold;
	z-index: 10;
	height: auto;
}

div.clients {
	font-size: 11px;
	width: 640px;
	margin: 0px;
	padding: 0;
	background-color: #FFFFFF;
	top: 96px;
	float:left;
	left: 20px;
	position: absolute;
	filter:alpha (opacity=80);
	opacity:0.80;
	font-weight: bold;
	z-index: 1;
	height: 585;
	overflow: hidden;
}

div.reference {
	font-size: 12px;
	font-family: "comic sans MS", cursive;
	width: 255px;
	margin: 0px;
	padding: 5px;
	background-color: #FFFFFF;
	top: 96px;
	float:left;
	left: 670px;
	position: absolute;
	filter:alpha (opacity=95);
	opacity:0.95;
	z-index: 1;
	height: 500;
	overflow: hidden;
}


div.about {
	font-size: 11px;
	width: 921px;
	margin: 0px;
	padding: 0;
	background-color: #FFFFFF;
	top: 92px;
	float:left;
	left: 20px;
	position: absolute;
	filter:alpha (opacity=80);
	opacity:0.80;
	font-weight: bold;
	z-index: 2;
	height: 585px;
	overflow: hidden;
	align: center;
}

div.portmenu {
	font-size: 10px;
	width: 160px;
	margin: 0px;
	padding: 0;
	background-color: #424242;
	top: 92px;
	float:left;
	left: 20px;
	position: absolute;
	filter:alpha (opacity=80);
	opacity:0.80;
	font-weight: bold;
	z-index: 1001;
	height: 585px;
	overflow: hidden;
	}

div.porttarget {
	font-size: 11px;
	width: 750px;
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
	top: 92px;
	left: 190px;
	position: absolute;
	filter:alpha (opacity=100);
	opacity:1.0;
	font-weight: bold;
	z-index: 1001;
	height: 585px;
	overflow: hidden;
	align: center;
	valign: middle;
	}

div.portoverlay {
	font-size: 11px;
	width: 750px;
	margin: 0px;
	padding: 10px;
	background-color: #FFFFFF;
	top: 92px;
	left: 190px;
	position: absolute;
	filter:alpha (opacity=75);
	opacity:0.75;
	font-weight: bold;
	z-index: 5001;
	height: 585px;
	overflow: hidden;
	align: center;
	valign: middle;
	}
#container {
	width: 960px;
	height: 720px;
	background: #FFFFFF;
	margin: 0px;
	position: relative;
}

#home-canvas {
	width: 946px;
	height: 706px;
	background: #FFFFFF;
	margin: 0px;
	left: 7px;
	top: 7px;
	position: relative;
	padding: 0px;
	float: left;
}

div.title {
	background-color: #CCCCCC;
	border-top: solid 1px black;
	border-bottom: solid 1px gray;
	margin: 0px;
	padding: 2px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	font-size: 14px;
	font-weight: bold;
	color: #003333;
	}

div.pictures {
	background-color: #CCCCCC;
	border-top: solid 1px #CCCCCC;
	border-bottom: solid 1px #CCCCCC;
	margin: 0px;
	padding-left: 10px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	font-size: 11px;
	font-weight: bold;
	color: #003333;
	height: 500px;
	}

#accordion2 {width:160px; margin:0px auto; border:1px solid #333; border-top:none}
.accordion2 {width:160px; font:12px verdana; color:#333}
.accordion2 dt {width:160px; padding:4px 6px; font-weight:bold; cursor:pointer; background-color:#444; background-image:url(images/arrow_down.gif); background-position:right center; background-repeat:no-repeat; color:#fff; border-top:1px solid #333}
.accordion2 dt:hover {background-color:#555}
.accordion2 .open {background-color:#444; background-image:url(images/arrow_up.gif)}
.accordion2 dd {overflow:hidden; background:#fff}
.accordion2 span {display:block; width:160px; border-top:none; padding:0px}