body
{
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #eee;
	color: #3E6193;
	min-width: 800px;
	max-width: 1200px;
}

h1, h2, h3, h4, h5, h6
{ 
	margin: 0.25em 0 0.25em 0;
	color: #320d7b;
	font-family: "Century Gothic", sans-serif;
	text-transform:lowercase;
}

h1
{
	margin-bottom: 0.5em;
}

p.prev
{
	float: left;
}

p.next
{
	float:right;
}

div.navigation
{
	overflow:hidden;
}

div.search
{
	float:right;
	padding-right: 5px;
	white-space: nowrap;
}

div.box
{
	background: white;
	border: 1px solid #999;
	padding: 5px;
	margin: 0 40px 0 0;
	min-height: 270px;
}

a
{
	color: #320d7b;
	font-weight:bold;
	text-decoration: none;
	border-bottom: 1px dotted #a497c7;
}

a:hover
{
	border-bottom-style: solid;
	border-bottom-width: 2px;
}

a.more
{
	font-style:italic;
}

a img
{
	border: none;
	text-decoration: none;
}
/*
#background
{
	background-color: #B4A8CE;
}
*/
#content
{
	background: #D5F3F5 url(../images/purplebg.jpg) fixed repeat-x; 
	position: relative;
	padding-left: 150px;
	border-bottom: 4px solid #aaa;
	padding-bottom: 10px;
	min-height: 400px;
}

.clearfloat
{
	clear: both;
}

.searchBoxSafari
{
	white-space: nowrap;
	background-image: url(/images/mag.png);
	background-repeat: no-repeat;
	padding-left:17px;
}

.searchBox
{
	background-color: #ede;
	white-space: nowrap;
	background-image: url(/images/mag.png);
	background-repeat: no-repeat;
	padding-left:17px;
}

p, li
{
	line-height: 1.5em;
	margin-right: 40px;
}

#overlay1, #overlay2
{
	position: absolute;
	z-index: -10;
}

#igence
{
	background-image:  url(../images/igence-trans.png);
	position: fixed;
	top: 20px;
	left: 20px;
	width: 74px;
	height: 233px;
	text-indent: -5000px; /* For image replacement */
	z-index:100;
}

#adaptable
{
	background-image:  url(../images/adaptable-trans.png);
	position: absolute;
	top: 280px;
	left: 17px;
	width: 64px;
	height: 53px;
	text-indent: -5000px; /* For image replacement */
/*	z-index:10; */
}

#footer
{
	position: relative;
	margin-top: 10px;
/*	background-image: url(../images/purplebg.gif);
	background-position: top;*/
}

#footer p
{
	position: absolute;
	margin: 2px 160px 2px 2px;
	left: 120px;
	font-size: x-small;
	line-height: normal;
/*	font-family: "Avant Garde", sans-serif; */
	font-weight: bold;
}

#chameleon
{
	position: absolute;
	background-image:  url(../images/chameleon-trans.png);
/*	top: -18px; */
	left: 10px;
	width: 96px;
	height: 86px;
}

#iso
{
	position: absolute;
	background: url(../images/iso.gif) no-repeat;
	right: 10px;
/*	top: -18px; */
	right: 10px;
	width: 112px;
	padding-top: 78px;
	font-size: x-small;
	text-align: center;
	color: black;
}

#premises
{
    float: right;
    margin: 20px;   
}

#validator
{
	font-size: x-small;
	color: #a497c7;
}

#nav
{
	padding: 18px 0 0 0;
	font-family: "Century Gothic", sans-serif;
}

/*
#nav ul, #nav li, #nav li a
{
	box-sizing: content-box;
}
*/

#nav ul
{
	margin: 0px;
	padding: 0px;
}

#nav li
{
	line-height: normal;
	margin-right: 0px;
	position: relative;
	list-style: none;
	margin-left: -2px;
	float: left;
	width: 7em;
	text-align: center;
/*	background: #def; */
	background: #bccae0;
	background-image: url(../images/menubg.gif);
	background-position: bottom;
	border: 2px solid #a497c7;
/*	margin: 2px;*/
	border-bottom-width: 5px;
}

/* box-sizing suggested by IE7. It makes how row of pulldown selectable,
   but doesn't fix horizontal top level menu? Something to do with the 
   background png for the down arrow of submenus... */
#nav li a
{
	display: block;
	font-size: smaller;
	font-weight:  bold;
	color: #320d7b;
	text-decoration: none;
	border: none;
	padding: 0.1em 0 0.1em 0;
	text-transform:lowercase;
}

/* Preserve case of client, partner and project names */
#nav li#portfolio ul li a,
#nav li#partners ul li a
{
	text-transform: none;
}
/*
#nav li#portfolio ul li
{
	width: 130px;
}
*/
#nav li ul ul li
{
	width: 12em;
}

/*
#nav li.folder
{
	background: #bccae0 url(../images/downarrow-trans.png) center right no-repeat;
	background-position: center right;
}
*/
#nav li a.submenu
{
	background: url(../images/downarrow.gif) no-repeat center right; 
}

#nav li li a.submenu 
{
	background: url(../images/rightarrow.gif) no-repeat center right; 
}

#nav li:hover
{
	background-color: #a497c7;
	background-position: top;
	z-index: 10;
}

#nav li ul
{
	background: #bccae0;
	border: 2px solid #a497c7;
	padding-top: 6px;
	margin-left: -2px;
}

#nav li li
{
	position: relative;
	margin: 0px;
	border: none;
	background: none;
	text-align: left;
	padding: 0.2em 0.5em 0.2em 0.5em;
	width: 9em;
}

#nav ul ul ul
{
	padding: 0px;
	margin-left: 10em;
	margin-top: -1.5em;
}
/*
#nav li#portfolio li ul
{
	margin-left: 144px;
}
*/
#nav li li a
{
	font-weight: normal;
}

#nav ul ul
{
	background: #def;
	position: absolute;
	left: 0px;
}

#nav ul ul, 
#nav li:hover ul ul
{
	display: none;
}

#nav li:hover ul,
#nav li li:hover ul
{
	display: block;
}

#endnav
{
	clear: both;
	height: 1em;
}

.thumbnails ul
{
	padding: 0;
}

.thumbnails li
{
	list-style: none;
	font-size: x-small;
	line-height: normal;
	margin-right: 10px;
	margin-bottom: 10px;
	background: white;
	padding: 5px;
	border: 1px solid #999; /*#a497c7;*/
/*	width: 100px;*/
}

.float li
{
	float: left;
}

.thumbnails li:hover
{
	background: #a497c7;
}

.thumbnails a
{
	color: #320d7b;
	display: block;
	text-decoration:none;
	border: none;
}

.thumbnails img
{
	border: none;
}

.thumbnails li div
{
	display: none;
	position: absolute;
	left: 180px;
	text-align: left;
	font-size:medium;
	padding: 5px;
	background: white;
	border-width: 2px; /* solid #a497c7 */;
	z-index: 10;
}

.thumbnails .float div
{
	margin-top: 20px;
}

.thumbnails li:hover div
{
	display:block;
}

.brochure
{
	float: left;
	width: 180px;
	height: 22em;
	text-align: center;
}

img.thumbnail
{
    float: left;
    width: 10em;
    padding: 1em;
}

#slideshow {
    position:relative;
    height:350px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

#slideshow IMG.active {
    z-index:10;
}

#slideshow IMG.last-active {
    z-index:9;
}