﻿article, aside, canvas, details,
figcaption, figure, footer, header,
hgroup, nav, section, summary, video {
    display: block;
}

#AutoNumber5 {padding-left: 1em;}
 
h1, p, a, body {
 font-family:Verdana, Geneva, Tahoma, sans-serif
 
 }
 
.pdflist {
margin-left:60px;
line-height:30px;
}

.pdflist ul {}

.pdflist li {
font-family:Verdana, Geneva, Tahoma, sans-serif;font-size:small;
	list-style: none;
	padding: 0; 
	margin: 0;
	/*list-style-image: url('../images/pdficon.gif'); 
	list-style-position:	inside;*/

	

	padding-left: 20px; 
	
}
.pdflist li a {
 
  text-decoration:none;
}
.pdflist li a:visited {
 
}

/* #content ul li { background-image: url(/images/black_bullet.gif); background-repeat: no-repeat; background-position: 0 .4em; padding-left: 1.4em; font-size: small; padding-bottom: .75em; } */

.flashlist {
margin-left:15px;
line-height:35px;
line-height:20px;
}
.flashlist ul {
    
}
.flashlist li {
font-family:Verdana, Geneva, Tahoma, sans-serif;font-size:small;
    /*list-style:square inside url('../images/flashicon.gif');*/
list-style: none;
	
   /*list-style-image: url('../images/flashicon.gif');*/
	padding-left: 20px;
}

.flashlist li a {
text-decoration:none;
}
.flashlist li a:visited {
}

*:focus { 
	outline: none; 
	}
*::-moz-focus-inner { 
	border: none; 
	}
#navtop {         /*all*/
	/*background-position: 50% top;
	margin-top: -10px;
	margin-left: -10px;*/
	width: 100%;
	height: 70px;
	background-repeat: repeat-x;
	background-image: url('../images/navbar2.png');
	font-family: Verdana, Geneva, Tahoma, sans-serif;
}
#navinnerright p {
	margin: 0;
	font-family: Verdana;
	text-align: center;
	font-size: small;
	color: #000000;
	font-weight: bold;
	padding-top: 20px;
}
#navtop a {
	text-decoration: none;
	color: black;
}
.Sep1 {
}
#navouter /*all*/
{
	width: 1040px;
	margin: 0 auto;
}

.ribbon {
    width:100%;
}
#outer /*all*/{
	width: 1030px;
	margin: 0 auto;
	background-color:white;
	
	/*-moz-box-shadow: 5px 5px 10px #ccc;
	-webkit-box-shadow: 5px 5px 10px #ccc;
	box-shadow: 5px 5px 10px #ccc;*/

}

/*this is side h-offset, v-offset blur spread colour inset;
	but color can be (e.g.) rgba(202,202,202,0.7) where 0.7 is the opacity*/

#bigcentre
/*LDigital LLitho MDigital.htm MLitho.htm product.htm SDigital.htm SLitho.htm: */
 {
	width: 500px;
	height:570px;
    display:inline; 
    position:relative;
	
	float: right; 
	background-color: #E6E6E6;
	margin-top: 21px;
	margin-right:30px;
	border: thin #C6C5C5 solid;
    -moz-box-shadow: 5px 5px 10px #ccc;
	-webkit-box-shadow: 5px 5px 10px #ccc;
	box-shadow: 5px 5px 10px #ccc;
	padding-left: 20px;
	padding-right: 20px;
}

#bigcentre h1 {
 display:inline;  position:relative;
	
	float: right;
	font-size: 140%;
	padding:10px 0px 10px 0px;
	width: 270px; margin-top:60px; margin-left:10px;
	}

#bigcentre h2 {
	margin-top:15px; 
	margin-left:0px;
	}
#bigcentre h2 span {
font-size:80%;
}


#bigcentre p {
   padding:10px 10px 10px 10px;
   font-size:80%;
   }

#leftcommons 
/*LDigital LLitho MDigital.htm MLitho.htm product.htm SDigital.htm SLitho.htm: */
{
display:inline;
   width:240px;
   height: 586px;
   float:left;
  

   }
   
