/* CONCISE - CSS Document */

body { margin: 0; overflow: auto; font: 0.8em tahoma; text-align: justify; color: #666; background-color: #eaeff3; background: url(../images/background-jigsaw.jpg) no-repeat; }
p { padding: 0; margin: 0 0 15px 0; }

a:link 		{ color: #666; text-decoration: none;		}
a:visited 	{ color: #666; text-decoration: none;		}
a:hover 	{ color: #a7d0dd; text-decoration: underline;	}
a:active 	{ color: #666; text-decoration: none;		}

#all { position: absolute; top: 0; width: 953px; left: 50%; margin-left: -476px; }
#header { position: absolute; top: 0; width: 953px; height: 77px; left: 50%; margin-left: -476px; }
#menu { position: absolute; top: 77px; width: 953px; height: 28px; left: 50%; margin-left: -476px; padding-bottom: 5px; border-bottom: 3px solid #1e60a2; }
#contentwindow { position: relative; top: 155px; height: 302px; width: 953px; }
#contentmap { position: relative; top: 250px; width: 953px; height: 302px; padding: 10px; background: url(../images/concise-window-blank.gif) no-repeat; }
#map { width: 932px; height: 282px; }
#contentmap2 { position: relative; width: 625px; height: 296px; padding: 6px 5px 0 6px; background: url(../images/concise-window-blank2.gif) no-repeat; }
#map2 { width: 616px; height: 290px; }


/* --- Lateral navigation ---------------------------- */
#navLat 	{ position: absolute; top: 485px; width: 953px; height: 25px; left: 50%; margin-left: -476px; font-size: 1.3em; text-align: center; border-top: 1px solid #fff; border-bottom: 1px solid #fff; }
#navLat div { font-size: 0.8em; font-weight: normal; }

#navLat a:link 		{ color: #666; text-decoration: none;		}
#navLat a:visited 	{ color: #666; text-decoration: none;		}
#navLat a:hover 	{ color: #1e60a2; text-decoration: underline;	}
#navLat a:active 	{ color: #666; text-decoration: none;		}


.subnav 	{ width: 438px; padding-top: 4px; height: 25px; }
#subnavorangeleft 		{ float: left; text-align: left; padding-left: 30px; background: url(../images/img_arrow-orange-left.gif) no-repeat; 		}
#subnavorangeright 		{ float: right; text-align: right; padding-right: 30px; background: url(../images/img_arrow-orange-right.gif) no-repeat;  	}
#subnavgreenleft 		{ float: left; text-align: left; padding-left: 30px; background: url(../images/img_arrow-green-left.gif) no-repeat; 		}
#subnavgreenright 		{ float: right; text-align: right; padding-right: 30px; background: url(../images/img_arrow-green-right.gif) no-repeat;  	}
#subnavblueleft 		{ float: left; text-align: left; padding-left: 30px; background: url(../images/img_arrow-blue-left.gif) no-repeat; 			}
#subnavblueright 		{ float: right; text-align: right; padding-right: 30px; background: url(../images/img_arrow-blue-right.gif) no-repeat;  	}
#subnavlightblueleft 	{ float: left; text-align: left; padding-left: 30px; background: url(../images/img_arrow-lightblue-left.gif) no-repeat; 	}
#subnavlightblueright 	{ float: right; text-align: right; padding-right: 30px; background: url(../images/img_arrow-lightblue-right.gif) no-repeat; }
#subnavredleft 			{ float: left; text-align: left; padding-left: 30px; background: url(../images/img_arrow-red-left.gif) no-repeat; 			}
#subnavredright 		{ float: right; text-align: right; padding-right: 30px; background: url(../images/img_arrow-red-right.gif) no-repeat;  		}

/* --- Main Menu ------------------------------------- */
.menuitem { position: absolute; text-align: center; font-size: 1.5em; letter-spacing: -0.05em; padding-top: 10px; }
#menuitem1 { width: 170px; left: 0; 	}	
#menuitem2 { width: 210px; left: 170px; }	
#menuitem3 { width: 215px; left: 380px; }	
#menuitem4 { width: 164px; left: 595px; }	
#menuitem5 { width: 194px; left: 759px; }	

/* --- Submenu --------------------------------------- */
#submenu { position: absolute; top: 121px; width: 953px; height: 18px; left: 50%; margin-left: -476px; padding-top: 7px; font-size: 0.8em; }
#submenu div { display: none; }

.content { float: left; }

/* --- Innovation - Equipment ------------------------- */
#content1of4 		{ width: 168px; }
#content2of4 		{ width: 228px; padding: 0 80px 0 40px; }
#content3of4 		{ width: 168px; }
#content4of4 		{ width: 228px; padding: 0 0 0 40px; }
#contentwindow a 	{ font-weight: bold; }

/* --- Innovation - Clients ---------------------------- */
#contentFull { width: 940px; height: 296px; background: url(../images/concise-window-blank.gif) no-repeat; padding: 6px 5px 0 6px; }
#content1of2 { width: 625px; height: 296px; background: url(../images/concise-window-blank2.gif) no-repeat; padding: 6px 5px 0 6px; }
#content2of2 { width: 276px; height: 262px; background: url(../images/img_clients2.gif) no-repeat; padding: 20px; text-align: left;  color: #fff; }
#content2of2 a:link 	{ color: #a7d0dd; font-weight: normal; text-decoration: underline; }
#content2of2 a:visited 	{ color: #a7d0dd; font-weight: normal; text-decoration: underline; }
#content2of2 a:hover 	{ color: #ffffff; font-weight: normal; }
#content2of2 a:active 	{ color: #a7d0dd; font-weight: normal; text-decoration: underline; }

/* --- Capabilities ------------------------------------ */
#content1of3 { width: 277px; height: 262px; background: url(../images/bg_capabilities1.gif) no-repeat; padding: 20px; }
#content2of3 { width: 277px; height: 262px; background: url(../images/bg_capabilities2.gif) no-repeat; padding: 20px; }
#content3of3 { width: 278px; height: 262px; background: url(../images/bg_capabilities3.gif) no-repeat; padding: 20px; color: #fff; text-align: right; font-size: 0.85em; }
#content3of3 h1 { color: #a7d0dd; }

.contentCapabilities { float: left; font-size: 0.85em; }
.contentCapabilities h1 { color: #a7d0dd; }

/* --- Drop-down menu ---------------------------------- */
#nav { margin: 0; padding: 0; font-size: 1.2em; z-index: 5; }
#nav a { text-decoration: none; background-color:#eaeff3; }
#nav li {  margin: 0; float: left; display: block; padding-right: 15px; }
#nav li ul { display: none; }
#nav li.off ul, #nav li.on ul {  position: absolute; top: 33px; /* *top: 43px; */ left: 0px; padding-top: 5px; background: #eaeff3; height: 18px; width: 953px; border-top: 3px solid #1e60a2;  }
#nav li a { color: #666; font-weight: bold; display: block; height: 19px; width: 170px; /*border: 0px solid #d6e3b0;*/ padding: 7px 0 7px 0; text-align: center; }
#nav li.on a { color: #1e60a2; }
#nav li.on ul a, #nav li.off ul a { float: left; border: 0; font-weight: bold; color: #666; width: auto; padding: 0 0 0 15px; font-weight: bold; }
#nav li.on ul { display: block; }
		#nav li ul, #nav li ul { margin: 0; padding: 0; }
		#nav li.on:hover ul, #nav li.over ul { /*for ie*/ background: #eaeff3; }
		#nav li.on:hover ul a, #nav li.over ul li a { /*for ie - the specificity is necessary*/ background: #eaeff3; }
		#nav li.off:hover ul, #nav li.over ul { display: block; z-index: 6000; }
		#nav li.off a:hover, #nav li.on a:hover { color: #275199; }

#about						{position:relative; left:35px}
#nav #aboutSelect	a		{position:relative; left:35px; color:#1E60BE}
#demos						{position:relative; left:35px}
#nav #demosSelect a			{position:relative; left:35px; color:#1E60BE}
#productServices			{position:relative; left:35px}
#nav #productServicesSelect a		{position:relative; left:35px; color:#1E60BE}
#solutions					{position:relative; left:35px}
#nav #solutionsSelect a		{position:relative; left:35px; color:#1E60BE}
#contactUs 					{position:relative; left:35px}
#nav #contactUsSelect a		{position:relative; left:35px; color:#1E60BE}

/*subnav formatting*/
#nav li.off ul a, #nav li.on ul a {display:block; background:#eaeff3; color:#666; font-family:arial, verdana, sans-serif; font-size:small}		
#nav li.on ul a {background: #eaeff3}

#hotlinks {position: absolute; top: 540px; width: 953px; height: 20px; left: 50%; margin-left: -476px; border-top: 3px solid #1e60a2; font-size: 0.8em; font-weight: normal; padding-top: 10px; text-align: center}
#hotlinks a:hover {color:#2164AA}

#concisecredit {position: absolute; top: 565px; width: 953px; height: 20px; left: 50%; margin-left: -476px; font-size: 0.8em; font-weight: normal; padding-top: 10px; text-align: right}
#concisecredit a:hover {color:#2164AA}

h1 {margin: 0; padding: 0; font-size: 1.2em; color: #f30; padding-bottom: 8px}
h2 {margin: 0; padding: 0; font-size: 1.0em; color: #fff; padding-bottom: 5px}
h3 {margin: 0; padding: 0; font-size: 0.8em; color: #fff; padding-bottom: 5px}

.orange {color: #f30}