* {
  margin:0;
  padding:0; 
}

html {height:100%}

body {
  font-family: Calibri, Arial, Verdana, Tahoma, sans-serif;
  text-align: center;
  background-color:#eeeeee;
	height:100%
  

}

/******************************************************************
  MAIN LAYOUT
******************************************************************/

#content {
  position:absolute;
  top:0.2em;
  left:50%;
  width:900px;
  background-color: white;
  margin-left:-450px;
  padding-right:0;
  text-align:left;
  font-size:14px;
  padding-left:6px;
  padding-right:6px;
  border-left:1px ridge #ddd;
  border-right:1px groove #ccc;
}

#top-section, #central-section, #bottom-section, #footer-menu, #main-section, #left-section, #right-section, #logo-section, #left-menu, #central-panel, #central-content, #text-block, #prod-block, #signin-section, #news-section, #try-out, #try-out2, #right-block  {
	float:left;
}

h1 {
	font-size:130%;
	color:black;
	font-weight:normal;
}

h2 {
	font-size:100%;
	font-weight:bold;
}

a, a:visited, a:hover {
	color:#4d6cb9;
}

a:hover {
	color:red;
}

#left-section, #left-menu, #signin-section, #news-section {
	width:237px;
	text-align:left;
}

#central-panel, #news-section {
	margin-left:2.2em;
}


#central-panel {
	margin-top:0.3em;
}

/******************************************************************
  TOP SECTION
******************************************************************/

#logo-section img {
	float:left;
	width:900px;
	height:120px;
	padding-bottom:15px;
}

#contact-details p.phone {background: transparent url(img/phone.gif) 0 2px no-repeat;}
#contact-details p.mail {	background: transparent url(img/mail.gif) 0 2px no-repeat;}

#logo-section img {
	float:left;
	width:900px;
	height:95px;
	padding-bottom:0px;
}

#top-bar {

	float:left;
    	background:url(img/topbar-bg.gif) no-repeat;
	text-align:left;
	height:25px;
	width:900px;
	padding:0;
	z-index:1;
}

#top-nav {
	float:left;
	margin-top:7px;
	margin-left:22em;
	font-size:91%;
	color:#fff;
	height:10px;
	
}


#top-item1{

	width:25px;
}

#top-item2{

	width:60px;
}

#top-item3{
	
	width:45px;
}

#top-item4{
	
	width:40px;
}

#top-item5{
	
	width:35px;
}

#top-item6{
	width:25px;

}

#top-nav, #top-nav ul {
	list-style:none;
	float:none;
}

#top-nav li {
	float:left;
	position:relative;
	padding-right:0.8em;
	padding-left:0.8em;
	background: transparent url(img/divider.gif) no-repeat;
	z-index:2;
color:#fff;11:36 23/09/2008
}

#top-nav li#top-item1 {
	margin-left:0;
	background-image:none;
}

#top-nav li#top-item7 {
	padding-right:0;
	border-right:none;
}
#top-nav li#top-item7 {
	margin-right:0.5em;
}

#top-nav li a:hover {
	color:#fff;
}

#top-nav a:link, #top-nav a:visited {
	display:block;
	font-size:90%;
	text-decoration:none;
	color:#565656;	
}

* html #top-nav a {
	width:100%;
}

#top-nav ul {
	display:none;
	position:absolute;
}

#top-nav ul li {
	float:none;
	width:9em;
	border:0 none transparent;
	margin:0;
	#margin-bottom:-6px;
	padding-left:0;
	background-image:none;
	font-size:100%;
	font-weight:normal;		
}

#top-nav ul li a:link, #top-nav ul li a:visited {
	background-color:#e2e6e9;
	padding:0.3em 0 0.3em 0.25em;
	text-decoration:none;	
	color:#565656;
	filter:alpha(opacity=90);
	opacity: 0.9;
	-moz-opacity:0.9;
	border-top:1px solid white;
}

#top-nav ul li a:hover {
	background-color:#c6cbcf;
	color:white;
}

#top-nav li:hover ul {
	display:block;
	position:absolute;
	z-index:10;
}

#top-nav li a.active, #top-nav li a.active:link, #top-nav li a.active:visited {
	color:black;
	font-weight:bold;
}


/******************************************************************
  VERTICAL MENUS
******************************************************************/

#left-menu {
	margin-top:0.3em;
}

#text-block, #news-section, #signin-section {
	margin-top:1em;
}

