/* Elements
---------------------------------*/
* {
  margin: 0;
  padding: 0;
}

a:link {
	color: blue;
	text-decoration: underline;
}
a:visited {
	color: blue;
	text-decoration: underline;
}

html,
body {
  background: #CCC;
}

body {
  margin: 0;
  padding: 0;
  font: normal 9pt 76%/1.5 "trebuchet ms", verdana, sans-serif;
  position:relative;
  color: #333;
}

body, td, li, p, a{
  font: normal 9pt 76%/1.5 "trebuchet ms", verdana, sans-serif;
}

h1 {
  font-family: "trebuchet ms", verdana, sans-serif;
  padding-left: 51;
  color: #83ACC8;
  font-size: 30pt;
  font-weight: bold;
}

h2 {
  font-family: "trebuchet ms", arial, sans-serif;
  color: #827774;
  font-size: 14pt;
  font-weight: bold;
}

.featurequote {
	font-family: "trebuchet ms", arial, sans-serif;
	color: #918886;
	font-size: 11pt;
	font-weight:900;
}




/* Layout
---------------------------------*/

#template {
  position: relative;
  border: 1px solid #fc0;
  width: 700px;
  margin: auto;
}

#header {
  margin-top: 2em;
}

#content {
  margin-top: 2em;
}

#maincontent {
  margin-top: 2em;
}

/* Page backgrounds
---------------------------------*/
#products {
background:#ccc URL(../images/products_watermark.gif) no-repeat 100% 30px;
}

#products2 {
background:#ccc URL(../images/products_watermark.gif) no-repeat 80% 30px;
}

#splash, #splash_fr{
	margin-top:25px;
}

/* Products Page Side Content
---------------------------------*/

#sidebar1{
	background-color:#B0B0B0;
	padding:7px 7px 7px 7px;
	border-top: 1px solid #FFFFFF;
    font-family: "trebuchet ms", verdana, sans-serif;
	font-size:10pt;
	color:#FFFFFF;
	font-weight:bold;
}

#sidebar1 ul{
	list-style-image: URL(../images/rightcol1.gif);
	margin-left:15px;
}

#sidebar1 li{
	color:#000;
    font-family: "trebuchet ms", verdana, sans-serif;
	font-size:8pt;
}

#sidebar2{
	padding:10px 10px 10px 10px;
    padding-left:30px;
	border-top: 1px solid #FFFFFF;
    font-family: "trebuchet ms", verdana, sans-serif;
	font-size:10pt;
	color:#000;
	font-weight:bold;
}

#sidebar2 ul{
	list-style-image: URL(../images/rightcol1.gif);
    padding-left:30px;
}

#sidebar2 li{
	color:#5798C5;
    font-family: "trebuchet ms", verdana, sans-serif;
	font-size:8pt;
}

/* Products Page and Projects Page Listing
---------------------------------*/

#listtitle {
    font-family: "trebuchet ms", verdana, sans-serif;
	font-size:8pt;
	color:#83ACC8;
	font-weight:bold;
}

#listbrief {
	font-family: Trebuchet MS, Verdana, sans-serif;
	font-size:8pt;
	color:#000;
}

#productnav {
	border-top: 1px solid #FFFFFF;
	font-family: "trebuchet ms", arial, sans-serif;
	color: #76A2C1;
	font-size: 12pt;
	font-weight: bold;
}

#productnav2 {
	font-family: "trebuchet ms", arial, sans-serif;
	color: #76A2C1;
	font-size: 12pt;
	font-weight: bold;
}

#projectcell {
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}

#featurequote {
	font-family: "trebuchet ms", arial, sans-serif;
	color: #918886;
	font-size: 11pt;
	font-weight:900;
}

/* News Page Styles
---------------------------------*/

#title {
  font-family: "trebuchet ms", verdana, sans-serif;
  color: #83ACC8;
  font-size: 30pt;
  font-weight: bold;
}

#titlesub {
  font-family: "trebuchet ms", verdana, sans-serif;
  color: #83ACC8;
  font-size: 24pt;
  font-weight: bold;
}

#newssubtitle {
  font-family: "trebuchet ms", arial, sans-serif;
  color: #827774;
  font-size: 14pt;
  font-weight: bold;
}

#newstitle {
  margin-left: 54px;
  margin-right: 5%;
}

/* Contact Page
---------------------------------*/

