html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset {
	margin: 0;
	padding: 0;
}
* html #page-inner-1.content #sub-navigation ul li a
{ 
	behavior: url(/js/iepngfix.htc);
}
img {
	vertical-align: bottom;
}
img, fieldset {
	border: 0;
}
html, body {
	height: 100%;	
}
body, select, input, textarea {
	font: 0.625em/1.4 tahoma, geneva, verdana, arial, helvetica, sans-serif;
}
html {
	overflow-y: scroll;
}
body {
	 background: #fff repeat-x #fff;
	 color: #555;
}
#container {
	width: 910px;
	margin: 10px auto;	
	min-height: 100%;
	padding: 0 15px 10px;
	position: relative;
}
a {
	color: #486b9c;
	text-decoration: underline;
	cursor: pointer;
}
a:hover {
	color: #000;
}

input {
	font-size: 1em;	
}
select {
	font-size: 1.8em;	
}
button {
	font-size: 1.8em;	
}
#page-inner-1 #main-content ul li.no-bullet {
	background: none;
}


/* ~~~~~~~~~~ table styles ~~~~~~~~~~ */

table {
	width: 100%;
	border-collapse: collapse;
	margin: 15px 0 0 0;
}
th, td {
	font-size: 1.5em;
	font-weight: bold;
	text-align: center;
	padding: 3px;
	border: 1px solid #74859d;
}
thead th {
	color: #fff;
	background: #91a6c4;
}
tbody th {
	text-align: left;	
}
tfoot td {
	font-size: 1em;
	font-weight: normal;
	text-align: left;
	border: none 0;
}
.price-table {
	width: 100%;
	border-collapse: collapse;
	margin: 80px 0 0 0;  /*---  first=top margin last=left margin --*/
}
.price-table thead th {
	font-size: 1.25em;
	font-weight: bold;
	text-align: center;
	width: 30px;
	padding: 3px;
	border: 1px solid #74859d;
}
.price-table tbody th, .price-table tbody td {
	font-size: 1.25em;
	font-weight: bold;
	text-align: center;
	width: 30px;
	padding: 3px;
	border: 1px solid #74859d;
}
.signup-table {
	width: 600px;
	border-collapse: collapse;
	margin: 15px 0 0 170px;
}
/* padding order: top right bottom left */	
.signup-table tbody th, .signup-table tbody td {
	font-size: 1.4em;
	font-weight: bold;
	text-align: left;
	width: 300px;
	padding: 3px;
	border: 1px solid #74859d;
}




/* ~~~~~~~~~~ top navigation  not home page ~~~~~~~~~~ */

#navigation-container {
	overflow: hidden;
	width: 100%;
	margin: 0 5px;
}


#free-trial-header {
	position: absolute;
	top: 80px;
	right: 20px;
	z-index: 1;
}


.main-nav a, .main-nav a span {
	display: block;
	height: 40px;
}
.main-nav a span {
	margin-bottom: -40px;
	position: relative;
}
.main-nav {
	float: left;
	list-style: none;
}
.login a, .login a span {
	width: 142px;
	height: 40px;
}
.language {
	width: 178px;
	height: 40px;
	float: left;
	list-style: none;
}
.language ul {
	list-style: none;	
}
	.language span {
		display: none;	
	}
	.language li {
		float: left;
		overflow: hidden;
	}
.english a {
	margin: 10px 0 0 15px;
}
.english a, .english a span {
	background-image: url(../images/flag-en2.gif);	
	display: block;
	height: 23px;
	width: 23px;
}
	.english a span {
		margin-bottom: -23px;
		position: relative;
	}
.france a {
	margin: 10px 0 0 2px;
}
.france a, .france a span {
	background-image: url(../images/flag-fr2.gif);	
	height: 23px;
	width: 23px;
	display: block;
}
	.france a span {
		margin-bottom: -23px;
		position: relative;
	}
.belgium a {
	margin: 10px 0 0 2px;
}
.belgium a, .belgium a span {
	background-image: url(../images/flag-be2.gif);	
	height: 23px;
	width: 23px;	
	display: block;
}
	.belgium a span {
		margin-bottom: -23px;
		position: relative;
	}



/* ~~~~~~~~~~ homepage ~~~~~~~~~~ */

/* home logo */




/* home coloured boxes */