.userpics {
	display:block; 
	float:right; 
	padding:0px 10px 20px 30px; 
	}
/* commons is not used   
#commons {
    width:185px;
    float:left;
    background-color: #FAFAFA;
	border: thin #C6C5C5 solid;
    -moz-box-shadow: 5px 5px 10px #ccc;
	-webkit-box-shadow: 5px 5px 10px #ccc;
	box-shadow: 5px 5px 10px #ccc;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;


   }
   
#commons h1 {
	font-size: 100%;
	padding:20px 10px 10px 10px;
	}


#commons p {
   padding:10px 10px 10px 10px;
   font-size:80%;
   }
*/

/* rightcommons is not used  
#rightcommons {
   width:240px;
   height: 586px;
   float:right;
   }
*/

/*generalcentral not used
#generalcentral {
	background-color:#F8F8F8;
	margin: 0 auto;	
	-moz-box-shadow: 5px 5px 10px #ccc;
	-webkit-box-shadow: 5px 5px 10px #ccc;
	box-shadow: 5px 5px 10px #ccc;
}
*/


#largecentral {
	width: 1050px;
	height: 544px;
	background-color:#F8F8F8;
	margin: 0 auto;
	
	
	-moz-box-shadow: 5px 5px 10px #ccc;
	-webkit-box-shadow: 5px 5px 10px #ccc;
	box-shadow: 5px 5px 10px #ccc;
}

#largecentral p
{
	margin-bottom: 20px;
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 20px;
	font-size: 80%
}

.reftable {
border-width: 0;
width:100%

}
.reftable td{
	vertical-align:top;
	padding-left:20px;
	padding-top:18px;
	padding-bottom:18px;
	padding-right:28px;
	font-size:90%;
		}


#largerleft 
/*about.htm Digital.htm Litho.htm paradox.htm partners.htm Prices.htm Support.htm(65) */

{
	width: 480px;
	height: 611px;
	float: left;
	/*background-image: url('../images/largerpanel3.png');*/
	background-color:#F8F8F8;
	/*background-repeat: no-repeat;*/
	margin-left: 0px;
	margin-bottom: 39px;
	margin-right:70px;
	/*border:medium #C6C5C5 solid;*/
	-moz-box-shadow: 5px 5px 10px #ccc;
	-webkit-box-shadow: 5px 5px 10px #ccc;
	box-shadow: 5px 5px 10px #ccc;
	

}

#largerleft H1 {
	font-family: Verdana;
	float: left;
	margin-left: 40px;
	margin-top: 50px;
	width: 408px;
	height: 55px;
}

#largerleft H2 {
	font-family: Verdana;
	float: left;
	text-align:center;
	margin-left: 20px;
	margin-top: 20px;
	width: 408px;
	
}

#largerleft p {
	font-family: Verdana;
	float: left;
	margin-left: 40px;
	margin-right: 30px;
	margin-top: 15px;
	font-size:80%;
}
#rightwrap
/*about.htm Digital.htm Litho.htm paradox.htm  Prices.htm Support.htm(65) */ {
	float: right;
	margin-top: 0px;
	width: 480px;
	height: 611px;
	background-color: #FFFFFF;
	margin-right: 0px;
		margin-bottom: 38px;

}
/*rightinner3 not used
#rightinner3 {
	width: 480px;
	height: 180px;
	float: left;
	margin-left: 42px;
	margin-bottom: 24px;
	position: relative;

	-moz-box-shadow: 5px 5px 10px #ccc;
	-webkit-box-shadow: 5px 5px 10px #ccc;
	box-shadow: 5px 5px 10px #ccc;


	z-index: 1;
}
*/


#ref_container {
	margin: 0 auto;
	position: relative;
	text-align: left;
	width: 1080px;
	background: #fff;
	margin-bottom: 2em;
}
.ref_content {
    width:1000px;
    float:left;
	position: relative;
	margin: 0 auto; 
	padding-left: 0px; margin-left: 0px;
	background-color: #F8F8F8;
	-moz-box-shadow: 5px 5px 10px #ccc;
	-webkit-box-shadow: 5px 5px 10px #ccc;
	box-shadow: 5px 5px 10px #ccc;
}



