body {
	background: #FFFFFF;
	margin: 	0px;
	padding: 	0px;
    text-align: center;
    width: 100%;
}

body * {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

div.gradient {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    background: url(../img/bg_1244.gif);
    background-position: top center;
    background-repeat: repeat-y;
}

div.content {
    width: 952px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    background: #FFFFFF;
    position: relative;
    min-height	: 670px;
    padding-bottom: 10px;
}

/* ---------- header ----------- */

#header {
	background:	url(../img/header.jpg);
	height:		53px;
	margin: 	0 auto;
	width:		920px;
}
#header h1 {
	background:	url(../img/logo.gif) no-repeat;
	float:		left;
	height:		53px;
	margin:		0px;
	padding:	0px;
	text-indent:-1000px;
	width:		185px;
}

	/* ---------- menu ----------- */

	#navibar *, #internal_sub * { margin: 0; padding: 0; }
	#navibar a, #internal_sub a { display: block; }
	#navibar {
		background:	url(../img/navbar.gif);
		font-size: 	10px;
		height:		41px;
		margin: 	0 auto;
		margin-top:	13px;
		width:		920px;
	}

	#navibar ul {
		float:			left;
		margin:			0px 0px 0px 8px;
		padding:		0px 0px 0px 0px;
		list-style:		none;
	}

	#navibar ul li {
		display: 	inline;
		list-style:	none;
		float: 		left;
		height: 	1%;
	}

	#navibar ul li a {
	/* fix IE6 */
		display: 	inline;
		list-style:	none;
		float: 		left;
	/* end fix IE6 */
		border: 1px solid #FFFFFF;
		border-left: 1px solid #e7e7e7 ;	
		border-bottom: 1px solid #6697BF;
		padding : 5px 14px 0px 14px;
		color : #5b5b5b;
		height : 20px;
		font-weight : normal;
		text-align : center;
		text-decoration : none;
	}

	a.home 		{ border-left: 1px solid #FFFFFF !important; }
	a.products  { border-left: 1px solid #e7e7e7; }
	a.features  { border-left: 1px solid #e7e7e7; }
	a.downloads { border-left: 1px solid #e7e7e7; }
	a.buy 		{ border-left: 1px solid #e7e7e7; }
	a.support 	{ border-left: 1px solid #e7e7e7; }
	a.stories2  { border-left: 1px solid #e7e7e7; }
	a.aboutus 	{ border-left: 1px solid #e7e7e7; }

	.current, a.home:hover, a.products:hover, a.features:hover, a.downloads:hover, a.buy:hover, a.support:hover, a.stories2:hover, a.aboutus:hover {
		background	  :	#FFFFFF;
		border 		  : 1px solid #6697BF !important; 
		border-bottom : 1px solid #FFFFFF !important;
		color 		  : #0066A2 !important;
	}

	/* ---------- ends menu ----------- */

#lang { float:	right; 	margin: 10px 20px; }
#lang select {	font-size: 9px; }

#print {
	position: absolute;
	font-size: 10px;
	top: 65px;
	left: 860px;
}
#print a {
	color : #5b5b5b;
	text-decoration: none;
	font-weight: normal;
}
#print a:hover {
	color : #0066A2;
	font-weight: bold;
}
#print a img { border: 0px }

	/* ---------- ends header ----------- */

div.leftmost{ 
    margin-top: 20px;
	width: 745px;
    float: left;
}

div.left {
    text-align: center;
    float: left;
}

#left {
	float: left;
	text-align: center;
	width: 196px;
}

#right {
	float: right;
    margin-top: 20px;
	padding-right: 5px;
	text-align: center;
	width: 198px;
}
#right #scrollnews, #right #flash_presentations, #right #campaign {
	margin: 0 auto;
	margin-top: 20px;
}



div.right {
    text-align: center;
    float: right;
}

div.main {
    text-align: center;
    position: relative;
    float: right;

	border-left:	1px dashed #CECECE;
	border-right:	1px dashed #CECECE;
	margin:			0 auto;
	width:			540px;
}
/* ---- footer ------- */
div.footer {
    margin-left: auto;
    margin-right: auto;
    clear: both;
}


#footer {
	border-top: 1px dashed #FFFFFF;
	color: #FFFFFF;
	font-size: 9px;
	margin: 0 auto;
	margin-top: 10px;
	padding: 5px;
	position: relative;
	text-align:center;
	width:		942px;

}
#footer a {
	color: #FFFFFF;
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
}

/* ---- ends footer ------- */

div.spacer { height: 60px; }

div.sectionContent {
    margin-left: auto;
    margin-right: auto;
    width: 90%;
    text-align: left;
}

/* --- body home ---*/