#conhead {
  font-family: "trebuchet ms", arial, sans-serif;
  color: #85B1D0;
  font-size: 14pt;
  font-weight: bold;
  line-height:15pt;
}

#consub {
  font-family: "trebuchet ms", arial, sans-serif;
  color: #000;
  font-size: 11.99 pt;
  font-weight: bold;
  line-height:15pt;
}

#conbody {
  font-family: "trebuchet ms", arial, sans-serif;
  color: #000;
  font-size: 11.99 pt;
  line-height:15pt;
}

#conmail {
  font-family: "trebuchet ms", arial, sans-serif;
  color: #5798C5;
  font-size: 11.99 pt;
  font-weight: normal;
  line-height:15pt;
}

#conmenu {
  font-family: "arial narrow" arial, sans-serif;
  color: #fff;
  font-size: 11.99 pt;
  margin-left: 100px;
	margin-right: 0px
}

/* Primary Navigation
---------------------------------*/

#primarynav {
  position: relative;
  width:100%;
  background: #85B1D0 URL(../images/EN_nav_right_spacer.gif) repeat-x;
  height:39px;
  padding-left:35px;
  border-bottom:#FFFFFF solid 1px;
}


#primarynav UL {
  position: absolute;
  top: 0;
  left: 36px;
  width:535px;
}

#primarynav.french UL {
  width:722px;
}

#primarynav.french UL UL{
  width:200px;
}

#navholder {
height:39px;
border-left:1px solid #FFF;
}


#primarynav a {
  display: block;
	text-indent: -9999px;
  height: 100%; /* Fix IE/Opera */
  text-decoration: none;
}

#primarynav li {
  float: left;        /* Opera 7: submenues not positioning correctly */
  position: relative; /* by using float and position together...      */
  background: #cc0;   /* absolute positioning would need to be used   */
  /*width: 100px;*/
  list-style: none;
  height:27px;
}

#primarynav li:hover {

}


#primarynav ul ul a {
	 padding: 3px 5px 3px 5px;
	width:190px;
	font-size:8pt;
	text-indent: 0px;
	color:#FFF;
}

#primarynav ul ul a.over,
#primarynav ul ul a:focus,
#primarynav ul ul a:hover {
    background: #336699 URL(../images/sub_back.gif) repeat-x 0% 100%;
}

#primarynav li ul {
  position: absolute;
  top: auto;
  left: -15px;
	background: transparent;
  margin:0px;
  padding: 30px;
  padding-top: 0;
  width: 200px;
}

#primarynav li ul ul {
  position: absolute;
  top: 0;
  left: 173px;
  background: transparent;
  padding: 30px;
  padding-top: 0;
  padding-left: 0;
  width: 100%;
}

#primarynav li li {
  float: none;
  background: #559FD3 URL(../images/sub_back.gif) repeat-x 0% 100%;
  line-height:15px;
  padding:0px;
  width: auto;
  height:100%;
}


#primarynav li:hover ul ul,
#primarynav li:hover ul ul ul,
#primarynav li.over ul ul,
#primarynav li.over ul ul ul,
#primarynav li ul {
  display: none;
}

#primarynav li:hover ul,
#primarynav li li:hover ul,
#primarynav li li li:hover ul,
#primarynav li.over ul,
#primarynav li li.over ul,
#primarynav li li li.over ul {
  display: block;
}


#primarynav #navhome{
	width:59px;
	background:transparent URL(../images/menu_off.gif) no-repeat 0px;
}
#primarynav #navhome:focus,
#primarynav #navhome.over,
#primarynav #navhome:hover {
	background:transparent URL(../images/menu_on.gif) no-repeat 0px;
}

#primarynav #navabout{
	width:76px;
	background:transparent URL(../images/menu_off.gif) no-repeat -59px;
}
#primarynav #navabout:focus,
#primarynav #navabout.over,
#primarynav #navabout:hover {
	background:transparent URL(../images/menu_on.gif) no-repeat -59px;
}
#about #primarynav #navabout{
	background:transparent URL(../images/menu_on.gif) no-repeat -59px;
}

#primarynav #navproducts{
	width:73px;
	background:transparent URL(../images/menu_off.gif) no-repeat -137px;
}
#primarynav #navproducts:focus,
#primarynav #navproducts.over,
#primarynav #navproducts:hover {
	background:transparent URL(../images/menu_on.gif) no-repeat -137px;
}
#products #primarynav #navproducts{
	background:transparent URL(../images/menu_on.gif) no-repeat -137px;
}


