body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,
blockquote,th,td {margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
q:before,q:after { content:""; }
abbr,acronym { border:0; }

html {font-size:62.5%}

BODY {	PADDING: 0px; MARGIN: 0px; font: 1.1em/1.4em verdana, arial, helvetica, sans-serif; color: #111; background-color: #fff;    }
TITLE { PADDING: 0px; FONT-WEIGHT: 900; FONT-SIZE: 2.4em; MARGIN: 0px 0px 15px; COLOR: #aaa; }

H1 { 	PADDING: 0px; FONT: bold 2.2em/1.2em arial, helvetica, sans-serif; 	MARGIN: 5px 0px 15px; COLOR: #731;  
	text-shadow: 2px 2px 3px #999;	}
H2 {	PADDING: 0px; FONT: bold 1.8em/1.2em arial, helvetica, sans-serif; 	MARGIN: 0px 0px 15px; COLOR: #731;		
	text-shadow: 2px 2px 3px #aaa;	}
H3 {	PADDING: 0px; FONT: bold 1.6em/1.2em arial, helvetica, sans-serif; 	MARGIN: 0px 0px 10px; COLOR: #731; 	
	text-shadow: 2px 2px 3px #bbb;	}
H4 {	PADDING: 4px 1px 4px 1px; FONT: bold 1.3em/1.2em arial, helvetica, sans-serif; 	MARGIN:7px 0px 7px 0px;  COLOR: #731; border-bottom: 1px solid #dcb;		}

H5 {	PADDING: 3px; FONT: bold 1.6em/1.2em verdana, arial, helvetica, sans-serif; MARGIN: 0px 30px 0px 0px; 
	color: #999; background-color:  #fff;border-bottom: 0px solid #ddd;	}

H6 {	PADDING: 3px; FONT: italic 1.5em/1.2em Georgia, arial, helvetica, sans-serif; MARGIN: 0px 10px 0px 0px; 
	color: #777	; background-color:  #fff;border-bottom: 0px solid #ddd;	}


P {	PADDING: 0px; font: 1.1em/1.4em verdana, arial, helvetica, sans-serif;  }
table {FONT: 1.1em/1.6em verdana, arial, helvetica, sans-serif; }
table th {background-color: #edc; border-bottom: 1px solid #aaa; border-top: 1px solid #aaa; }

img {	text-decoration: none; border-bottom: none;border:0;	}

A {		text-decoration: none; font-weight:bold; }
A:link {	COLOR: #b44; PADDING: 0px; }
A:visited {	COLOR: #b44;PADDING: 0px; 	}
A:hover {	COLOR: #f00; TEXT-DECORATION: underline; border-bottom: none;;PADDING: 0px; 	
		text-shadow: 0px 0px 2px #ffaa66;  /* opera 9.5: text-shadow: 0px 0px 2px #ffaaaa;  */  }

a.web:link 	{COLOR: #5082d8; PADDING: 0px; }
a.web:visited	{COLOR: #5082d8;PADDING: 0px; 	}
a.web:hover 	{COLOR: #00f; TEXT-DECORATION: underline; border-bottom: none;;PADDING: 0px; 	
		text-shadow: 0px 0px 2px #ffaa66;  /* opera 9.5: text-shadow: 0px 0px 2px #ffaaaa;  */  }

a.footer		{text-decoration: none; font-weight:normal;FONT: 0.9em/1.2em verdana, arial, helvetica, sans-serif; }
a.footer:link 	{COLOR: #888; PADDING: 0px; }
a.footer:visited	{COLOR: #888;PADDING: 0px; 	}
a.footer:hover 	{COLOR: #77f; TEXT-DECORATION: underline; border-bottom: none;;PADDING: 0px; 	 
			text-shadow: 0px 0px 2px #ccc;  /* opera 9.5: text-shadow: 0px 0px 2px #ffaaaa;  */  }




a.pdf:link 	 {COLOR: #b0b; PADDING: 0px; background-image: url('PpcSoft/Grafikk/pdf.gif') ; padding-top:20px; padding-left: 18px; 
							 background-repeat:no-repeat; background-position:bottom left; }
a.pdf:visited{COLOR: #b0b;PADDING: 0px; background-image: url('PpcSoft/Grafikk/pdf.gif') ; padding-top:20px; padding-left: 18px; 
							 background-repeat:no-repeat; background-position:bottom left; }

a.pdf:hover 	 {COLOR: #f0f; TEXT-DECORATION: underline; border-bottom: none;;PADDING: 0px; 		
							background-image: url('PpcSoft/Grafikk/pdf.gif') ; padding-top:20px; padding-left: 18px; 
							 background-repeat:no-repeat; background-position:bottom left; 
		text-shadow: 0px 0px 2px #ffaa66;  /* opera 9.5: text-shadow: 0px 0px 2px #ffaaaa;  */  }



.content {	padding: 0px 1px 5px 10px; 	z-index: 4;margin: 0px 10px 0px 200px; 
		position: relative; background-color: white; top: 0px;	width:550px;	}

.banner{	FONT: bold 16px arial, helvetica, sans-serif; width: auto; color: #fb5; 
		position: absolute; top: 0px; padding-left:340px; padding-top: 35px; white-space:nowrap;	
}

.banner li	{ display:inline; list-style-type:none; }


.blank table{FONT: 1.1em/1.6em verdana, arial, helvetica, sans-serif; padding:10px; text-decoration:underline;}


#download .download, #products .products, #support .support, #about .about 
{ COLOR: #fb5; text-decoration:underline;}


.tittel		{ COLOR: #fff; text-shadow: 0px 0px 2px #ffaa66; }
.tittel li		{ display:inline; list-style-type:none; }
A.tittel 		{ COLOR: #fff; text-shadow: 0px 0px 8px #ffaa66;  }
A.tittel:link 	{ COLOR: #fff; text-shadow: 0px 0px 8px #f70; }
A.tittel:visited 	{ COLOR: #fff; text-shadow: 0px 0px 8px #f70;  }
A.tittel:hover 	{ COLOR: #ea4; text-decoration:underline; text-shadow: 0px 0px 0px #000;  }


.leftlink		{ COLOR: #b44; }
A.leftlink		{ COLOR: #b44; }
A.leftlink:link	{ COLOR: #b44; }
A.leftlink:visited	{ COLOR: #b44; }
A.leftlink:hover	{ COLOR: #f00; text-decoration:underline; }


.selected		{ COLOR: #000; }
A.selected		{ COLOR: #000; }
A.selected:hover	{ COLOR: #000; text-decoration:none;}

#products-overview .products-overview, #products-tour .products-tour, #products-features .products-features, #products-screenshots .products-screenshots, #products-benefits .products-benefits, #products-usage .products-usage, #products-price .products-price,
#about-overview .about-overview, #about-philosophy .about-philosophy, #about-history .about-history, #about-customers .about-customers, #support-overview .support-overview, #support-faq .support-faq, #support-contactus .support-contactus, #support-help .support-help, #download-iknow .download-iknow, #download-eula .download-eula, #download-resources .download-resources, #download-beta .download-beta
{ COLOR: #000; text-decoration:none; FONT: bold 1.4em/1.0em arial, helvetica, sans-serif;  
}

/*		Failed IE 6 (Firefox / Opera  OK)
{ 
		COLOR: #000; text-decoration:none; FONT: bold 1.4em/1.0em arial, helvetica, sans-serif;  
		background-image: url('PpcSoft/Grafikk/left-active.gif') ; 
	 	background-repeat:no-repeat; background-position:0px 0px; padding:4px 180px 8px 18px;
		margin: 0px 0px 0px -18px; white-space:nowrap;
}
*/


.leftFrame {	 z-index: 4; 	left: 10px;  position: absolute; top: 100px; height: 600px; width: 180px; padding: 0px; 
		voice-family: inherit; 
		background-image: url('PpcSoft/Grafikk/left-separator.gif') ; 
		 background-repeat:no-repeat; background-position:top right; }

.LeftMenu {	padding: 0px; z-index: 3; left: 0px; width: auto; height:auto; padding-right: 10px;
		position: relative; top: 0px; voice-family: inherit; }

.LeftMenu p { FONT: 1.0em/1.6em verdana, arial, helvetica, sans-serif;  }

.rightMenu p { FONT: 1.0em/1.6em verdana, arial, helvetica, sans-serif;  }


.rightmenu {	FONT: 12px arial, helvetica, sans-serif; width: 200px; color: #999; 
		position: absolute; top: 90px; left:790px;border-left: 1px dotted; padding-left: 20px; border-color: #ddd;}


.rightmenu H4 {	PADDING: 4px 1px 4px 1px; FONT: bold 1.3em/1.2em arial, helvetica, sans-serif; 	MARGIN:7px 0px 7px 0px;  COLOR: #b64; border-bottom: 1px solid #dcb;		}

.rightmenu H9 {	FONT: bold  0.9em/1.1em arial, helvetica, sans-serif; color: #bbb; }

.rightmenu a:link 	{COLOR: #c99; PADDING: 0px; }
.rightmenu a:visited	{COLOR: #c99;PADDING: 0px; 	}
.rightmenu a:hover 	{COLOR: #c44; TEXT-DECORATION: underline; border-bottom: none;;PADDING: 0px; 	
		text-shadow: 0px 0px 2px #bbb;  /* opera 9.5: text-shadow: 0px 0px 2px #ffaaaa;  */  }






.box50 {	BORDER: solid 1px #d2d2d2; BACKGROUND-COLOR: #ffffe0; 	PADDING: 10px;
		WIDTH: 50%; LEFT: 0px;RIGHT: 0px; POSITION: relative; TOP: 0px; voice-family: inherit;	}

.box80 {	BORDER: solid 1px #d2d2d2; BACKGROUND-COLOR: #ffffe0; 	PADDING: 10px;
		WIDTH: 80%; LEFT: 0px;RIGHT: 0px; POSITION: relative; TOP: 0px; voice-family: inherit;	}

.box100 {	BORDER: solid 1px #d2d2d2; BACKGROUND-COLOR: #ffffe0; 	PADDING: 10px;
		WIDTH: 95%; LEFT: 0px;RIGHT: 0px; POSITION: relative; TOP: 0px; voice-family: inherit;	}


.item p {	FONT: 1em/1.4em verdana, arial, helvetica, sans-serif;  
		background-image:url(PpcSoft/Grafikk/item.png) ; 
		background-repeat:no-repeat; background-position:left; 
		margin-left:1px; padding: 2px 0px 2px 15px; }

.item2 p {	FONT: 1em/1.4em verdana, arial, helvetica, sans-serif;  
		background-image:url(PpcSoft/Grafikk/item2.png) ; 
		background-repeat:no-repeat; background-position:left; 
		margin-left:1px; padding: 2px 0px 2px 20px; }



.list p {	FONT: 1em/1.4em verdana, arial, helvetica, sans-serif;  
		background-image:url(PpcSoft/Grafikk/list.png) ; background-repeat:no-repeat; background-position:left; 
		margin-left:1px; padding: 2px 0px 2px 15px; }

.listdown p {	FONT: 1em/1.4em verdana, arial, helvetica, sans-serif;  
		background-image:url(PpcSoft/Grafikk/list-down.png) ; background-repeat:no-repeat; background-position:left; 
		margin-left:1px; padding: 2px 0px 2px 15px; }



.navScreenshot { padding: 0px 0px 0px 5px; BORDER: none; Z-INDEX: 3; RIGHT: 5px; width: 210px; 
	 position: relative; top: 0px; background-color: #fff	; voice-family: inherit
}
.navTopp { padding: 0px 0px 0px 0px; border: none; 	z-index: 0; 
		left: 0px; width: 1024px; position: absolute; top: 00px; height: 65px; voice-family: inherit
}

.fargeboks{	padding: 10px 20px 5px 10px; z-index: 3; BORDER: black 1px solid; 
		FONT: 1.1em/1.6em verdana, arial, helvetica, sans-serif; COLOR: #000; BACKGROUND:#ffA; 
		width: auto;  position: relative; background-color: yellow; 	}


.ErrorBox {    BORDER: red 2px solid; FONT-SIZE: 0.9em; WIDTH: 400px; COLOR: black;
		FONT-FAMILY: Verdana, 'Lucida Console', 'Courier New', Arial;		}



.dynamicBox{	padding: 1px 1px 1px 1px; z-index: 2; BORDER: black 0px solid; 
		FONT: 1.1em/1.6em verdana, arial, helvetica, sans-serif; COLOR: #000; 
		width: auto; height: auto;  position: relative; overflow: visible; clear: both;  	}

.dynamicContent{	padding: 20px 20px 15px 30px; z-index: 3; BORDER: black 0px solid; 
		FONT: 1.0em/1.5em verdana, arial, helvetica, sans-serif; COLOR: #777; overflow: visible; clear: both;  
		width: 450px; height: 400px; position: relative; background-image: url(PpcSoft/Grafikk/borderBox400.gif); background-repeat:no-repeat;	}

.dynamicContent350{	padding: 20px 20px 15px 30px; z-index: 3; BORDER: black 0px solid; 
		FONT: 1.0em/1.5em verdana, arial, helvetica, sans-serif; COLOR: #777; overflow: visible; clear: both;  
		width: 450px; height: 350px; position: relative; background-image: url(PpcSoft/Grafikk/borderBox350.gif); background-repeat:no-repeat;	}


.dynamicBox h6 { float: left; margin: 0; border: solid #000; border-width: 0px 0px 0 0; font-size: 1em; padding-top: 10px; padding-left: 20px; 
}


/* **********************************************
	BIG BUTTONS 
   **********************************************
*/

.bigbuttons a, .bigbuttons button{
    display:block;
    float:left;
    margin:0 7px 0 0;
    background-color:#f5f5f5;
    border:1px solid #ccc;
    border-top:1px solid #dedede;
    border-left:1px solid #dedede;
    font-family:Tahoma, Arial, Verdana, sans-serif;
    font-size:1.2em;
    line-height:1.6em;
    text-decoration:none;
    color:#565656;
    cursor:pointer;
    padding:15px 20px 16px 17px; /* Links */
    font-weight:bold;
    text-shadow: 1px 1px 1px #ddd;
}
/* IE7 */
* + html .bigbuttons a, .bigbuttons button{ 
    display:block;
    float:left;
    margin:0 7px 0 0;
    background-color:#f5f5f5;
    border:1px solid #ccc;
    border-top:1px solid #dedede;
    border-left:1px solid #dedede;
    font-family:Tahoma, Arial, Verdana, sans-serif;
    font-size:1.0em;
    line-height:1.4em;
    text-decoration:none;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; 
    font-weight:bold;
    text-shadow: 1px 1px 1px #ddd;
}

.bigbuttons button{
    width:auto;
    overflow:visible;
    padding:14px 20px 13px 17px; /* IE6 */
}
.bigbuttons button[type]{
    padding:15px 20px 15px 17px; /* Firefox */
    line-height:27px; /* Safari */
}
*:first-child+html button[type]{
    padding:7px 10px 7px 8px; /* IE7 */
}


.bigbuttons button img, .bigbuttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}


/* STANDARD */

button.BBstandard, .bigbuttons a.BBstandard, a.BBstandard:visited{
    color:#369;
    padding:15px 20px 16px 17px; /* IE 6*/
}
.bigbuttons a.BBstandard:hover, button.BBstandard:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    padding:15px 20px 16px 17px; /* IE 6*/
    text-decoration:none;
  
    color:#336699;
}
.bigbuttons a.BBstandard:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* POSITIVE */

button.BBpositive, .bigbuttons a.BBpositive, a.BBpositive:visited{
    color:#529214;
    padding:15px 20px 16px 17px; /* IE 6*/
}
.bigbuttons a.BBpositive:hover, button.BBpositive:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    padding:15px 20px 16px 17px; /* IE 6*/
    color:#529214;
}
.bigbuttons a.BBpositive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

/* NEGATIVE */

.bigbuttons a.BBnegative, button.BBnegative, a.BBnegative:visited{
    color:#d12f19;
    padding:15px 20px 16px 17px; /* IE 6*/
}
.bigbuttons a.BBnegative:hover, button.BBnegative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    padding:15px 20px 16px 17px; /* IE 6*/
    color:#d12f19;
}
.bigbuttons a.BBnegative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}



/* SELECTED */

button.BBselected, .bigbuttons a.BBselected, a.BBselected:visited{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
    padding:15px 20px 16px 17px; /* IE 6*/
}
.bigbuttons a.BBselected:hover, button.BBselected:hover{
    background-color:#6299c5;
    border:1px solid #000;
    color:#000;
    padding:15px 20px 16px 17px; /* IE 6*/
    text-decoration:none;
}
.bigbuttons a.BBselected:active{
    background-color:#E6EFC2;
    border:1px solid #529214;
    text-decoration:none;
    color:#fff;
}


















/* **********************************************
	SMALL BUTTONS 
   **********************************************
*/

.smallbuttons a, .smallbuttons button{
    display:block;
    float:left;
    margin:0 7px 0 0;
    background-color:#f5f5f5;
    border:1px solid #ccc;
    border-top:1px solid #dedede;
    border-left:1px solid #dedede;
    font-family:Tahoma, Arial, Verdana, sans-serif;
    font-size:1.1em;
    line-height:1.4em;
    text-decoration:none;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
    font-weight:normal;
    text-shadow: 1px 1px 1px #ddd;
}

/* IE7 */
* + html .smallbuttons a, .smallbuttons button{
    display:block;
    float:left;
    margin:0 7px 0 0;
    background-color:#f5f5f5;
    border:1px solid #ccc;
    border-top:1px solid #dedede;
    border-left:1px solid #dedede;
    font-family:Tahoma, Arial, Verdana, sans-serif;
    font-size:1.0em;
    line-height:1.2em;
    text-decoration:none;
    color:#565656;
    cursor:pointer;
    padding:3px 5px 3px 4px; /* Links */
    font-weight:normal;
    text-shadow: 1px 1px 1px #ddd;
}

.smallbuttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.smallbuttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:27px; /* Safari */
}
*:first-child+html button[type]{
    padding:2px 5px 2px 4px; /* IE7 */
}
.smallbuttons button img, .smallbuttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}


/* STANDARD */

button.SBstandard, .smallbuttons a.SBstandard, a.SBstandard:visited{
    color:#369;
    padding:5px 10px 6px 7px; /* IE 6*/
}
.smallbuttons a.SBstandard:hover, button.SBstandard:hover{
    background-color:#fdb;
    border:1px solid #eb7;
    padding:5px 10px 6px 7px; /* IE 6*/
    text-decoration:none; 
    color:#147;
}
.smallbuttons a.SBstandard:active{
    background-color:#ea6;
    border:1px solid #6299c5;
    color:#fff;
}



/* SELECTED */

button.SBselected, .smallbuttons a.SBselected, a.SBselected:visited{
    background-color:#eb7;
    border:1px solid #da6;
    color:#222;
    padding:5px 10px 6px 7px; /* IE 6*/
}
.smallbuttons a.SBselected:hover, button.SBselected:hover{
    background-color:#ea6;
    border:1px solid #000;
    color:#000;
    padding:5px 10px 6px 7px; /* IE 6*/
    text-decoration:none;
}
.smallbuttons a.SBselected:active{
    background-color:#E6EFC2;
    border:1px solid #529214;
    text-decoration:none;
    color:#fff;
}






/* **********************************************
	HIGHLIGHT KEYBOARD SHORTCUTS   
   **********************************************
*/

b.kb {
    background-color:#dcb;
    border:1px solid #ca8;
    border-top:1px solid #fed;
    border-left:1px solid #fed;
    color:#222;
    padding:1px 5px 1px 5px; /* Links */
    margin:0 1px 0 1px;
}


.pullquote {
	padding: 10px;
	float: right;
	width: 200px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 10px;
	border-top-width: 4px;
	border-bottom-width: 4px;
	border-top-style: double;
	border-bottom-style: double;
	border-top-color: #694e1c;
	border-bottom-color: #694e1c;
	font-size: 14px;
	text-align: center;
	line-height: 24px;
	font-family: Helvetica, Arial, sans-serif;
	font-style: italic;
	font-weight: bold;
}

/* **********************************************
	DOWNLOAD
   **********************************************
*/

td.shadow-r
{
	background-image: url('PpcSoft/Grafikk/shadow-right-200.png') ; 
	 background-repeat:no-repeat; background-position:left;
}

td.shadow-l
{
	background-image: url('PpcSoft/Grafikk/shadow-left-200.png') ; 
	 background-repeat:no-repeat; background-position:right;
}






.yellownoteSmall {
	padding: 20px 30px 0px 40px;
	margin: 5px -25px 5px 0px;
	float: right;
	width: 130px;	height: 200px;
	border: 0px none #fff;
	text-align: left;
	font: normal 0.9em Arial, Helvetica, sans-serif;
	background-image: url('PpcSoft/Grafikk/yellow-note-small.jpg') ; 
	background-repeat:no-repeat; background-position:top left; 
}

.yellownoteMedium {
	padding: 20px 30px 0px 50px;
	margin: 5px -25px 5px 0px;
	float: right;
	width: 160px;	height: 240px;
	border: 0px none #fff;
	text-align: left;
	font: normal 0.9em Arial, Helvetica, sans-serif;
	background-image: url('PpcSoft/Grafikk/yellow-note-medium.jpg') ; 
	background-repeat:no-repeat; background-position:top left; 
}


.yellownoteLarge {
	padding: 30px 40px 0px 55px;
	margin: 5px -25px 5px 0px;
	float: right;
	width: 185px;	height: 285px;
	border: 0px none #fff;
	text-align: left;
	font: normal 0.9em Arial, Helvetica, sans-serif;
	background-image: url('PpcSoft/Grafikk/yellow-note-large.jpg') ; 
	background-repeat:no-repeat; background-position:top left; 
}



.postitSmall {
	padding: 50px 30px 0px 40px;
	margin: 5px -25px 5px 0px;
	float: right;
	width: 130px;	height: 140px;
	border: 0px none #fff;
	text-align: left;
	font: normal 0.9em Arial, Helvetica, sans-serif;
	background-image: url('PpcSoft/Grafikk/post-it-small.jpg') ; 
	background-repeat:no-repeat; background-position:top left; 
}



.postitMedium {
	padding: 65px 40px 0px 50px;
	margin: 5px -25px 5px 0px;
	float: right;
	width: 160px;	height: 185px;
	border: 0px none #fff;
	text-align: left;
	font: normal 0.9em Arial, Helvetica, sans-serif;
	background-image: url('PpcSoft/Grafikk/post-it-medium.jpg') ; 
	background-repeat:no-repeat; background-position:top left; 
}


.postitLarge {
	padding: 75px 50px 0px 60px;
	margin: 5px -25px 5px 0px;
	float: right;
	width: 190px;	height: 205px;
	border: 0px none #fff;
	text-align: left;
	font: normal 0.9em Arial, Helvetica, sans-serif;
	background-image: url('PpcSoft/Grafikk/post-it-large.jpg') ; 
	background-repeat:no-repeat; background-position:top left; 
}