#main_home {
	float		: left;
	margin		: 10px 0px 10px 15px;
	_margin		: 10px 0px 10px 7px;
	width		: 730px;
	min-height	: 670px;
	border-right: 1px dashed #CECECE;
}
#stories {
	height:	172px;
	margin: 0px 0px 15px 0px;
}
#right_home {
	float: right;
	min-height: 670px;
	margin: 10px 15px 10px 0px;
	_margin: 10px 7px 10px 0px;
	text-align: center;
	width: 190px;
	_width: 160px;
}
#right_home img {
	margin-top: 9px;
}
#scrollnews {
	background: url(../img/scroll-news.gif);
	color: #707070;
	font-size: 11px;
	height: 162px;
	line-height: 13px;
	margin: 0 auto;
	margin-bottom: 6px;
	overflow: hidden;
	padding-top: 10px;
	text-align: left;
	text-decoration: none;
	font-weight: normal;
	width:	173px;
}
#scrollnews .headline {
	margin: 0px 10px 10px 10px;
}
#scrollnews a {
	font-weight : normal;
	color: #0066A2;
	text-decoration: none;
}
#scrollnews ul {
	list-style:	none;
	margin:		0px 0px 0px 8px;
	padding:	0px 0px 0px 0px;
}

#scrollnews ul li {
	width: 150px;
	border-bottom: 1px dashed #CECECE;	
	display: table;
	padding: 5px;
}
#scrollnews a:hover {
	font-weight : bold;
	color: #0066A2;
}

#texthome_container {
	background:	url(../img/text_home.gif);
	float:		left;
	height:		478px;
	overflow:	hidden;
	width:		335px;
}
#texthome {
	height:		468px;
	overflow:	auto;
	padding:	5px 10px 5px 15px;
	width:		310px;
	
}
#texthome h3, h2 {
	color:			#0066A2;
	font-size:		20px;
	line-height:	20px;
	padding:		0px;
	text-align:		left;
	font-weight: 	normal;
	padding: 		0px;
}
.ingress {
	font-size:		13px;
	line-height:	17px;
	color:			#0066A2;
	text-align:		left;
}
.subheadline1 {
	font-size:		12px;
	line-height:	15px;
	color:			#0066A2;
	text-align:		left;
	font-weight:	bold;
}
.subheadline2 {
	color:			#2b2b2b;
	font-size:		11px;
	font-weight:	bold;
	line-height:	17px;
	text-align:		left;
}
.text1 {
	font-size: 11px;
	line-height: 17px;
	color: #2b2b2b;
}
.text2 {
	font-size: 11px;
	line-height: 17px;
	color: #0066A2;
}
.link {
	color:			#0066A2;
}
#reasons {
	background: #D3D3D3;
	margin:		0px 10px;
	float:		right;
	height:		270px;
	width:		370px;
}
/* ----------------------- FLASH PRESENTATIONS ----------------------- */

#flash_presentations, #campaign {
	background:		url(../img/campaign.jpg) no-repeat;
	color: 			#0066A2;
	float:			left;
	font-size: 		12px;
	height:			178px;
	line-height: 	13px;
	margin:			20px 10px 0px 15px;
	padding:		5px;
	text-align: 	center;
	width:			163px ;

}
#flash_presentations {

	float:	right;
	_float:	none; /* IE FIX */
	margin:	20px 10px 0px 0px;
}

#right #flash_presentations{
		float:	none;
}
/* FLASH PRESENTATIONS, title (use this also in Small campaign headline) */

#flash_presentations h3, #campaign h3 {
	color: 			#0066A2;
	font-size: 		17px;
	font-weight:	normal;
	line-height: 	18px;
	_padding-top:	15px;
	text-align:		center;
}
/* FLASH PRESENTATIONS, link */

#flash_presentations a, #campaign a {
	text-decoration: none;
	font-weight: normal;
	color: 			#0066A2;
}

#flash_presentations a:hover, #campaign a:hover {
	font-weight: bold;
}

/* FLASH PRESENTATIONS, grey info text: */

.textcamp, .infocamp {
	font-size: 	11px;
	line-height: 	12px;
	color: 		#707070;
	text-align:	center;
}

.infocamp {
	margin: 5px 5px 15px 5px;
	padding: 5px;
	border-bottom: 1px dashed #CECECE;
}

div.clearing { clear: both; }

#internal_sub {
	background:		url(../img/subinteral.jpg) no-repeat;
	margin-left:	17px;
	text-align:		left;
	height:			300px;
}

.current_sub , #internal_sub a:hover{

	background:		url(../img/internal_sub_hover.gif) no-repeat !important;
	background-position: -8px 0px !important;
	color : #0066A2 !important;
	font-weight:	bold !important;
	border-bottom : 1px solid #ECECEC;
}

#internal_sub ul {
	list-style:		none;
}

#internal_sub ul li{
	padding-left: 3px;
}

#internal_sub a {
	color:			#5b5b5b;
	display:		table;
	font-size:		10px;
	font-weight:	normal;
	padding:		5px 5px 5px 28px;
	text-decoration:none;
	width:			135px;
	clear:			both;
}

#internal_sub h3 {
	color:			#0066A2;
	font-size:		11px;
	font-weight:	bold;
	padding:		22px 10px 10px 18px;
}

/* -- EXTRA CONTENT STYLES IN FRONT PAGE (home.asp):
FRONT PAGE/ SUCCESS STORY (text) --*/