#primarynav #navprojects{
	width:78px;
	background:transparent URL(../images/menu_off.gif) no-repeat -210px;
}
#primarynav #navprojects:focus,
#primarynav #navprojects.over,
#primarynav #navprojects:hover {
	background:transparent URL(../images/menu_on.gif) no-repeat -210px;
}
#projects #primarynav #navprojects {
	background:transparent URL(../images/menu_on.gif) no-repeat -210px;
}

#primarynav #navnews{
	width:63px;
	background:transparent URL(../images/menu_off.gif) no-repeat -288px;
}
#primarynav #navnews:focus,
#primarynav #navnews.over,
#primarynav #navnews:hover {
	background:transparent URL(../images/menu_on.gif) no-repeat -288px;
}
#news #primarynav #navnews{
	background:transparent URL(../images/menu_on.gif) no-repeat -288px;
}

#primarynav #navexpert{
	width:114px;
	background:transparent URL(../images/menu_off.gif) no-repeat -350px;
}
#primarynav #navexpert:focus,
#primarynav #navexpert.over,
#primarynav #navexpert:hover {
	background:transparent URL(../images/menu_on.gif) no-repeat -350px;
}
#expert #primarynav #navexpert {
	background:transparent URL(../images/menu_on.gif) no-repeat -350px;
}

#primarynav #navcontact{
	width:72px;
	background:transparent URL(../images/menu_off.gif) no-repeat -463px;
}
#primarynav #navcontact:focus,
#primarynav #navcontact.over,
#primarynav #navcontact:hover {
	background:transparent URL(../images/menu_on.gif) no-repeat -463px;
}
#contact #primarynav #navcontact {
	background:transparent URL(../images/menu_on.gif) no-repeat -463px;
}

/* menu french */

#primarynav.french #navhome{
	width:73px;
	background:transparent URL(../images/menu_fr_off.gif) no-repeat 0px;
}
#primarynav.french #navhome:focus,
#primarynav.french #navhome.over,
#primarynav.french #navhome:hover {
	background:transparent URL(../images/menu_fr_on.gif) no-repeat 0px;
}

#primarynav.french #navabout{
	width:125px;
	background:transparent URL(../images/menu_fr_off.gif) no-repeat -73px;
}
#primarynav.french #navabout:focus,
#primarynav.french #navabout.over,
#primarynav.french #navabout:hover {
	background:transparent URL(../images/menu_fr_on.gif) no-repeat -73px;
}
#about #primarynav.french #navabout{
	background:transparent URL(../images/menu_fr_on.gif) no-repeat -73px;
}

#primarynav.french #navproducts{
	width:74px;
	background:transparent URL(../images/menu_fr_off.gif) no-repeat -196px;
}
#primarynav.french #navproducts:focus,
#primarynav.french #navproducts.over,
#primarynav.french #navproducts:hover {
	background:transparent URL(../images/menu_fr_on.gif) no-repeat -198px;
}
#products #primarynav.french #navproducts{
	background:transparent URL(../images/menu_fr_on.gif) no-repeat -198px;
}


#primarynav.french #navprojects{
	width:72px;
	background:transparent URL(../images/menu_fr_off.gif) no-repeat -275px;
}
#primarynav.french #navprojects:focus,
#primarynav.french #navprojects.over,
#primarynav.french #navprojects:hover {
	background:transparent URL(../images/menu_fr_on.gif) no-repeat -275px;
}
#projects #primarynav.french #navprojects {
	background:transparent URL(../images/menu_fr_on.gif) no-repeat -275px;
}

#primarynav.french #navnews{
	width:86px;
	background:transparent URL(../images/menu_fr_off.gif) no-repeat -344px;
}
#primarynav.french #navnews:focus,
#primarynav.french #navnews.over,
#primarynav.french #navnews:hover {
	background:transparent URL(../images/menu_fr_on.gif) no-repeat -344px;
}
#news #primarynav.french #navnews{
	background:transparent URL(../images/menu_fr_on.gif) no-repeat -344px;
}

