html, body {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
TEXT-ALIGN: left;
background-image:url('image/box-spirali.jpg');
background-repeat:no-repeat;
background-attachment:fixed;
background-position:left bottom; 

FONT-FAMILY: Georgia, Times, Verdana, Arial, "Lucida Grande", Helvetica,  sans-serif; BACKGROUND-COLOR: #fff ;FONT-SIZE: 100%}

#screenshot{
FONT-FAMILY: Georgia, Times, Verdana, Arial, "Lucida Grande", Helvetica,  sans-serif; BACKGROUND-COLOR: #fff ;FONT-SIZE: 80%;

	position:absolute;
	border:1px solid #ccc;
	background:#333333;
	padding:5px;
	display:none;
	color:#fff;
	}


UL.subMenu {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; MARGIN: 10px 0px 0px; PADDING-TOP: 3px
}
UL.subMenu LI {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; PADDING-BOTTOM: 7px; MARGIN: 0px; PADDING-TOP: 7px; BORDER-BOTTOM: #484848 1px dotted; LIST-STYLE-TYPE: none
}
UL.subMenu A:link {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 20px; FONT-WEIGHT: normal; BACKGROUND: url(images/ul_star.gif) no-repeat 0px 3px; PADDING-BOTTOM: 0px; COLOR: #808080; PADDING-TOP: 0px; TEXT-DECORATION: none
}
UL.subMenu A:visited {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 20px; FONT-WEIGHT: normal; BACKGROUND: url(images/ul_star.gif) no-repeat 0px 3px; PADDING-BOTTOM: 0px; COLOR: #808080; PADDING-TOP: 0px; TEXT-DECORATION: none
}
UL.subMenu A:active {
	PADDING-RIGHT: 0px; PADDING-LEFT: 20px; FONT-WEIGHT: normal; BACKGROUND: url(images/ul_star_on.gif) no-repeat 0px 3px; PADDING-BOTTOM: 0px; COLOR: #6b0a0a; PADDING-TOP: 0px; TEXT-DECORATION: none
}
UL.subMenu A:hover {
	PADDING-RIGHT: 0px; PADDING-LEFT: 20px; FONT-WEIGHT: normal; BACKGROUND: url(images/ul_star_on.gif) no-repeat 0px 3px; PADDING-BOTTOM: 0px; COLOR: #6b0a0a; PADDING-TOP: 0px; TEXT-DECORATION: none
}
UL.subMenu A.subMenuOn:link {
	PADDING-RIGHT: 0px; PADDING-LEFT: 20px; FONT-WEIGHT: normal; BACKGROUND: url(images/ul_star_on.gif) no-repeat 0px 3px; PADDING-BOTTOM: 0px; COLOR: #6b0a0a; PADDING-TOP: 0px; TEXT-DECORATION: none
}
UL.subMenu A.subMenuOn:visited {
	PADDING-RIGHT: 0px; PADDING-LEFT: 20px; FONT-WEIGHT: normal; BACKGROUND: url(images/ul_star_on.gif) no-repeat 0px 3px; PADDING-BOTTOM: 0px; COLOR: #6b0a0a; PADDING-TOP: 0px; TEXT-DECORATION: none
}
UL.subMenu A.subMenuOn:link {
	FONT-WEIGHT: bold
}
UL.subMenu A.subMenuOn:visited {
	FONT-WEIGHT: bold
}	



.borderimage {
	BORDER-RIGHT: #6b0a0a 4px solid; PADDING-RIGHT: 4px; BORDER-TOP: #4b0a0a 4px solid; PADDING-LEFT: 4px; PADDING-BOTTOM: 4px; MARGIN: 0px; BORDER-LEFT: #6b0a0a 4px solid; PADDING-TOP: 4px; BORDER-BOTTOM: #6b0a0a 4px solid;
}


port_item {
	PADDING-RIGHT:0px; PADDING-LEFT:0px; FLOAT: left; PADDING-BOTTOM:0px; WIDTH: 200; COLOR: #d2d2d2; PADDING-TOP:0px; POSITION: relative
}



.port_item H2 {
	MARGIN-TOP: 10px; FONT: bold 100%/170% Verdana, Arial, Helvetica, sans-serif; COLOR: #fff
}
.port_img {
	BORDER-RIGHT: #d2d2d2 1px solid;
	BORDER-TOP: #d2d2d2 1px solid;
	OVERFLOW: hidden;
	BORDER-LEFT: #d2d2d2 1px solid;
	WIDTH:200px;
	CURSOR: pointer;
	BORDER-BOTTOM: #d2d2d2 1px solid;
	POSITION: relative;
	HEIGHT: 200px
}
.port_desc {
	PADDING-RIGHT: 12px;
	PADDING-LEFT: 12px;
	LEFT: 0px;
	PADDING-BOTTOM: 0px;
	WIDTH: 200px;
	COLOR: #ffffff;
	PADDING-TOP: 0px;
	POSITION: absolute;
	TOP: 200px;
	HEIGHT: 200px;
	BACKGROUND-COLOR: #cccccc
}