#left-menu h1, #news-section h1, #signin-section h1, #try-out h1 {
	background: transparent url(img/title1-bg.gif) repeat-x;
	padding:0.1em 0 0.2em 0.3em;
	margin:0;	
	font-size:150%;	
	font-weight:normal;
	color:555555;
}

#signin-section h1 {
	background-image: url(img/title1-bg.gif);
}

#try-out h1 {
	background-image: url(img/title1-bg.gif);
	border-bottom:solid 2px white;
}

#try-out2 h1 {
	background-image: url(img/title1-bg.gif);
	border-bottom:solid 2px white;
}

#left-menu ul, #portfolio-section ul {
	list-style:none;
	margin-top:1px;
}

#left-menu li, #portfolio-section li {
	list-style:none;
	margin:0;
	padding:0;
}

#left-menu li a:link, #left-menu li a:visited {
	display:block;
	border-bottom: 2px solid white;
	padding:0.2em 0 0.2em 0.3em;
	background-color: #f1f2f4;
	text-decoration:none;
}

#left-menu li a:hover {
	background-color: #d8dbdf;
	color:white;
}

* html #left-menu li a {
width:233px
}

#left-menu li input, #left-menu li select {
	width:162px;
	margin-bottom:2px;	
	padding: 2px 0 2px 2px;
	font-size:12px;	
	color:#636466;
}

#left-menu li select {
	width:168px;
}

#left-menu p {
	font-size:100%;
	margin-left:0;
	padding-top:0;	
	color:white;
}

#left-menu p a:link, #left-menu p a:visited {
	font-style:italic;
	color:white;
	text-decoration:none;
}

#left-menu p a:hover {
	color:#000;
	text-decoration:underline;
}

/******************************************************************
  CENTRAL SECTION
******************************************************************/

#central-content h1 {
	font-size:180%;
}

#panelWrapper {
	position:absolute;
	left:257px;
}

#imagePanels {
	position:relative;
	margin-top:0;
	margin-left:17.3em;
	#margin-left:3.3em;
}

#imageMenu {
	margin-left:-225px;
	#margin-left:-28px;
}

#title-section, #service-img {
	float:left;
}

#title-section {
	width:45em;
	height:207px;
	text-align:justify;
}

#services #title-section {background:transparent url(img/services.jpg) no-repeat;}
#contact #title-section {background:transparent url(img/contact.jpg) no-repeat;}
#products #title-section {background:transparent url(img/products.jpg) no-repeat;}
#demo #title-section {background:transparent url(img/demo.jpg) no-repeat;}
#news #title-section {background:transparent url(img/news.jpg) no-repeat;}
#clients #title-section {background:transparent url(img/clients.jpg) no-repeat;}

#title-section h1 {
	margin-top:2px;
	margin-bottom:2px;
}

#title-section p {
	width:18em;
	font-size:120%;
}


.prod-head {
	width:45.1em;
	height:207px;
}

.prod-head h1, .prod-head p {
	margin-left:0;
	width:580px;
}

.prod-head h1 {
	margin-top:2px;
	margin-bottom:2px;
}

.prod-head p {
	margin-top:5px;
	font-size:120%;
}

#diagram-img {
	width:500px;
	height:500px;
	margin-left:4em;
}

.verticaltext {
	writing-mode: tb-rl;
	filter: flipv fliph;
}

/******************************************************************
  TERMS AND SITEMAP PAGES
******************************************************************/

#right-block {
	width:45em;
}

#right-block p {
	margin:0.5em 0 0.5em 0;
}

#sitemap #right-block ul {
	list-style-type:none;
}

#sitemap #right-block li {
	padding-left:16px;
	font-weight:bold;
	background:transparent url(img/bullet.gif) no-repeat;
}

#sitemap #right-block li li {
	margin-left:16px;
	font-weight:normal;
}

#sitemap #right-block a:link, #sitemap #right-block a:visited {
	text-decoration:none;
}

#sitemap #right-block a:hover {
	text-decoration:underline;
}

#termsText ul {
	list-style-type:none;
}

#termsText li {
	margin-top:0.5em;
}

#termsText li li {
	margin-left:1.5em;
}

#termsText li li li {
	margin-left:1.5em;
}

#termsText ul li span {
	margin-right:1em;
}

#termsText h2.secondTerm {
	margin-top: 1.5em;
}

#sitemap-sections {
	float:left;
	width:47em;
}

#sitemap-sections ul {
	list-style:none;
}