#stories_content .text1 {
	font-style:		italic;
	font-size:		11px;
	line-height:	12px;
	color:			#606060;
	text-align:		center;
}
#stories_content .text2 {
	font-size:		11px;
	line-height:	14px;
	color:			#0066A2;
	text-align:		center;
}
#stories_content .text3 {
	font-style:		italic;
	font-size:		11px;
	line-height:	12px;
	text-align:		center;
}
/* -- FRONT PAGE/ SUCCESS STORY (person's name) --*/
.personsname {
	font-size:		10px;
	line-height:	12px;
	color:			#0066A2;
	text-align:		center;
}
/*-- DEFAULT BODY TEXT LINK (check the functions from file motive.css and just change the colors)  --- */
#stories_content p.link {
	text-align: right;
	margin-top:25px
}
#stories_content .link {
	font-size:	11px;
	color:		#0066A2;
	line-height:	14px;
	text-decoration: none;
	font-weight: normal;
}
#stories_content .link:hover {
	font-weight: bold;
}


.display {
	margin:15px;
}
.display h3 {
	color: #FFFFFF;
	font-size: 19px;
	margin: 30px 0px 0px 0px;
	padding: 0px;
}
.white_text {
	color: #FFFFFF;
	font-size: 12px;
	margin-top: 0px;
}
.smalltext {
	font-size: 8px
}
.text2 {
	font-size: 14px;
}
.formfield {
	background: url(../img/bg_formfield.gif) no-repeat;
	width:		319px;
	height:		26px;
	text-align: center;
}
.formfield .inputtext {
	font-size: 11px;
	border: 0px;
	width: 95%;
}
.green_arrow {
	cursor: pointer;
	font-weight: bold;
	background: url(../img/greenarrow.gif) no-repeat;
	border: 0px;
	height: 36px;
	padding: 0px 0px 0px 40px;
	*padding: 0px 0px 0px 20px;
 }
 

#content h2 {
	margin: 0 auto;
	padding: 0px;
 	font-size: 20px;
	line-height: 20px;
	font-weight: normal;	
}

#content .link, #content .link2 {
	font-size: 11px;
	font-weight: normal;
	text-decoration:underline;
}

.link2{

	color:		#0066A2;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
}

.link2:hover{
	text-decoration: underline;
}

.writer{
	color: #5B5B5B;
	font-size: 9px;
}

.italic{
	font-style:		italic;
	font-size:		12px;
	line-height:	17px;
	color:			#5B5B5B;

}

.blue{
	background: #006AA9;
	color: #FFFFFF;
	font-size:10px;
	padding:5px;
}

.blue a{
	color: #FFFFFF;
	text-decoration: none;
}

.blue a:hover{
	color: #FFFFFF;
	text-decoration: underline;
}


/* buy settings */
#buy_background {
	text-align:	center;
	position: 	absolute;
	width: 		100%;
	height: 	100%;
	top: 		0;
	left: 		0;
	overflow: 	hidden;
	z-index: 	1;
/*	background: url(../img/bg_buy.gif); */
}

/* #buy_content{ margin:30px 20px 20px 20px;} *?
#buy_content{

    margin:30px ;
    text-align: left;
}


#buy_content h3{ 
    margin: 0px;
	padding: 0px;
	font-size:12px; 
	color: #4392bc;
}
.buy {
    background: #FFFFFF;
}

.link_info{ 
	font-size: 11px; 
	font-weight: normal; 
	color: #83b3ec
} 

.input_buy, .input_buy_sn {
	border: 1px solid #4392bc;
	font-size: 12px;
}

.input_buy{
	text-align: right;
}

/* ------------------------- buy header -------------------------*/

#buy_header h1 {
	background: url(../img/buy_logo.gif);
	height:		53px;
	margin:		0px;
	padding:	0px;
	text-indent:-1000px;
	width:		185px;

}

#buy_header{
	height:		53px;
	margin: 	0 auto;
	width:		920px;
	background: url(../img/buy_header.jpg);
}

.screenshots td{
    
    background: #FFFFFF;
    font-size: 8pt;
    
}

.screenshots th{
    
}

.featurelist
{
    margin: 0px;
    padding: 0px;
    background: #ffffff;
}

.featurelist p
{
    font-size: 8pt;
    text-align:left;
    padding: 2px;
}

ul.featurelist 
{
    list-style-type:circle;
    font-size: 8pt;
    text-align:left;
    padding: 2px;
}

.featurelist li
{
    list-style-type:circle;
    font-size: 8pt;
    text-align:left;
    padding: 2px;
}

.featurelist table
{
    padding: 0px;
    margin: 0px;
}
.featurelist th
{
    font-size: 8pt;
    text-align:center;
    font-weight: bold;
    background: #666666;
    color: #ffffff;
    padding: 2px;
}
.featurelist td
{
    text-align:left;
    font-size: 8pt;
    font-weight: normal;
    background: #ffffff;
    padding: 2px;
}
.featurelist0
{
    text-align:left;
    font-size: 8pt;
    font-weight: normal;
    background: #ffffff;
    padding: 2px;
}
.featurelist1
{
    text-align:left;
    font-size: 8pt;
    font-weight: normal;
    background: #cccccc;
    padding: 2px;
}