#home-links {
	overflow: hidden;
	margin: 0 5px;
	list-style: none;
}
* html #home-links {
	height: 1%;	
}
#home-links li {
	margin: 0 5px 0 0;	
}
#home-links li, #home-links li a {
	width: 176px;
	float: left;
	font-size: 100%;
}
#home-links li span {
    width: 100%;
	display: block;
	margin-bottom: -244px;
	position: relative;
}
#home-links #price, #home-links #price span {
	margin-right: 0;
}

/* home button graphics */

#button-graphics {
	overflow: hidden;
	width: 100%;
	margin: 20px 0;
	list-style: none;
}
	#button-graphics #demo {
		float: left;	
	}
	#button-graphics #trial {
		float: right;	
	}
	
/* benefits content */	

#benefits-container {
	overflow: hidden;
	width: 100%;
	margin: 20px 0;
}
	#benefits-container div {
		padding: 14px 20px;	
	}
#online-solution-container {
	float: left;
	background: url(../images/background-left-gradient-curve.gif) no-repeat;
	width: 401px;
}
#yourself-container {
	float: right;
	background: url(../images/background-right-gradient-curve.gif) no-repeat;
	width: 401px;
}
	#benefits-container h2 {
		font-size: 2.4em;
		text-transform: uppercase;
		font-weight: normal;
		color: #5f5f5f;
		margin: 0 0 15px;
		line-height: 1.1;
	}
	#benefits-container ul {
		font-size: 1.3em;
		color: #000;
		margin: 0 0 0 15px;
	}
		#benefits-container ul li {
			margin: 3px 0;	
		}
	#benefits-container a {
		color: #000;
		font-weight: bold;
		font-style: italic;
		text-decoration: none;
	}
	#benefits-container a:hover {
		color: #28589c	
	}
	
/* ~~~~~~~~~~ footer ~~~~~~~~~~ */

#footer-main-linksold {
	margin: 0 5px;
	overflow: hidden;
	list-style: none;
}
	* html #footer-main-linksold {
		height: 1%;	
	}
	
	
#footer-main-links {font-size: 1.5em; list-style: none; text-align: center;}
#footer-main-links li {display: inline; padding: 0 2em;}

#footer-main-linksold li {
	float: left;
}

#footer-main-linksold li a, #footer-main-linksold li a span {
	display: block;
	height: 32px;
}
#footer-main-linksold li a span {
	position: relative;
	margin-bottom: -32px;
}
#footer-sub-links {
	overflow: hidden;
	width: 100%;
	list-style: none;
	margin: 10px 0;
}
#footer-sub-links li {
	float: left;
	padding: 0 25px;
	border-right: 1px solid #666;
}
	#footer-sub-links li.last {
		border: 0 none;
	}
	#footer-sub-links a {
		color: #666;	
	}
		#footer-sub-links a:hover {
			color: #000;	
		}

/* ~~~~~~~~~~ inner page 1 ~~~~~~~~~~ */

#page-inner-1 #content {
	background: url(../images/background-main-content.gif) no-repeat;
	padding: 0 20px 20px;
}
#page-inner-1 h1 {
	text-transform: uppercase;
	font-size: 6.8em;
	color: #f1611d;
	font-weight: normal;
	float: left;
	padding: 0 20px 0 0;
}
/* padding order: top right bottom left */

#page-inner-1 h2 {
	font-size: 1.8em;
	text-transform: uppercase;
	color: #d94500;
	font-weight: bold;
	margin: 25px 0 0;
}
#subheading {
	padding: 44px 0 0 0;
	font-size: 1.3em;
	text-transform: uppercase;
	color: #4b4b4b;
	font-weight: bold;
	float: left;
}
	#subheading a {
		color: #7d96b8;	
	}
		#subheading a:hover {
			color: #000;	
		}
#page-inner-1 #main-content {
	clear: both;
	padding: 10px 0 0;
}
	#page-inner-1 #main-content p, #page-inner-1 #main-content ul {
		font-size: 1.3em;	
		margin: 10px 20px 10px 0; /* last is left margin */
		color: #000;
	}
	#page-inner-1 #main-content h2, #page-inner-1 #main-content h3 {
		margin-left: 0;	
	}
#page-inner-1 #main-content ul li {
	background: url(../images/graphic-bullet.gif) no-repeat 0 5px;
	padding: 0 0 0 16px;
	margin: 0 0 3px 0;
	list-style: none;
}