#sitemap-sections div {
	float:left;
	width:15em;
	height:10em;
	margin-bottom:2em;
}

#sitemap-sections div a:link, #sitemap-sections div a:visited {
	color:#000;
}

#sitemap-sections div h2 a:link, #sitemap-sections div h2 a:visited {
	color:black;
	text-decoration:none;
}

#sitemap-sections div a:hover {
	color:red;
}

#sitemap-sections div h2 a:hover {
	text-decoration:underline;
}

/******************************************************************
  CONTACT PAGE
******************************************************************/

#contactJenison {
	float:left;
	clear:none;
	width:48em;
}

ul.contact-details {
	margin-top:1.3em;
	margin-bottom:0.8em;
}

#formButtons ul.contact-details {
	margin-top:0.2em;
}

ul.contact-details li {
	list-style-type:none;
	vertical-align:middle;
	padding-left:25px;
	padding-top:0;
	margin-bottom:0.5em;
	height:20px;
	background:url("../img/bullet.gif") no-repeat;
}

ul.contact-details li a, ul.contact-details li a:visited {
	color:#000;
}

#contact #central-content p {
	margin-top:0.7em;
}

#contactJenison p {
	padding-left:0;
}

#contactJenison img {
	border:0;
}

#location {
	width:45em;
	margin-bottom:2em;
}

#address, #map_canvas {
	float: left;
}

#address h2 {
	color:#cc1442;
	font-size:100%;
	margin-bottom:0.4em;
	margin-top:0.3em;
	font-weight:bold;
}

#address p {
	font-size:100%;
}

#map_canvas {
	float:left;
	width: 400px;
	height: 200px;
	margin-right:1em;
}

#contact #container2 {
	width:60em;
}

#contact #text-block {
	width:45em;
}

#contact-links {
	float:left;
	list-style-type:none;
	width:271px;
	margin-top:0.5em;
	font-size:120%;

}

#contact-links li a:link, #contact-links li a:visited {
	display:block;
	padding:0.3em 0 0 0.4em;
	height:31px;
	background:transparent url(img/contact-link1.gif) no-repeat;
	text-decoration:none;
	color:#333366;
}

#contact-links li a:hover {
	background:transparent url(img/contact-link2.gif) no-repeat;
	color:#4d6cb9;
}


/******************************************************************
  BOTTOM SECTION
******************************************************************/

#bottom-section {
	clear:none;
	width:71em;
	_width:70em;
}

#text-block, #prod-block {
	width:25.9em;
	margin:1em 0 0 2.2em;
	text-align:justify;	
}

#prod-block {
	width:45em;
}

#prod-block h1 {
	font-size:150%;
	margin-bottom:0.5em;
}

#prod-block h2 {
	font-weight:normal;
	margin-bottom:0.5em;
}

#clients #prod-block h2 {
	font-weight:bold;
	margin-top:1em;
}

#clients #prod-block h2:first-child {
	margin-top:0;
}

#prod-block .download img {
	margin-top:0;
}

#prod-block .download img {
	width:165px;
	height:22px;
	border:0;
	margin-right:1em;
}

#products div.product-titles h1 {
	height:23px;
	width:629px;
	font-size:120%;
	padding:0.1em 0 0 0.2em;
}


#text-block p, #prod-block p {
	font-size:100%;
	margin:0 0 1em 0;
	padding:0;
}

#products div.product-titles p {
	margin-bottom:0.6em;
}

#products div.product-titles p.download {
	margin-bottom:1em;
}

.product-titles p a:link, .product-titles p a:visited {
	text-decoration:none;
}

.product-titles p a:hover {
	text-decoration:underline;
}

#text-block ul {
	list-style-position:inside;
	margin-bottom:1em;
	margin-left:0;
	padding-left:0;
	font-size:100%;
}

#prod-block ul {
	list-style-type:none;
	margin-bottom:1em;
	margin-left:0;
	padding-left:0;
	font-size:100%;
}

#prod-block li {
	margin-bottom:0.5em;
	padding-left:13px;
	background:transparent url(img/bullet.gif) no-repeat;
}

#text-block p img {
	border:none;
}

#easyscrollnav, #easyscroll, #news-section {
	float:left;
}

#news-section p {
	padding-bottom:0.8em;
	margin-top:0.6em;
	border-bottom:1px solid black;
}

#news-section p.last-item {
	border-bottom:0;
}

