/* highlight menu item of current site section */
#technologyMainMenuItem a:link, #technologyMainMenuItem a:visited {
  /*color: #F0F0F0;*/
  background-image: url(/static/images/menu-background_active-1.png);
  font-weight: bold;
  background-color: #CBCBCB;
  color: #5A5A5A;
}

/* background image */
#header {
  /*background-image: url(/static/images/dempster-4.jpg);*/
  /*background-image: url(/static/images/ayutthaya-3.jpg);*/
  /*background-image: url(/static/images/sukothai-4.jpg);*/
  background-image: url(/static/images/cusco-1.jpg);
}

/*  list of services */
ul.servicesListing {
  list-style-image: url(/static/images/list-bullet-1.jpg);
  margin-left: 25px;
  font-size: 10pt;
}

/* sidebar image */
#sidecontent img {
  margin-top: 15px;
  margin-left: 30px;
  margin-bottom: 25px;
}




/* content area for /services/ */
#servicesContent {
  margin: 0px 0px 10px 185px;
  padding: 5px 15px 5px 15px;
  /* set minimum height :-) */
  /* min-height: not supported by IE6 */
  min-height: 350px;
  text-align: left;
  /*border: 1px dashed green;*/
}

#servicesContent p {
  /*font-size: 10pt;*/
  font-size: 13px;
  margin-bottom: 7px;
  margin-right: 20px;
}

/* re-define page content area */
#outercontainer {
  background-image: url(/static/images/background-divider-2.jpg);
  background-position: -40px;
}


/* the menu container */
#outerMenuContainer {
  height: 350px;
  float: left;
  margin-right: 10px;
  /*border: 1px solid green;*/
}

/* image below menu */
#outerMenuContainer img {
  /*margin: 75px auto auto 40px;*/
  margin: 35px auto auto 15px;
}

#mainMenuTechnology {
  margin-top: 20px;
  margin-left: 10px;
  /*border: 1px solid #C7C7C7;*/
  border-bottom: none;
}

#mainMenuTechnology a:active {
  color: #FFFFFF;
}


#mainMenuTechnology ul {
  /*background-color: #F2F2F2;*/
  clear: left;
  list-style-type: none;
  text-align: left;
}

#mainMenuTechnology ul li {
  display: block;
  text-align: center;
  /*border-top: 1px solid White;*/
  border-bottom: 1px solid #C7C7C7;
  /*padding-left: 2px;*/
  /*border: 1px solid red;*/
}


/* the individual menu items */
#mainMenuTechnology ul li a, #mainMenuTechnology ul li a:active {
  background-image: url(/static/images/menu_bb.png);
  background-position: 0px 4px;
  background-repeat: no-repeat;
  border: none;
  /* more beautiful but does not match our link color */
  /*color: #646464;*/
  /* our standard link color */
  color: #4D68B6;
  display: block;
  /*font-size: 10pt;*/
  font-size: 13px;
  /*line-height: 1.5em;*/
  line-height: 20px;
  font-weight: normal;
  font-family: Geneva, Arial, Helvetica, sans-serif;
  text-align: left;
  text-decoration: none;
  text-transform: none;
  /*height: 20px;*/
  padding-left: 12px;
  padding-right: 10px;
  /*width: 150px;*/
}



#mainMenuTechnology ul li a:hover {
  background-color: #FBFBFB;
  /* triangle image */
  background-image: url(/static/images/menu_arrow.png);
  background-repeat: no-repeat;
  background-position: 1px 8px;
  /* more beautiful but does not match our 'active section' color */
  /*color: #727272;*/
  /* our standard color for 'active section' headings */
  color: #CC3300;
}

/* menu heading 'Services/Data Acquisition' */
/*#mainMenuTechnology h1 {
  background-image: url(/static/images/menu-header-background-1.jpg);
  background-position: 0px -5px;
  color: #CC3300;
  font-weight: bold;
  font-size: 10pt;
  line-height: 1.5em;
  font-family: Geneva, Arial, Helvetica, sans-serif;
  text-align: left;
  margin: 0;
  border: none;
  border-bottom: 1px solid #C7C7C7;
}

#mainMenuTechnology h1 a, #mainMenuTechnology h1 a:active {
  display: block;
  color: #4D68B6;
  text-decoration: none;
  padding-left: 10px;
}

#mainMenuTechnology h1 a:hover {
  display: block;
  color: #CC3300;
  text-decoration: none;
  padding-left: 10px;
}
*/


/* highlight menu item corresponding to current section */
#mainMenuTechnology .currentMenuItem a, #mainMenuTechnology .currentMenuItem a:hover {
  /*background-color: #E6E6E6;*/
  color: #CC3300;
  font-weight: bold;
  background-image: url(/static/images/menu_arrow.png);
  background-repeat: no-repeat;
  background-position: 1px 8px;
  /* triangle image */
  /*background-image: url(/static/images/menu_arrow.png);
  background-repeat: no-repeat;
  background-position: 0% 50%;*/
  /*white-space: nowrap;*/
}
/* fix overriding background-image for h1 (1st menu entry) */
#mainMenuTechnology h1.currentMenuItem a, #mainMenuTechnology h1.currentMenuItem a:hover {
  background-image: url(/static/images/menu-header-background-1.jpg);
  background-position: 0px -5px;
  color: #CC3300;
  font-weight: bold;
}

/* image of application windows */
#appWindows {
  margin-left: 80px;
  margin-top: 20px;
  margin-bottom: 20px;
}

/* list of services */
#servicesListContainer {
  margin-top: 40px;
  margin-left: 20px;
}

.servicesListServices {
  width: 380px;
  margin-top: 20px;
  margin-bottom: 30px;
  /*border: 1px solid green;*/
}

.servicesListServices div {
  margin-left: 85px;
  /*border: 1px solid blue;*/
}

/* text indent */
.servicesListServices div p {
  margin-left: 5px;
}

.servicesListServices h2 {
  margin-top: 0px;
  font-size: 10pt;
}

/* first image */
.servicesListServices img#first {
  float: left;
  /*margin-right: 5px;*/
  margin-left: 5px;
  margin-top: -5px;
}

/* second image */
.servicesListServices img#second {
  float: left;
  /*margin-right: 5px;*/
  margin-left: 5px;
  margin-top: 3px;
}

/* third image */
.servicesListServices img#third {
  float: left;
  /*margin-right: 5px;*/
  margin-left: 8px;
  margin-top: 5px;
}

/* fourth image */
.servicesListServices img#fourth {
  float: left;
  /*margin-right: 5px;*/
  margin-left: 0px;
  margin-top: 5px;
}