/* ~~~~~~~~~ SIGNUP PAGE ~~~~~~~~~~ */

#page-inner-1 #main-content-signup {
	clear: both;
	padding: 10px 0 0;
}
	#page-inner-1 #main-content-signup p, #page-inner-1 #main-content-signup ul {
		font-size: 1.3em;	
		margin: 10px 20px 10px 120px; /* last is left margin */
		color: #000;
	}
	#page-inner-1 #main-content-signup h2, #page-inner-1 #main-content-signup h3 {
		margin-left: 120px;	
	}
#page-inner-1 #main-content-signup ul li {
	background: url(../images/graphic-bullet.gif) no-repeat 0 5px;
	padding: 0 0 0 16px;
	margin: 0 0 3px 120px;
	list-style: none;
}


/* ~~~~~~~~~ABOUT US PAGE ~~~~~~~~~~ */

#page-inner-1 #main-content-about{
	clear: both;
	padding: 10px 0 0;
}
	#page-inner-1 #main-content-about p, #page-inner-1 #main-content-about ul {
		font-size: 1.3em;	
		margin: 10px 20px 10px 200px; /* last is left margin */
		color: #000;
	}
	#page-inner-1 #main-content-about h2, #page-inner-1 #main-content-about h3 {
		margin-left: 200px;	
	}
#page-inner-1 #main-content-about ul li {
	background: url(../images/graphic-bullet.gif) no-repeat 0 5px;
	padding: 0 0 0 16px;
	margin: 0 0 3px 100px;
	list-style: none;
}




.single-line {
	margin: 16px 0 0;
}
/* ~~~~~~~~~ LOGIN PAGE ~~~~~~~~~~ */

.login-page #subheading {
	font-size: 1.3em;
	padding: 44px 0 0;
}
.login-page #form-container {
	clear: both;
	background: url(../images/graphic-login.gif) no-repeat;
	padding: 0 0 0 160px;
	min-height: 179px;
	margin: 25px 0 100px 75px;
}
	.login-page #form-container #field-container {
		overflow: hidden;
		width: 100%;
		padding: 50px 0 0
	}
	.login-page #form-container #field-container .form-items {
		float:left;	
		width: 520px;
		margin: 0 10px 0 0;
	}
	.login-page #form-container .form-item {
		float: left;	
		height: 57px;
		line-height: 57px;
	}
	.login-page #form-container .right {
		float: right;
	}
		.login-page #form-container .form-item label {
			font-weight: bold;
			margin: 0 10px 0 0;
		}
		.login-page #form-container .form-item label, .login-page #form-container .form-item input {
			font-size: 1.4em;	
		}
		.login-page #form-container .form-item input {
			width: 150px;	
		}
			.login-page #form-container .button input, .login-page #form-container .button {
				width: auto;	
			}
		#password-info-container {
			border-top: 1px solid #999;
			margin: 10px 0 0;
			padding: 10px 0 0;
			width: 520px;
			text-align: right;
		}
			#password-info-container small {
				font-size: 1.1em;	
			}
			#password-info-container a {
				font-size: 1.2em;
				text-transform: uppercase;
				font-weight: bold;
			}
			
/* ~~~~~~~~~~ PRICING PAGE ~~~~~~~~~ */

.pricing #main-content {
	/*background: url(../images/graphic-pricing-page.gif) no-repeat;*/	
}

/* ~~~~~~~~~~ SIGNUP PAGE ~~~~~~~~~ */

.signup-container {
	position: relative;
	margin: 0 0 30px;
}
#fields-container {
	margin: 20px 70px 10px 250px;
	padding: 20px 0;
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;	
}
.signup #submit-button {
	position: absolute;
	bottom: 0;
	right: 0;
	margin: 0 0 11px;
}
.signup #submit-button input {
	width: auto;	
}
.signup .form-item {
	overflow: hidden;
	width: 100%;
	margin: 10px 0;
}
.signup label {
	float: left;
	width: 120px;
	font-size: 1.2em;
	margin: 0 10px 0 0;
	color: #000;
}
.signup input {
	font-size: 1.2em;
	width: 400px;
}
.signup select {
	font-size: 1.2em;	
}
.signup #main-content-signup {
	background: url(../images/graphic-signup-page.gif) no-repeat 0 20px;	
}
#main-content #extra-information p {
	font-size: 1.1em;
	margin-top: 0;
	margin-bottom: 0;
}