#news-section #newsletter {
	float:left;
	background-color:#deebf4;
	width:237px;
	font-size:80%;
	text-align:justify;
	padding-bottom:0.6em;
}

#news-section #newsletter p {
	float:left;
	clear:right;
	width:224px;
	margin:0.5em 0 0.4em 0.5em;
	padding-bottom:0;
	border-bottom:0;
}

#news-section #newsletter input {
	float:left;
	font-size:100%;
}

#news-section #newsletter #emailBox, #signin-section #username, #signin-section #password {
	width:12.8em;
	padding:0.2em 0.1em 0.1em 0.1em;
	margin:0.1em 0 0.3em 0.5em;
}

#news-section #newsletter #emailSubmit {
	width:64px;
	height:21px;
	margin-left:1em;
	margin-top:0.1em;
}

#signin-section {
	
}

#signin-details {
	font-size:100%;
	padding-top:0.5em;
	}
#signin-section input, #signin-section label, #signin-section p {
	float:left;
	font-size:100%;
}

#signin-section p {
	margin-top:0.5em;
}

#signin-section p.signinText {
	margin-bottom:0.5em;
}

#signin-section #ok {
	width:44px;
	height:21px;
	margin-left:1em;
	margin-top:0.1em;
}

#signin-section label {
	width:5em;
	margin-top:0.5em;
}

#signin-section #username { width:15em; }
#signin-section #password { width:10em; }

#signin-section p.smalltext {
	font-size:80%;
	clear:left;
	width:100%;
}

#try-out {
	width:237px;
	
	margin-top:1.3em;
}

#try-out p {
	float:left;
	margin:0.6em 0.2em 0 0.4em;
	padding-bottom: 1em;
}

#try-out a:link, #try-out a:visited {
	text-decoration:none;
}

#try-out a:hover {
	text-decoration:underline;
}


#try-out2 {
	width:237px;
	
	margin-top:1.3em;
}

#try-out2  p {
	float:left;
	margin:0.6em 0.2em 0 0.4em;
	padding-bottom: 1em;
}

#try-out2  a:link, #try-out a:visited {
	text-decoration:none;
}

#try-out2  a:hover {
	text-decoration:underline;
}

#news #newsContent p {
	padding-bottom:0.5em;
	margin-top:0.5em;
	width:565px;
	text-align:justify;
}

#case1 p {background:transparent url(img/bnfl.gif) no-repeat;}
#case2 p {background:transparent url(img/trust.gif) no-repeat;}

div.case-study {
	margin-bottom:1em;
}

#clients #newsContent p {
	float:left;
	width:440px;
	text-align:justify;
	padding-left:120px;
	margin-bottom:1em;
}

/*
div.case-study img {
	float:left;
	display:block;
	margin-right:1em;
}
*/

#news-section p a:link, #news-section p a:visited  {
	color:#1b78c5;
	text-decoration:none;
}

#news-section p a:hover  {
	color:red;
	text-decoration:underline;
}

#news #newsContent ul {
	padding-bottom:0.3em;
	width:580px;
	text-align:justify;
	list-style-type:none;
	font-size:100%;
}

#news #newsContent li {
	padding-left:16px;
	margin-top:0.3em;
	background:transparent url(img/bullet.gif) 0 2px no-repeat;
}

#newsSection, #newsSection2 {
	width:197px;
	height:263px;
	margin-top: 0;
	background: url("img/newsBG.gif") no-repeat;
}

#newsSection2 {
	float:left;
}

#newsSection2 h1 {
	padding-top:0.6em;
	margin-left:0.8em;
	font-size:140%;
	color:black;
	width:165px;
}

#newsSection2 p {
	padding-top:0;
	padding-bottom:1.5em;
	margin-top:0;
	margin-left:1.3em;
	font-size:90%;
	width:150px;
	text-decoration:none;
}

#easyscrollnav {
	list-style-type:none;
	width:13px;
	height:150px;
	margin:16px 0 6px 4px;
	#margin-top:0px;
}

#easyscrollnav li {
	list-style-type:none;
	width:13px;
	height:7px;
	padding-left:0;
	text-indent:-2000px;
}

#easyscrollnav #btnUp {
	background-image: url(img/scrollUp.gif);
	margin-bottom:195px;
	background-repeat:repeat-x;
	padding-top:0;
	margin-top:0;
}

#easyscrollnav #btnDown {
	background-image: url(img/scrollDown.gif);
	background-repeat:repeat-x;
}

