body {
	background-color: #2b282b;

	font: x-small sans-serif;
	text-align: justify ;
	font-size: 14px;
}

#title {
	position: relative ;
	top: -80px ;
 
	width:550px;
	height:200px ;
	margin:auto;
	padding: 10px ;
	
	background-position: left;
	background-repeat: no-repeat;
}

#content {
	position: relative;
	top: -160px ;
	margin: auto ;
	
	border: solid black 2px;

	width:652px;
	padding: 10px ;
	padding-top: 0px ;
	
	background-color: white;
}

#header {
	height: 60px ;
	background-color: #838ca2 ;

	background-image: url("images/title.gif") ;
	background-position: center;
	background-repeat: no-repeat;
}

#navigation {
	background-color: #aeb2ba ;
	border: solid black ;
	border-width: 1px 0px ;
	height: 24px ;
	padding-top: 5px ;
	padding-left: 90px ;
	margin-left: auto ;
	margin-right: auto ;
}


#navigation em{
	font-size: 110% ;
	font-weight: bold ;
	text-decoration: none;
	margin: 0px 10px ;
}

#navigation a{
	font-size: 110% ;
	margin: 0px 10px ;
}

#copyright {
	position: absolute;
	
	right: 29px ;
	top: 7px ;
	font-size: 90% ;
}

#copyright a{
	font-size: 90% ;
	margin: 0px ;
}

#content .box {
	text-align: center;
	position: relative ;
	border: 1px solid #687898 ;
	background-color: #f3f4f7 ;
	padding: 10px 0px ;
	margin: 0px 20px ;
}

#content .box img {
	text-align:center;
	margin: 10px ;
}

#content .box .links {
	position: relative;
	width: 100% ;
	height: auto;
	padding: 5px 0px ;

	border: solid black ;
	border-width: 1px 0px ;

	background-color: #cddbf5;
}


#content .box div {
	position: absolute;
	width: 9px ;
	height: 9px ;
	padding:0px ;
	margin: 0px ;
	border: none ;
}

#content .box .tl {
	top: -1px ;
	left: -1px ;
	background-image: url("images/box_tl.gif") ;
}

#content .box .tr {
	top: -1px ;
	right: -1px ;
	background-image: url("images/box_tr.gif") ;
}

#content .box .bl {
	bottom: -1px ;
	left: -1px ;
	background-image: url("images/box_bl.gif") ;
}

#content .box .br {
	bottom: -1px ;
	right: -1px ;
	background-image: url("images/box_br.gif") ;
}

.spaced {
	font-size: 120% ;
	margin-left: 15px ;
}




#content_tl {
	position: absolute;
	top: -2px ;
	left: -2px ;
	width: 17px ;
	height: 93px ;
	background-image: url("images/content_tl.gif") ;
}

#content_tr {
	position: absolute;
	top: -2px ;
	right: -2px ;
	width: 17px ;
	height: 93px ;
	background-image: url("images/content_tr.gif") ;
}

#content_bl {
	position: absolute ;
	bottom: -2px ;
	left: -2px ;
	width: 19px ;
	height: 19px ;
	background-image: url("images/content_bl.gif") ;
}

#content_br {
	position: absolute ;
	bottom: -2px ;
	right: -2px ;
	width: 19px ;
	height: 19px ;
	background-image: url("images/content_br.gif") ;
}


p {
	margin: .9em 1em .0em 1em;
	line-height: 1.5em;
}

hr {
	height: 1px;
	color: #aaa;
	background-color: #aaa;
	border: 0;
	margin: .2em 0 .2em 0;
}

h1, h2, h3{
	color: black;
	background: none;
	font-weight: normal;
	margin: 0;
	margin-top: .5em;
	padding-bottom: .17em;
	border-bottom: 1px solid rgb(15,50,100);
	margin-bottom: 0.5em ;
	margin-right: 1em ;
	margin-left: 0.5em ;
}

h1 { font-size: 170%; }
h2 { font-size: 150%; }
h3 { font-size: 125%; }

h4 {
	font-size: 120%;
	color: black;
	background: none;
	font-weight: normal;
	margin: 0;
	padding-top: .5em;
	padding-bottom: .17em;
	border-bottom: 1px solid #aaa;
	margin-bottom: 0.5em ;
}

ul {
	line-height: 1.5em;
	list-style-type: none;
	margin: .3em 0 0 1.5em;
	margin-left: 2em ;
	padding: 0;
}

li {
	margin: .4em 1em .5em 1em;
	text-indent: -.75em ;
}

li p {
	text-indent: 0em ;
}

a {
   cursor: pointer ;
	text-decoration: none;
	color: #002bb8;
	background: none;
}

a:visited {
	color: #5a3696;
}
a:active {
	color: #faa700;
}
a:hover {
	text-decoration: underline;
}

img {
	border: 1px solid #687898 ;
	vertical-align: middle;
}


.abstract {
	position: relative ;
	padding: 3px !important;
	border: 1px solid #687898 ;
	background-color: #f3f4f7 ;
	font-size: 100%;
	margin-left: 0em ;
	margin-top: 0.5em ;
}