#primarynav.french #navexpert{
	width:137px;
	background:transparent URL(../images/menu_fr_off.gif) no-repeat -430px;
}
#primarynav.french #navexpert:focus,
#primarynav.french #navexpert.over,
#primarynav.french #navexpert:hover {
	background:transparent URL(../images/menu_fr_on.gif) no-repeat -430px;
}
#expert #primarynav.french #navexpert {
	background:transparent URL(../images/menu_fr_on.gif) no-repeat -430px;
}

#primarynav.french #navcontact{
	width:128px;
	background:transparent URL(../images/menu_fr_off.gif) no-repeat -567px;
}
#primarynav.french #navcontact:focus,
#primarynav.french #navcontact.over,
#primarynav.french #navcontact:hover {
	background:transparent URL(../images/menu_fr_on.gif) no-repeat -567px;
}
#contact #primarynav.french #navcontact {
	background:transparent URL(../images/menu_fr_on.gif) no-repeat -567px;
}

/* splash menu */

#splashcontainer{
	position:relative;
	margin:0 auto;
	width:100%;
}

#splashmain{
	background:#ccc URL(../images/splashbackground_main.jpg) no-repeat 0% 0%;
	position:relative;
	margin:0px auto;
	padding:89px 0px 0px 0px;
	width:796px;
	height:520px;
}

#lang{
	position:absolute;
	margin:0px auto;
	left:10px;
	top:10px;
	}

#splashImage{
	position:absolute;
	right:0px;
	top:128px;
	text-align:right;
	margin-top:1px;
	}

#splash #primarynav, #splash_fr #primarynav {
  position: relative;
  background:transparent;
  width:100%;
  border-bottom:none;
  margin-top:0px;
  margin-left:1px;
}

#splash #primarynav UL, #splash_fr #primarynav UL{
  width:100%;
}

#splash #primarynav #mainsplash, #splash_fr #primarynav #mainsplash {
  position: relative;

  /*height:20px;*/
}

#mainsplash LI {
  height:27px;
}

#splash #primarynav LI UL, #splash_fr #primarynav LI UL {
  width: 200px;
}


#splash #navholder, #splash_fr #navholder {
margin:0px;
padding:0px;
border:none;
}

#splash #primarynav, #splash #navholder, #splash #mainsplash, #splash_fr #primarynav, #splash_fr #navholder, #splash_fr #mainsplash{
	padding-left:0px;
}

#splash #primarynav #navhome{
	width:59px;
	background:transparent URL(../images/splash_menu_off.jpg) no-repeat 0px;
}
#splash #primarynav #navhome:focus,
#splash #primarynav #navhome.over,
#splash #primarynav #navhome:hover {
	background:transparent URL(../images/splash_menu_on.jpg) no-repeat 0px;
}

#splash #primarynav #navabout{
	width:76px;
	background:transparent URL(../images/splash_menu_off.jpg) no-repeat -59px;
}
#splash #primarynav #navabout:focus,
#splash #primarynav #navabout.over,
#splash #primarynav #navabout:hover {
	background:transparent URL(../images/splash_menu_on.jpg) no-repeat -59px;
}

#splash #primarynav #navproducts{
	width:73px;
	background:transparent URL(../images/splash_menu_off.jpg) no-repeat -137px;
}
#splash #primarynav #navproducts:focus,
#splash #primarynav #navproducts.over,
#splash #primarynav #navproducts:hover {
	background:transparent URL(../images/splash_menu_on.jpg) no-repeat -137px;
}

#splash #primarynav #navprojects{
	width:78px;
	background:transparent URL(../images/splash_menu_off.jpg) no-repeat -210px;
}
#splash #primarynav #navprojects:focus,
#splash #primarynav #navprojects.over,
#splash #primarynav #navprojects:hover {
	background:transparent URL(../images/splash_menu_on.jpg) no-repeat -210px;
}

#splash #primarynav #navnews{
	width:63px;
	background:transparent URL(../images/splash_menu_off.jpg) no-repeat -288px;
}
#splash #primarynav #navnews:focus,
#splash #primarynav #navnews.over,
#splash #primarynav #navnews:hover {
	background:transparent URL(../images/splash_menu_on.jpg) no-repeat -288px;
}


#splash #primarynav #navexpert{
	width:124px;
	background:transparent URL(../images/splash_menu_off.jpg) no-repeat -350px;
}
#splash #primarynav #navexpert:focus,
#splash #primarynav #navexpert.over,
#splash #primarynav #navexpert:hover {
	background:transparent URL(../images/splash_menu_on.jpg) no-repeat -350px;
}