/* ~~~~~~~~~~ SUPPORT PAGE ~~~~~~~~~ */

.support #main-content {
	/*background: url(../images/graphic-support-page.gif) no-repeat;*/	
}

/* ~~~~~~~~~~ CONTENT PAGE ~~~~~~~~~ */

#page-inner-1.content #main-content p, #page-inner-1.content #main-content ul, #page-inner-1.content #main-content p, #page-inner-1.content #main-content h2 {
	margin: 0;	
}
#page-inner-1.content #content {
	background-image: none;
	background-color: #f2f2f2;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	margin: 10px 0 30px;
}
#page-inner-1.content #main-content {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background: #fff;
	overflow: hidden;
}
	* html #page-inner-1.content #main-content {
		height: 1%;	
	}

/* structure */

#sub-navigation {
	width: 230px;
	float: left;
}
.demos #sub-navigation {
	width: 280px;	
}
#main-content-column {
	float: left;
	width: 340px;
	margin: 0 35px;
	display: inline;
	padding: 30px 0;
}
.demos #main-content-column {
	width: 560px;
	margin: 0 0 0 15px;
	padding-top: 12px;
}
#additional-content-column {
	float: left;
	width: 200px;
	padding: 30px 0;
}

/* sub navigation */

#page-inner-1.content #sub-navigation ul li {
	background: none;
	padding: 0;
	margin: 0 0 2px;
}
	#page-inner-1.content #sub-navigation ul li a {
		background-color: #cecece;
		display: block;
		color: #fff;
		font-size: 1.8em;
		text-decoration: none;
		padding: 12px 0;
		background-repeat: no-repeat;
		background-position: 10px;
	}
	#page-inner-1.demos #sub-navigation ul li a {
		padding: 4px 10px;
	}
	#page-inner-1.content #sub-navigation ul li a:hover {
		color: #999;	
	}
	#page-inner-1.content #sub-navigation ul li.last {
		margin: 0;
	}
	#page-inner-1.content #sub-navigation ul li.last a {
		-moz-border-radius: 0 0 0 15px;
		-webkit-border-radius: 0 0 0 15px;	
	}
	#page-inner-1.content #sub-navigation ul li.first a {
		-moz-border-radius: 15px 0 0 0;
		-webkit-border-radius: 15px 0 0 0;
	}
	#page-inner-1.content #sub-navigation ul li#selected a {
		background-color: #fff;
		color: #ffa379;
		-moz-border-radius: 15px 0 0 15px;
		-webkit-border-radius: 15px 0 0 15px;
	}
#page-inner-1.content #sub-navigation ul li.nav-accounting a {
	background-image: url(../images/icons/accounting.png);
	padding-left: 65px;
}
#page-inner-1.content #sub-navigation ul li.nav-autocheck a {
	background-image: url(../images/icons/autocheck.png);
	padding-left: 65px;
}
#page-inner-1.content #sub-navigation ul li.nav-finance a {
	background-image: url(../images/icons/finance.png);
	padding-left: 65px;
}
#page-inner-1.content #sub-navigation ul li.nav-invoicing a {
	background-image: url(../images/icons/invoicing.png);
	padding-left: 65px;
}
#page-inner-1.content #sub-navigation ul li.nav-analysis a {
	background-image: url(../images/icons/analysis.png);
	padding-left: 65px;
}
#page-inner-1.content #sub-navigation ul li.nav-assetsmgt a {
	background-image: url(../images/icons/assetsmgt.png);
	padding-left: 65px;
}
#page-inner-1.content #sub-navigation ul li.nav-crm a {
	background-image: url(../images/icons/crm.png);
	padding-left: 65px;
}
#page-inner-1.content #sub-navigation ul li.nav-expenses a {
	background-image: url(../images/icons/expenses.png);
	padding-left: 65px;
}
#page-inner-1.content #sub-navigation ul li.nav-timesheets a {
	background-image: url(../images/icons/timesheets.png);
	padding-left: 65px;
}
#page-inner-1.content #sub-navigation ul li.nav-documents a {
	background-image: url(../images/icons/documents.png);
	padding-left: 65px;
}
#page-inner-1.content #sub-navigation ul li.nav-stocks a {
	background-image: url(../images/icons/stocks.png);
	padding-left: 65px;
}
#page-inner-1.content #sub-navigation ul li.nav-yearend a {
	background-image: url(../images/icons/yearend.png);
	padding-left: 65px;
}
#page-inner-1.content #sub-navigation ul li.nav-wages a {
	background-image: url(../images/icons/wages.png);
	padding-left: 65px;
}
	
