body{

	/*background: #aaaaaa url('images/bglayer.png') top center no-repeat;*/
	background: #cccccc url('images/bgitem.png') top center no-repeat;
	
	font-family: "Helvetica Neue", Verdana, sans;
	/*font-family: Georgia, Arial, serif;*/
	font-size: 11pt;
	color: #3e3e3e;
	
/*	 text-shadow: #bcbcbc 0 1px 0px;*/	 
	text-shadow: #eeeeee 0 1px 0px;

}

img.foto {

	border: 1px solid #aaaaaa;
	margin-top: 10px;
}

img.screen {

	border: 8px solid white;
	margin-top: 10px;
	
	-webkit-box-shadow:0px 0px 5px black;
	box-shadow:0px 0px 5px black;
	padding: 0px;
}


img.logo{
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;

	-webkit-box-shadow:0px 0px 5px black;
	box-shadow:0px 0px 5px black;
}

img.miniicon{
	border: none;
	padding-right: 5px;
	vertical-align: bottom;
}

img.product{
	border: none;
}

img.logo:hover{
-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;

	-webkit-box-shadow:0px 0px 5px black;
	box-shadow:0px 0px 8px black;
}

img.feature {
	border: 2px solid white;
	-webkit-box-shadow:0px 0px 2px black;
}

img.feature:hover {

	-webkit-box-shadow:0px 0px 5px black;
	box-shadow:0px 0px 5px black;
}

#main{
	left: auto;
	right: auto;
	margin-top: 80px;
	margin-left: auto;
	margin-right: auto;
	
	width: 1000px;
	
/*	border: 1px black dashed;*/
}

div.parag{

	padding: 10px;
}

div.parag-txt{
	padding: 10px;
	padding-left: 100px;
	padding-right: 100px;
}

div.stamp {
	position: relative;
	left: -2px; 
	top: -566px; 
	font-size: 13pt; 
	color: rgba(255,1,1, 0.45); 
	font-weight: bold; 
	border: 8px solid rgba(255, 1, 1, 0.45); 
	padding: 8px; 
	font-family: courier; 
	-webkit-transform: rotate(-30deg); 
	-moz-transform: rotate(-30deg);	
	transform: rotate(-30deg); 
	z-index: 5;
	width: 50px;
	
	text-align: center;
}

a {
	color: black;
	text-decoration: none;
}

a:hover{
	color: black;
	text-decoration: underline;
	
	text-shadow: #888 0px 1px 2px;
}

span.headl{
	font-size: 28pt; 
	margin-left: 10px;
	font-weight: bold;
}

span.subheadl{
	font-size: 14pt; 
	margin-left: 10px;
	font-style: italic;
}

td {
	font-size: 10pt;

}

div.app_row{
	display: inline;
}

div.app_cell{

	display: inline;
	width: 300px;
	background-color: cyan;
	height: 260px;
	
}

ol
{
  list-style: none;
  margin: 0;
  padding: 0 0 8px 0;
  overflow: auto;

}


li
{
  display: inline; /* IE doubled float-margin bug */
  float: left;
  margin: 8px 36 0 8px;
/*  padding-left: 50px;*/
  text-align: left;
/*  border: 1px white dashed;*/
  width: 280px;
  height: 650px;
  
  font-size: 12pt;
}

li.firstInLine
{
  clear: left;
  padding-left: 0px;

}

.txtmarker{
	background-color: #ffff44;
	padding: 2px;
	padding-left: 6px;
	padding-right: 6px;
	font-size: 13pt;
	
	
/*	box-shadow: 0px 4px 15px rgba(0,0,0,0.25);*/

	/*box-shadow: 1px 1px 0px rgba(0,0,0,0.25);
	border-top: solid 1px white;
	border-left: solid 1px white;*/
}

/*
.txtmarker:hover{
	box-shadow: -1px -1px 0px rgba(0,0,0,0.25);
	border-right: solid 1px white;
	border-bottom: solid 1px white;
	
	border-top: none;
	border-left: none;
}*/

div.download{
	position: relative;
	bottom: 1px;
	left: 1px;
}

div.desc{
	height: 100px;
/*	border: 1px white dashed;*/
	overflow: hidden;
	font-size: 11pt;
	margin-top: 12px;
}

div.videooverlay{
	z-index: 10;
	background-color: rgba(0,0,0,0.75);

	position: fixed;
	
	width: 100%;
	height: 100%;
	margin-left: 0px;
	margin-top: 0px;
	left: 0px;
	top: 0px;
}

.embedvid{

	background-color: white;
	padding: 40px;
	
	left: auto;
	right: auto;
	margin-top: 40px;
	margin-left: auto;
	margin-right: auto;
	width: 560px;	

	
	
}

.closebtn{
	position: relative; right: 5px; top: 75px; padding: 5px; height: 20px; width: 50px; z-index: 11;
}