#innerright
/* all */ {
	float: right;
	margin-bottom: 3px;
	width: 483px;
	height: 300px;
	background-color: #FFFFFF;
	margin-right: 37px;
	border:medium #C6C5C5 solid;
	-moz-box-shadow: 5px 5px 10px #ccc;
	-webkit-box-shadow: 5px 5px 10px #ccc;
	box-shadow: 5px 5px 10px #ccc;

}
/* not used
#lowertable {
	width: 100%;
	font-family: Verdana;
	font-size: small;
	display: table;
	border-collapse: separate;
	border-width: 20px;
}
*/

/* not used
.underline {
	text-align: left;
	padding-left: 10px;
}
*/
/* not used
th.h4 {
	
	text-align: left;
}
 */
 
#bottomhalf
/*index*/ {
	width: 1139px;
	height: 290px;
	margin: 0 auto;
	margin-top: 0px;
	padding-top: 30px;
	padding-bottom: 30px;
}

/* not used
#bottomcols {
	width: 1030px;
	height: 290px;
	float: left;
	margin-left: 18px;
	margin-right: 18px;
	margin-top: 20px;
	margin-bottom: 20px;
	position: relative;
	z-index: 1;
	border::medium #C6C5C5 solid;
	-moz-box-shadow: 5px 5px 10px #ccc;
	-webkit-box-shadow: 5px 5px 10px #ccc;
	box-shadow: 5px 5px 10px #ccc;

}

*/



/* not used
#imagetext {
	position: absolute;
	top: 5px; 
	width: 175px;
	color: black;
	position: absolute;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-size: medium;
	z-index: 1000;
}
#imagetext3 {
	position: absolute;
	top: 5px; 
	width: 175px;
	color: black;
	position: absolute;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-size: medium;
	z-index: 1000;
}
*/

#bottombar {
	clear: both;
	float: left;
	height: 65px;
	width: 100%;
	background-repeat: repeat-x;
	background-image: url('../images/bottombar2.png');
	margin-top: 5px;
}

#buttonspace {
	width: 1060px;
	margin: 0 auto;
	margin-top: 10px;
}


#img1 {
	margin-left: 16px;
	margin-right: 16px;
}
#img2 {
	margin-left: 16px;
	margin-right: 16px;
}
#img3 {
	margin-left: 16px;
	margin-right: 16px;
}
#img4 {
	margin-left: 16px;
	margin-right: 10px;
}

/* not used
#Keymessage {
	height: 60px;
	background-color: #FFFFFF;
	margin: 20px 15px 5px 15px;
	font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
	font-size: 13pt;
	font-style: normal;
}
#keymessage h1 {
	padding: .4em 15px 0 15px;
	margin: 0;
	font-family: Verdana;
	text-align: left;
	font-style: normal;
	font-weight: normal;
	font-size: 12pt;
}
*/

/* not used
#Rollingfeed {
	font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
	background-color:#C7D7F8
}
*/

#SoloPanel 
/*contact download.aspx*/
{
	border: 0px;
	width: 600px;
	height:634px; 
	background-image: url('../images/largerpanel.png');
	background-repeat: no-repeat;
	margin:0 auto;
   
   	
}

/*download*/
.tabletext td{
	text-align:left;
	height:	22px;
	width: 200px;
	}


.button

/*.internalRightColumn{
	width: 742px;
	background: #FFF url('../images/home/rightTop.jpg') no-repeat top center;
	min-height: 583px !important;
	float: left;
}*/



a.DummyLandscape-btn{
  width: 358px;
  height: 146px;
  background: url('../images/landscape_bigbutton.png');
  display: block;
  text-decoration:none;
  margin-top:13px;
  
 
}
a.DummyLandscape-btn img{
  float: left;
  margin: 15px 15px 0px 15px;
}
a.DummyLandscape-btn p {
  font-size: 12px;
  padding: 10px 20px 0 0;
  margin-right: 5px;
 /* margin-top:15px; this is passed to the <a> outside it !! 
  text-decoration: inherit;*/
  color:#333333
}