.abstract p {
  margin-left: .5em ;
}

.abstract div {
	position: absolute;
	width: 9px ;
	height: 9px ;
	padding:0px ;
	margin: 0px ;
	border: none ;
}

.abstract .tl {
	top: -1px ;
	left: -1px ;
	background-image: url("images/box_tl.gif") ;
}

.abstract .tr {
	top: -1px ;
	right: -1px ;
	background-image: url("images/box_tr.gif") ;
}

.abstract .bl {
	bottom: -1px ;
	left: -1px ;
	background-image: url("images/box_bl.gif") ;
}

.abstract .br {
	bottom: -1px ;
	right: -1px ;
	background-image: url("images/box_br.gif") ;
}

em {
font-style: normal ;
font-weight: bold ;
}

img {
border: 1px solid rgb(15,50,100);
}

.gallery {
	position: relative ;
	padding: 3px !important;
	border: 1px solid #687898 ;
	background-color: #f3f4f7 ;
	font-size: 100%;
	margin: .4em 1em .5em 1em;
}

.gallery table {
   width: 100% ;
}

.gallery td {
	border: 1px solid #687898 ;
	background-color: #ffffff ;
	padding: 3px ;
}
.gallery .spacer {
	border: none ;
	background: none ;
   width: 25% ;
}

.gallery div {
	position: absolute;
	width: 9px ;
	height: 9px ;
	padding:0px ;
	margin: 0px ;
	border: none ;
}

.gallery .tl {
	top: -1px ;
	left: -1px ;
	background-image: url("images/box_tl.gif") ;
}

.gallery .tr {
	top: -1px ;
	right: -1px ;
	background-image: url("images/box_tr.gif") ;
}

.gallery .bl {
	bottom: -1px ;
	left: -1px ;
	background-image: url("images/box_bl.gif") ;
}

.gallery .br {
	bottom: -1px ;
	right: -1px ;
	background-image: url("images/box_br.gif") ;
}

.gallery img {
	cursor: pointer;
}

#mask {
	display:none ;
	position: absolute ;
	top: 0px ;
	left: 0px ;
	width: 100% ;
	height: 100% ;
	background-color: #687898 ;
	
	filter: alpha(opacity=80) ;
 	-moz-opacity: 0.80 ;
}

#pictureFrame {
	display: none ;
	position: absolute ;
	padding: 8px ;
	border: 2px solid black ;
	background-color: #f3f4f7 ;
	
	top: 0px ;
	left: 0px ;
}

#pictureFrame div {
	position:absolute;
	width: 10px ;
	height: 10px ;
	padding:0px ;
	margin: 0px ;
	border: none ;
}

#pictureFrame .close {
	top: 5px ;
	right: 5px ;
	background-image: url("images/pictureFrame_close.gif") ;
	width: 42px;
	height: 27px ;
	cursor: pointer;
}

#pictureFrame .tl {
	top: -2px ;
	left: -2px ;
	background-image: url("images/pictureFrame_tl.gif") ;
}

#pictureFrame .tr {
	top: -2px ;
	right: -2px ;
	background-image: url("images/pictureFrame_tr.gif") ;
}

#pictureFrame .bl {
	bottom: -2px ;
	left: -2px ;
	background-image: url("images/pictureFrame_bl.gif") ;
}

#pictureFrame .br {
	bottom: -2px ;
	right: -2px ;
	background-image: url("images/pictureFrame_br.gif") ;
}

#pictureFrame img {
	border: 1px solid black ;
}

.contact{
	width: 100% ;
	vertical-align: top ;
	line-height: 1.5em;
}

.contact td {
	padding-top: 1em ;
	vertical-align: top ;
}

.contact .header {
	font-weight: bold ;
	text-align: right ;
	padding-right: 10px ;
}

.contact .spacer {
	width: 25% ;
}

.floatPicture {
	text-align: center !important;
	float: left;
	position: relative;
	margin-top: 0.5em ;
	margin-left: 1em ;
	
	padding: 5px !important;
	border: 1px solid #687898 ;
	background-color: #f3f4f7 ;
	
	overflow: hidden;
}

.floatPicture img {
	border: 1px solid #687898 ;
}


.floatPicture div {
	position: absolute;
	width: 9px ;
	height: 9px ;
	padding:0px ;
	margin: 0px ;
	border: none ;
}

.floatPicture .tl {
	top: -2px ;
	left: -2px ;
	background-image: url("images/box_tl.gif") ;
}

.floatPicture .tr {
	top: -1px ;
	right: -1px ;
	background-image: url("images/box_tr.gif") ;
}

.floatPicture .bl {
	bottom: -2px ;
	left: -2px ;
	background-image: url("images/box_bl.gif") ;
}

.floatPicture .br {
	bottom: -2px ;
	right: -2px ;
	background-image: url("images/box_br.gif") ;
}

.software h1 {

}

.software p {
	margin-left: 165px ;
}

.software li {
	
	margin-left: 175px ;
}