html 
{ 
	height: 100%; 
	overflow:hidden;
	letter-spacing:1px;
	font-size: 8pt;
}
	body 
	{ 

		font-family: Helvetica, Verdana, Arial, sans-serif;
		
		background: #f3f3f4;
	
		/*background-color: transparent;*/ 
		margin: 0px; 
		padding: 0px; 
		height: 100%; 
		margin-top: -1px; 
		z-index:0; 
		position:relative;
	}

	/*img#background { height: 100%; width: 100%; z-index: -1; position:absolute; color: white; }	*/



div#main_content_gradient
{
	position: absolute;
	top: 220px;
	left: 20%;
}	

div#imgMid
{
	position: absolute;
	top: 200px;
	background: yellow;
	opacity: 0.0;
	filter: alpha(opacity = 0);
	z-index: 1;
	cursor: pointer;
}

div#imgLeft
{
	width: 80px;
	height: 400px;
	position: absolute;
	left: 0px;
	top: 200px;
	background: yellow;
	opacity: 0.0;
	filter: alpha(opacity = 0);
	z-index: 1;
	cursor: pointer;
}

div#imgRight
{
	width: 80px;
	height: 400px;
	position: absolute;
	right: 0px;
	top: 200px;
	background: yellow;
	opacity: 0.0;
	filter: alpha(opacity = 0);
	z-index: 1;
	cursor: pointer;
}

/* commented backslash hack \*/ 
html, body{height:100%;} 
/* end hack */
html,body {margin:0;padding:0}



body
{
	font-family: Helvetica, Verdana, Arial, sans-serif;
	background: #f3f3f4;
}

a
{
	color: #999999;
	text-decoration: none;
}

p
{
	margin: 0px;
	padding: 0px;
}

ul, ol { list-style: none; }
ul, li { margin: 0; padding: 0; }

hr { clear: both; }

#menu 
{ 
	position: absolute;
	left: 5px;
	background: #f3f3f4;
	width: 170px;
	z-index: 9999;
	padding-bottom: 2px; 
	padding-top: 4px;
	top: 0px;
}

.on
{
	color: #000;
}

#menu ul {
		display: none;
		list-style: none;
		margin-left: 5px;
		padding: 0;
		font-style:italic;
	}
	#menu ul ul {
		display: inline;
	}
	#menu ul ul li a {
		padding-left: 30px;
		width: 155px;
	}
	#menu a {
		color: #999999; 
		cursor: pointer;
		display: block;
		margin-left: 0;
		padding: 0px 0px 0px 5px;
		width: 162px;
		line-height: 18px;
	}
	#menu a:hover {
		text-decoration: none;
		color:#000;
	}
	#menu ul a {
		color: #999999;
		display: block;
		font-weight: normal;
		padding: 0px 0px 0px 10px;
		width: 155px;
	}
	#menu ul a:hover {
		color: #000;
	}
	#menu li.active a {
		background: #fff;
	}
	#menu li.active li a {
		background: #e8e8e8;
	}
.current
{
	color: #000000;
	z-index: 0;
}

div#about
{
	width: 585px;
	height: 95%;
	position: absolute;
	left: 180px;
	background: #f3f3f4;
	color: #999999;
	z-index: 10000;
	padding-bottom: 10px;
	top: -2000px;
	padding: 4px;
	overflow: auto;
	line-height: 18px;
}

div#contact
{
	width: 340px;
	height: 365px;
	position: absolute;
	left: 180px;
	background: #f3f3f4;
	color: #999999;
	z-index: 10000;
	top: -2000px;
	padding: 4px;
	overflow: auto;
	line-height: 18px;
}

div#clientLogon
{
	width: 276px;
	height: 100px;
	position: absolute;
	left: 148px;
	background: #f3f3f4;
	color: #999999;
	z-index: 9999;
	top: -1000px;
	padding: 5px;
}

div#clientLogon form
{
	padding: 0px;
	margin: 0px;
}

div#clientLogon label
{
	float: left;
	width: 100px;
	line-height: 18px;
}

div#clientLogon .buttons
{
	float:right;
}

div#lastest
{
	width: 585px;
	height: 95%;
	position: absolute;
	left: 180px;
	background: #f3f3f4;
	color: #999999;
	z-index: 10000;
	padding-bottom: 10px;
	top: -3000px;
	overflow: auto;
	padding-left: 4px;
	padding-right: 4px;
	padding-top:11px;
	line-height: 18px;
}


div#lastestImg
{
	float:left;
	margin-right: 5px;
	padding-bottom: 10px;
}
div#lastestText
{
	float:left;
	width: 170px;
	line-height: 18px;
}

div#projectInfo
{
	width: 340px;
	position: absolute;
	left: 180px;
	background: #f3f3f4;
	color: #999999;
	z-index: 9999;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 4px;
	top:-300px;
	line-height: 18px;
}

div#projectInfoHeader
{
	display:none;
	width: 340px;
	position: absolute;
	left: 180px;
	color: #999999;
	z-index: 10000;
	padding: 4px;
	height: 18px;
	top: 0px;
	background: #f3f3f4;
	line-height: 18px;
}

div#projectInfoHeader a:hover
{
	color: #000;
}

div#projectInfoHeaderLoading
{
	width: 340px;
	position: absolute;
	left: 180px;
	color: #999999;
	z-index: 10000;
	padding: 4px;
	margin-top: 0px;
	height: 18px;
	line-height: 18px;
	background: #f3f3f4;
}

div#projectInfoHeader a
{
	display: block;
}

a.links
{
	text-decoration: none;
}

a.links:hover
{
	color: #000000;
}

a.newsLink
{
	text-decoration: none;
}

a.newsLink:hover
{
	color: #000000		;
}

body {
	margin:0px;
	background: #f3f3f4;
	overflow: hidden;
}

div#leftControl
{
	width: 50%;
	height: 100%;
	position: absolute;
	left: 0px;
	z-index: 9998;
	top:0px;
	background: red;
	opacity: 0.0;
	filter: alpha(opacity = 0);
	cursor: pointer;
}

div#rightControl
{
	width: 50%;
	height: 100%;
	border:0!important;
	position: absolute;
	left: 0px;
	z-index: 9998;
	top:0px;
	margin-left: 50%;
	background: blue;
	opacity: 0.0;
	filter: alpha(opacity = 0);
	cursor: pointer; 
}