a.DummyLandscape-btn p span{
  /*color: #00B259;*/
  text-decoration:inherit;font-weight:bold;
  }



a.DummyLandscape-btn h5{
	margin: 0;
	padding: 13px 0 5px 0;
	margin-right: 10px;
	text-decoration: inherit;
}



a.Landscape-btn{
  width: 358px;
  height: 146px;
  background: url('images/landscape_bigbutton.png');
  display: block;
  text-decoration:none;

}
a:hover.Landscape-btn{
  width: 358px;
  height: 146px;
  background: url('../images/landscape_bigbutton_rollover.png');
  display: block;
}
a.Landscape-btn img{
  float: left;
  margin: 15px 15px 0px 15px;
}
a.Landscape-btn p {
  font-size: 10px;
  padding: 0 20px 0 0;
  margin: 0;
  text-decoration:inherit;
}

a.Landscape-btn p span{
  color: #4c82c7;
  padding-right: 20px;
  background: url('../images/link-triangle.gif') no-repeat top right;
  float: right;
  margin-top: 5px;
  font-size: 12px;
  text-decoration:underline;

}
a.Landscape-btn h5{
	margin: 0;
	padding: 13px 0 5px 0;
	text-decoration: inherit;
}

#largerleft p span{
  color: #4c82c7;
  padding-right: 20px;
  background: url('../images/link-triangle.gif') no-repeat top right;
  float: right;
  margin-top: 5px;
  font-size: 12px;
  text-decoration:underline;

}



.rightLeft-about{
	width: 400px;
	float: left;
	margin-left:0px;
}








.rightLeftText{
	margin: 0px 38px 20px 38px;
	
}
.rightLeftText h5, .rightCol_inset_content /*h5, .internalRightColumn h5{*/
	padding: 20px 0px 15px 0px;
	margin: 0px;
	color: #00b259;
	font: bold 12px/1.4em Verdana, Arial, Helvetica, sans-serif;
}
.rightLeftText p{
	margin: 0px;
	padding: 0px 0px 8px 0px;
	line-height: 1.5em;
	font: normal 12px/1.4em Verdana, Arial, Helvetica, sans-serif;
}
.rightBlue{
	color: #6e93be !important;
}
.rightLeftText a{
	color: #3870c8;
}




a.Portrait-btn{
	width: 195px;
	height: 280px;
	background: url('../images/Portrait_bigbutton.png');
	display: block;
	text-decoration: none;
	padding-left: 0;
	padding-right: 0;
	margin-left: 8px;
	margin-right: 6px;
	margin-top: 10px;
}
a:hover.Portrait-btn{
  width: 195px;
  height: 280px;
  background: url('../images/Portrait_bigbutton_rollover.png');
  display: block;
}
a.Portrait-btn img{
  float: left;
  margin: 17px 15px 10px 27px;
}
a.Portrait-btn p {
  font-size: 10px;
  padding: 0px 20px 0 25px;
  margin: 0;
  text-decoration:inherit;
}

a.Portrait-btn p span{
  color: #4c82c7;
  padding-right: 20px;
  background: url('../images/link-triangle.gif') no-repeat top right;
  float: right;
  margin-top: 5px;
  font-size: 12px;
  text-decoration:underline;

}
a.Portrait-btn h5{
	margin: 0x;
	padding: 0 0 5px 25px;
	text-decoration: inherit;
}
#footer {
	background-color: white; 
	color: gray; 
	font-family: Verdana; 
	text-align: center;
	font-size:xx-small;
	text-decoration:none;
	width:100%;
	margin: 0 auto;
}
#Tutorial {
	background-color: white; 
	color: gray; 
	font-family: Verdana; 
	text-align: center;
	width:100%;
	margin: 0 auto;
}