/* main column */

#main-content-column h2 {
	color: #999;
	text-transform: none;
}
#page-inner-1.content #main-content-column ul {
	margin: 10px 0;
	font-size: 1.3em;
}

/* additional column */
	
#page-inner-1.content #additional-content-column .item {
	margin: 0 0 20px;	
}
#page-inner-1.content #additional-content-column p {
	font-size: 1.1em;	
}
#page-inner-1.content #additional-content-column img {
	display: block;
	margin: 0 0 10px;
}
.video-container {
	margin: 13px 0;	
}
#page-inner-1.demos #main-content p {
	margin: 0 0 10px;	
}
#page-inner-1.demos #main-content p small {
	color: #666;	
}

/* ~~~~~~~~~~ TESTIMONIALS PAGE ~~~~~~~~~ */

.testimonials #main-content {
	/*background: url(../images/graphic-testimonials-page.gif) no-repeat;*/	
}
/* ~~~~~~~~~~ ABOuT PAGE ~~~~~~~~~ */

.about #main-content #people-container h2 {
	margin-top: 0;	
}
.about #main-content-about {
	background: url(../images/graphic-about-page.gif) no-repeat;	
}
#people-container {
	margin: 20px 0 0;
	border-top: 1px solid #999;
}
#people-container .item {
	overflow: hidden;
	width: 100%;
	margin: 20px 0;
}
#people-container img {
	float: left;	
}

/* New styles for A/B testing - DJ */

#navigation-container {
	overflow: hidden;
	width: 100%;
	margin: 0 5px;
	position: absolute;
	text-align: right;
	right: 100px;
	z-index: 1000;
}

#navigation-container li {
	display: inline;
    padding: 0 1em;
    font-size: 1.3em;
    border-left: 1px solid #666;  /* this add a vertical separator on tom level menu */
}

#navigation-container li:first-child {
	border:0 none;               /* this add a vertical separator on tom level menu but not so sure */
}	

#navigation-container li a, #navigation-container li a:visited {
        color: #6699cc;
        text-decoration: none;
}

#navigation-container li a:hover, #navigation-container li a:visited:hover {
        text-decoration: underline;
}

/* home index page and navigation for this page */

#page-home #logo {
                margin: 10px 5px 10px 10px;        
}

#page-home #logo, #page-home #logo span {
                width: 887px;
                height: 151px;
                font-size: 100%;
}


#page-inner-1 #logo {
                width: 887px;
                height: 153px;
                margin: 10px 5px 10px 10px;
				display: block;

}

#logo span {
                display: block;
                margin-bottom: -151px;
                position: relative;
}

.language {position: absolute; right: 0; width: 70px; background: none; float: none; height: auto; z-index: 10000;}
.language li {display: block; float: left; width: 23px; height: 23px;text-align: left;}
.language li a {text-indent: -9999px; display: block; width: 23px; height: 23px; margin: 0; padding: 0;}
.language li.english a {background: url(../images/flag-en2.png) no-repeat left top;}
.language li.france a {background: url(../images/flag-fr2.png) no-repeat left top;}
.language li.belgium a {background: url(../images/flag-be2.png) no-repeat left top;}

#home-links li {height: 244px;}
#home-links li a { width: 176px; height: 244px; }


.home-columns {overflow: hidden; padding-top: 30px}
.home-columns .left-column {float: left; width: 405px; margin-right: 35px; padding-left: 15px;}
.home-columns .right-column {float: left;}
.home-columns h2 {font-family: Arial; font-size: 2.6em; font-weight: normal; color: #374f7c; margin-bottom: 0.3em}
.home-columns ul {list-style: none; font-size: 1.4em; margin-bottom: 1.3em}
.home-columns li {padding-left: 30px; padding-bottom: 10px; background: url(../images/tick.png) no-repeat left 2px;}
.home-columns li.more {background: none;}
.right-column .demo {padding-left: 10px;}



ul#footer-sub-links {text-align: center;}
ul#footer-sub-links li {float: none; display: inline;}

a, a:visited {color: #6699cc; text-decoration: none;}
a:hover, a:visited:hover {text-decoration: underline;}