A:link {
	COLOR: #6b0a0a; TEXT-DECORATION: none;
}
A:visited {
	COLOR: #6b0a0a; TEXT-DECORATION: none;
}
A:hover {
	COLOR: #000; TEXT-DECORATION: none;
}
A:active {
	COLOR: #6b0a0a; TEXT-DECORATION: none
}

.nav {
	COLOR: #6b0a0a; TEXT-DECORATION: none;FONT-SIZE: 100% }

.nav A:link {
	COLOR: #6b0a0a; TEXT-DECORATION: none;FONT-SIZE: 100% }
	
.nav A:visited {
	COLOR: #6b0a0a; TEXT-DECORATION: none;FONT-SIZE: 100% }
	
.nav A:hover {
	COLOR: #000; TEXT-DECORATION: none;FONT-SIZE: 100%
}

.nav A:active {
	COLOR: #6b0a0a; TEXT-DECORATION: none;FONT-SIZE: 100%
}




P {
	FONT-FAMILY: Georgia, Times, Verdana, Arial, "Lucida Grande", Helvetica,  sans-serif; LINE-HEIGHT: 1.6em; FONT-SIZE: 93%;
	FONT-WEIGHT: normal; COLOR: #4f4f4a; TEXT-DECORATION: none ;
	}
	
P A:link {
	
	color: #6b0a0a;
	
	text-decoration: none; 
	
	
	}
	
	
P A:active {

    color: #6b0a0a;
	
	text-decoration: none;	
	

}

P A:visited {
	
	color: #6b0a0a;
	
	text-decoration: none;
	
	
}

P A:hover {
	COLOR: #000; TEXT-DECORATION: none;

}

.blacktile {
	FONT-SIZE: 120%;COLOR: #000; TEXT-DECORATION: none;}

.greytitle {
	FONT-SIZE: 120%;COLOR: #9a9a94; TEXT-DECORATION: none;}
	
.smallgreytitle {
	FONT-SIZE: 92%;COLOR: #9a9a94; TEXT-DECORATION: none;}
	
	.smallgreytitle A:link {
	FONT-SIZE: 92%;COLOR: #9a9a94; TEXT-DECORATION: none;}
	
	.smallgreytitle A:visited {
	FONT-SIZE: 92%;COLOR: #9a9a94; TEXT-DECORATION: none;}
	
	.smallgreytitle A:active {
	FONT-SIZE: 92%;COLOR: #9a9a94; TEXT-DECORATION: none;}

	.smallgreytitle A:hover {
	FONT-SIZE: 92%;COLOR: #000; TEXT-DECORATION: none;}
	
	
	
.footer {
	FONT-FAMILY: Georgia, Times, Verdana, Arial, "Lucida Grande", Helvetica,  sans-serif; FONT-SIZE: 75%;
	FONT-WEIGHT: normal; COLOR: #4f4f4a; TEXT-DECORATION: none ;
	}
	
.footer A:link {
	
	color: #6b0a0a;
	
	text-decoration: none; 
	
	
	}
	
	
.footer A:active {

    color: #6b0a0a;
	
	text-decoration: none;	
	

}

.footer A:visited {
	
	color: #6b0a0a;
	
	text-decoration: none;
	
	
}

.footer A:hover {
	COLOR: #000; TEXT-DECORATION: none;

}
	

td.bg1 {background-image:url(image/lineh.png)} 


.footerlink { 
    cursor: default;FONT-FAMILY: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif ;
	FONT-WEIGHT: normal; FONT-SIZE: 9px; COLOR: #fff;TEXT-DECORATION: none ;
	}

.footerlink A:link{ 
    cursor: default;FONT-FAMILY: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
	FONT-WEIGHT: normal; FONT-SIZE: 9px; COLOR: #fff; text-decoration: none;
	}

.footerlink A:active{ 
    cursor: default;FONT-FAMILY: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
	FONT-WEIGHT: normal; FONT-SIZE: 9px; COLOR: #fff; text-decoration: none;
	}

.footerlink A:visited{ 
    cursor: default;FONT-FAMILY: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
	FONT-WEIGHT: normal; FONT-SIZE: 9px; COLOR: #fff; text-decoration: none;
	}

.footerlink A:hover{ 
    cursor: default;FONT-FAMILY: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
	FONT-WEIGHT: normal; FONT-SIZE: 9px; COLOR: #fff; text-decoration: none;
	}