@font-face {
	font-family: Tekton;
	src: url("TektonProBoldObl.eot") /* EOT file for IE */
}

@font-face {
	font-family: Tekton;
	src: url("TektonProBoldObl.ttf") /* TTF file for CSS3 browsers */
}


@font-face {
	font-family: Tuffy;
	src: url("Tuffy-Italic.eot") /* EOT file for IE */
}

@font-face {
	font-family: Tuffy;
	src: url("Tuffy-Italic.ttf") /* TTF file for CSS3 browsers */
}


BODY
{
	position:fixed;
	height: 100%;
	width: 100%;
	font-family: "Tekton, Tuffy"; */
	font-size:12pt;
/*	font-style:italic; */
	background:#f1f1f1;
}

#hgfx_1
{
	float:		top left;
	position:	absolute;
	left:		-8px;
	top:		-8px;
	width:		223px;
	height:		109px;
	background-image: url('./img/homebg_01.jpg');
	background-repeat: no-repeat;
}

#hgfx_2
{
	float:		top left;
	position:	absolute;
	left:		223px;
	right:		14px;
	top:		-8px;
	height:		109px;
	width:100%;
	margin:14px;
	margin-left:-10px;
	margin-top:0px;
	margin-right:14px;


	background-image: url('./img/homebg_02.jpg');
	background-repeat: repeat-x;
}

#hgfx_5
{
	float:		top right;
	position:	absolute;
	top:		-8px;
	width:		14px;
	right:		0px;
	height:		109px;
	background-image: url('./img/homebg_05.jpg');
	background-repeat: no-repeat;
}

#hgfx_6
{
	float:		top left;
	position:	absolute;
	left:		-8px;
	top:		101px;
	bottom:		22px;
	width:		16px;
	height:100%;
	background-image: url('./img/homebg_06.jpg');
	background-repeat: repeat-y;
}

#hgfx_9
{
	float:		bottom left;
	position:	absolute;
	left:		-8px;
	bottom:		0px;
	width:		16px;
	height:		22px;
	background-image: url('./img/homebg_09.jpg');
	background-repeat: no-repeat;
}

#hgfx_8
{
	float:		top right;
	position:	absolute;
	right:		0px;
	top:		101px;
	bottom:		22px;
	width:		15px;
	height:		100%;
	background-image: url('./img/homebg_08.jpg');
	background-repeat: repeat-y;
}

#hgfx_10
{
	float:		bottom right;
	position:	absolute;
	right:		0px;
	bottom:		0px;
	width:		15px;
	height:		21px;
	background-image: url('./img/homebg_10.jpg');
	background-repeat: no-repeat;
}

#btn_start
{
	float:		top left;
	position:	absolute;
	left:		16px;
	top:		109px;
	width:		100px;
	height:		27px;
	background-image: url('./img/btn_start.jpg');
	background-repeat: no-repeat;
}

#btn_contact
{
	float:		top left;
	position:	absolute;
	left:		116px;
	top:		109px;
	width:		100px;
	height:		27px;
	background-image: url('./img/btn_contact.jpg');
	background-repeat: no-repeat;

}

#btn_service
{
	float:		top left;
	position:	absolute;
	left:		216px;
	top:		109px;
	width:		100px;
	height:		27px;
	background-image: url('./img/btn_service.jpg');
	background-repeat: no-repeat;
}

#btn_software
{
	float:		top left;
	position:	absolute;
	left:		316px;
	top:		109px;
	width:		100px;
	height:		27px;
	background-image: url('./img/btn_software.jpg');
	background-repeat: no-repeat;
}

#btn_projects
{
	float:		top left;
	position:	absolute;
	left:		416px;
	top:		109px;
	width:		100px;
	height:		27px;
	background-image: url('./img/btn_projects.jpg');
	background-repeat: no-repeat;
}


#headlogo
{
	float:		top left;
	position:	absolute;
	left:		0px;
	top:		-3px;
	height:		90px;
	width:		200pt;
	background-image: url("./img/logo.jpg");

}

#headerbar
{
	position:	absolute;
	left:		0px;
	width:		102%;
	height:		107px;
	top:		-4px;
	line-height: 14pt;
	background-image: url('./img/headbg.jpg');
	background-repeat: repeat-x;
}
#headerbar_topmainline
{
	position:	absolute;
	top:		136px;
	left:		16px;
	right:		4px;
	height:		2px;
	
	border-bottom-style:dotted;
	border-bottom-width:1px;
	border-bottom-color:#666666;
}
#headerbar-relative
{
	position:	relative;
	left:		15px;
	right:		4px;
	height:		110px;
	border-bottom-style:dotted;
	border-bottom-width:1px;
	border-bottom-color:#666666;
}

#headerbar-fixed
{
	position:	fixed;
	left:		24px;
	right:		4px;
	height:		110px;
	border-bottom-style:dotted;
	border-bottom-width:1px;
	border-bottom-color:#666666;
}


#progressbar
{
	float:		bottom right;
	position:	absolute;
	right:		142pt;
	top:		140px;
	left:		152px;
	background-color:	#fff;
	height:		16px;
	font-size:	12pt;
	color:blue;
	font-weight: bold;
	text-align:	center;
	text-decoration:none;

	border-width:	1pt;
}

#leftside
{
	float:		top left;
	position:	absolute;
	left:		0px;
	top:		103px;
	height:		290px;
	width:		12px;
	background-image: url("./img/leftside.jpg");
}

#linkbar
{
	position:	absolute;
	left:		16px;
	top:		110px;
	height:		24px;
	font-size:	14pt;
	line-height:	17pt;

}


#leftsidebar
{
	position:		absolute;
	top:			142px;
	left:			18px;
	bottom:			10px;
	width:			129px;
	overflow: 		auto;
	font-size:		10pt;
}
#gadget
{
	position:absolute;
	top:104px;
	right:18px;
}
#mainsection
{
	position:	absolute;
	top:		144px;
	left:		150px;
	bottom:		10px;
	right:		176px;
	overflow:	auto;
	padding: 	8px;
	text-align:	justify;
	border-left-style:dotted;
	border-left-width:1px;
	border-left-color:#666666;
}

#promosection
{
	position:absolute;
	top:10px;
	right:10px;
}

p.code
{
	background:#ccc;
	font-family:Monospace;
	font-size:9pt;
	font-style:normal;
	white-space:pre;
}

p.instr
{
	white-space:pre;
}

a:link
{
	text-decoration:none;
	font-weight:bold;
	color:#0033FF;
}

a:visited
{
	color:#0033FF;
	text-decoration:none;
	font-weight:bold;
}
a:active
{
	color:#0033FF;
}

ul
{
	list-style-type: none;
	padding: 0;
	margin: 0;
}

ul li
{
	float: left;
	border: 1px dotted #333;
	border-bottom: none;
	margin: 0 5px;
}

ul li a
{
	text-decoration: none;
	border-bottom: none;
}

ul li a:hover
{
	text-decoration: underline;
	border-bottom: none;
}

ul li a
{
	display: block;
	text-decoration: none;
}

td.webproject
{
	background-image:url('./img/webproject.gif');
	width:128px;
	height:128px;
	vertical-align:middle;
	font-size:13pt;
	font-weight:bold;
	text-align:center;
	color:#0033FF;	
}