#easyscrollnav #btnReset {
	display:none;
}

#news #easyscrollnav, #clients #easyscrollnav  {
	margin:6px 10px 6px 4px;
	#margin-top:0px;
}

#news #easyscrollnav li, #clients #easyscrollnav li {
	text-indent:-2000px;
}

#news #easyscrollnav #btnUp, #clients #easyscrollnav #btnUp {
	margin-bottom:115px;
}

#news #easyscroll p, #clients #easyscroll p {
	font-size:100%;
}

#news #easyscroll p:first-child {
	margin-top:0;
	padding-bottom:0;
}


#newsSection div:first-child, #newsSection div.first-item {
	padding-top:0;
	border-top:0;
}

#newsSection p {
	font-size:90%;
	padding-left:0;
	padding-top:0;
}

#newsSection h2 {
	font-size:75%;
}

/******************************************************************
  NEWS ARCHIVE
******************************************************************/

#news-archive {
	float:left;
	width:44em;
}

#news-archive ul {
	list-style-type:none;
	margin-bottom:0.5em;
}

#news-archive li {
	font-size:100%;
	padding-left:16px;
	margin-bottom:0.3em;
}

#news-archive p {
	margin-bottom:0.5em;
}

#news-archive p.learn-more {
	padding-bottom:0.8em;
	border-bottom:1px solid #ececec;
	margin-top:0;
	paddin-top:0;
}

/******************************************************************
  CLIENT IMAGES
******************************************************************/

#clients #panel1 a div {background-image:url(img/client1.gif);}
#clients #panel1 a:hover div {background-image:url(img/client1a.gif); _background-image:url(img/client1b.gif);}
#clients #panel2 a div {background-image:url(img/client2.gif);}
#clients #panel2 a:hover div {background-image:url(img/client2a.gif); _background-image:url(img/client2b.gif);}
#clients #panel3 a div {background-image:url(img/client3.gif);}
#clients #panel3 a:hover div {background-image:url(img/client3a.gif); _background-image:url(img/client3b.gif);}
#clients #panel4 a div {background-image:url(img/client4.gif);}
#clients #panel4 a:hover div {background-image:url(img/client4a.gif); _background-image:url(img/client4b.gif);}
#clients #panel5 a div {background-image:url(img/client5.gif);}
#clients #panel5 a:hover div {background-image:url(img/client5a.gif); _background-image:url(img/client5b.gif);}

#clients #panel1, #clients #panel2, #clients #panel3, #clients #panel4, #clients #panel5 {
	float:left;
	width:134px;
	height:110px;
	margin:0 3px 3px 0;
}

#clients div a div {
width:134px;	
height:110px;
}

#clients #panels a:link, #clients #panels a:visited {
	text-decoration:none;
}

#clients #panels a div div {
	display:none;
}

#clients #panels a:hover div div {
	display:block;
	padding-top:5px;
	padding-left:5px;
	width:124px;
	height: 100px;
}

#clients #panels a:hover div div p {
	color:#fff;
}

/******************************************************************
  FOOTER SECTION
******************************************************************/

#footer-menu  {
	float:left;
	clear:both;
	margin-top:1em;
	margin-bottom:1em;
	border-top:1px solid #939598;
	width:900px;
}


#footer-menu ul, #footer-menu p  {
	float:left;
	margin-top:0.5em;
	padding-bottom:20px;
	font-size:0.9em;
	font-weight:bold;
}

#footer-menu ul  {
	list-style:none;
	float:left;
	width:50em;
}

#footer-menu li {
	float:left;
	margin-right:20px;
}

#footer-menu span {
	float:right;
	margin-top:5px;
	margin-right:5px;
	color:#939598;
}

#footer-menu li a:link, #footer-menu li a:visited {
	text-decoration:none;
	color:#939598;
}

#footer-menu li a:hover {
	color:#727272;
}

/******************************************************************
  MISC
******************************************************************/
.noscreen {
  position:absolute;
  top:0; left:-3000px;
}

hr { display:none; }

.clearfix:after,
#wrapper:after {
  content:"."; 
  display:block; 
  height:0; 
  clear:both; 
  visibility:hidden;
}

.clearfix, 
#wrapper {display:inline-block;}

/* Hides from IE-mac \*/
* html .clearfix,
* html #wrapper {
  height:1%;
}

.clearfix,
#wrapper {
  display:block;
}
/* End hide from IE-mac */

#bottom-section
{
	width:920px

}