#splash #primarynav #navcontact{
	width:172px;
	background:transparent URL(../images/splash_menu_off.jpg) no-repeat -473px;
}
#splash #primarynav #navcontact:focus,
#splash #primarynav #navcontact.over,
#splash #primarynav #navcontact:hover {
	background:transparent URL(../images/splash_menu_on.jpg) no-repeat -473px;
}

/* splash menu french */

#splash #primarynav.french #navhome{
	width:74px;
	background:transparent URL(../images/splash_menu_fr_off.jpg) no-repeat 0px;
}
#splash #primarynav.french #navhome:focus,
#splash #primarynav.french #navhome.over,
#splash #primarynav.french #navhome:hover {
	background:transparent URL(../images/splash_menu_fr_on.jpg) no-repeat 0px;
}

#splash #primarynav.french #navabout{
	width:127px;
	background:transparent URL(../images/splash_menu_fr_off.jpg) no-repeat -74px;
}
#splash #primarynav.french #navabout:focus,
#splash #primarynav.french #navabout.over,
#splash #primarynav.french #navabout:hover {
	background:transparent URL(../images/splash_menu_fr_on.jpg) no-repeat -74px;
}

#splash #primarynav.french #navproducts{
	width:77px;
	background:transparent URL(../images/splash_menu_fr_off.jpg) no-repeat -201px;
}
#splash #primarynav.french #navproducts:focus,
#splash #primarynav.french #navproducts.over,
#splash #primarynav.french #navproducts:hover {
	background:transparent URL(../images/splash_menu_fr_on.jpg) no-repeat -201px;
}

#splash #primarynav.french #navprojects{
	width:72px;
	background:transparent URL(../images/splash_menu_fr_off.jpg) no-repeat -278px;
}
#splash #primarynav.french #navprojects:focus,
#splash #primarynav.french #navprojects.over,
#splash #primarynav.french #navprojects:hover {
	background:transparent URL(../images/splash_menu_fr_on.jpg) no-repeat -278px;
}

#splash #primarynav.french #navnews{
	width:86px;
	background:transparent URL(../images/splash_menu_fr_off.jpg) no-repeat -344px;
}
#splash #primarynav.french #navnews:focus,
#splash #primarynav.french #navnews.over,
#splash #primarynav.french #navnews:hover {
	background:transparent URL(../images/splash_menu_fr_on.jpg) no-repeat -344px;
}


#splash #primarynav.french #navexpert{
	width:137px;
	background:transparent URL(../images/splash_menu_fr_off.jpg) no-repeat -430px;
}
#splash #primarynav.french #navexpert:focus,
#splash #primarynav.french #navexpert.over,
#splash #primarynav.french #navexpert:hover {
	background:transparent URL(../images/splash_menu_fr_on.jpg) no-repeat -430px;
}


#splash #primarynav.french #navcontact{
	width:128px;
	background:transparent URL(../images/splash_menu_fr_off.jpg) no-repeat -567px;
}
#splash #primarynav.french #navcontact:focus,
#splash #primarynav.french #navcontact.over,
#splash #primarynav.french #navcontact:hover {
	background:transparent URL(../images/splash_menu_fr_on.jpg) no-repeat -567px;
}





/* blue grades - root level; text properties for states: normal, hover, click */
.TM0i0 {
   font-family: "trebuchet ms", verdana, sans-serif;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}

/* blue grades - root level; box properties for states: normal */
.TM0o0 {
	background: #3C76B2;
	border: 1px solid #2B547F;
	padding: 4px;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
}

/* blue grades - root level; box properties for states: hover, click */
.TM0o1 {
	background: #4D99E6;
	border: 1px solid #2B547F;
	padding: 4px;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
}

/* blue grades - sub levels; box properties for states: normal */
.TM1o0 {
	background: #4D99E6;
	border: 1px solid #2B547F;
	padding: 4px;
	text-align: left;
	vertical-align: middle;
	text-decoration: none;
}

/* blue grades - sub levels; box properties for states: hover, click */
.TM1o1 {
	background: #3C76B2;
	border: 1px solid #2B547F;
	padding: 4px;
	text-align: left;
	vertical-align: middle;
	text-decoration: none;
}