/* CSS for Emcon Systems Site v2.0 */

body {
  background: #eeeeee url(images/_body_background.png) repeat-x;
  color:#505050;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size:12px;
  line-height: 145%;
  margin: 0;
  padding: 0;
  border: 0;
  text-align: center;
}

.backToTop {
  color:#505050;
  font-size:12px;
  margin: 0;
  padding: 0;
  border: 0;
  text-align: center;
}

#backToTopBar {
  background: #4F88BD url(images/arrow-up.gif) repeat-y top center;
  display:block;
  float: right;
  width: 12px;
  z-index: 500;
  /*visibility: hidden;*/ /* hide but still capable of stretching the actual height */
}

img, table, td, tr, p, span, div, h1, h2, h3, h4, li, ul {
  border:none;
  padding:0;
  margin:0;
}

.contentElement h1, .contentElement h2, .contentElement h3, .contentElement h4 {
  color: #F93D00;
  font-family: "Trebuchet MS",Helvetica;
  line-height: normal;
}

#slogan {
  font-size: 9px;
  color:#C0C0C0;
  margin: 0;
}

h1 {
  font-size: 172%;
  font-size: 21px;
  margin: 0pt 0pt 9px 5px;
}

p {
  margin: 6px;
}

ul{
  padding-top: 15px;
}

em {
  text-transform: uppercase;
}

a, a:link, a:active, a:visited {
  color: #1975D1;
  text-decoration: none;
}

a, a:hover {
  color: #1975D1;
  text-decoration: underline;
  text-decoration: none;
}

/***** HEADER *****/
#header {
  height: 190px;
  width: 961px;
  top: 0px;
  overflow: hidden;
}

img.headerlogoname {
  float: left;
  margin-top: 43px;
  margin-left: 0px;
  margin-bottom: 0px; /* Used to position (push-down) the menubar at bottom of header plate*/
  z-index: inherit;
  padding: 0;
}

#header_topmenu {
  float: right;
  margin: 13px 11px 0 0;
}

#header_topmenu div {
  float: left;
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
  position: relative;
}

#header_topmenu a, #header_topmenu a:link, #header_topmenu a:active, #header_topmenu a:visited {
  color: #9C9C9C;
  margin: 0 0 0 10px;
  padding: 0;
  text-decoration: none;
}

#header_topmenu a, #header_topmenu a:hover {
  color: #404040;
}

/***** MAIN (TOP) NAVIGATION *****/
#mainmenu {
  height:40px;
  clear:both;
  background: #247AC9 url(images/_hmenu_background_left.png) no-repeat top left;
}

#mainmenuInner {
  margin:0px;
  padding:0px 10px; 
  height:40px;
  background:url(images/_hmenu_background_right.png) no-repeat top right;
}

#mainmenu ul {
  margin:0;
  padding:0; 
  float:left;
  position:relative;
  left:0;
  height:40px;
  width:941px;
  list-style-type:none;
  background:url(images/_hmenu_backgound_normal.png) repeat-x top left;
}

.mm_button {
  margin:0px;
  padding:1px 0 1px 0; 
  float:left;
  width:auto;
  height:38px;
  overflow:hidden;
  font-weight:bold;
  font-size:12px;
}

.mm_separator {
  background:url(images/_hmenu_separator.png) no-repeat top left;
  display:block;
  margin:1px;
  padding:1px;
  float:left;
  width:auto;
  height:38px;
  overflow:hidden;
}

.mm_button a, .mm_button a:link, .mm_button a:active, .mm_button a:visited {
  display:block;
  height:38px;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 10px;
  color: #EFEFEF;
  text-decoration: none;
  float:left;
}  

.mm_button a:hover, .mm_button span {
  background:url(images/_hmenu_background_hover.png) repeat-x top left;
  display:block;
  height:38px;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 10px;
  color: #202020;
  text-decoration: none;
  float:left;
}

.mm_button span {
  background-color: #F7F7F7;
  background-image: none;
  color: #202020;
  float:left;
}

/***** CONTENT *****/
#outer_wrapper {
  margin: 0 auto;
  padding: 0; 
  width: 961px;
  text-align: left;
}

#contentspace {
  margin: 0;
  padding: 22px 11px 11px 10px; 
  border-left: 1px solid #9c9c9c;
  border-right: 1px solid #9c9c9c;
  background: #f7f7f7 url(images/_contenspace_bg.png) repeat-y top right;
  z-index: 50;
  text-align: left;
/* begin: min height trick */
  min-height: 625px;
  height: auto !important;
  height: 625px;
/* end: min height trick */
}

.contentElement {
  padding: 0 0 25px; 
}

#projectContentspace {
  margin: 0;
  padding: 22px 11px 11px 10px;
  border-left: 1px solid #9c9c9c;
  border-right: 1px solid #9c9c9c;
  background: #f7f7f7 url(images/_contenspace_bg.png) repeat-y top right;
  z-index: 1;
  text-align: left;
  /* begin: min height trick */
  min-height: 625px;
  height: auto !important;
  height: 625px;
  /* end: min height trick */
  cursor: help;
}

#projectContentspace ul {
  margin: 0;
  padding: 15px 5px 60px;
}

.projectElement {
  float: left;
  background: #E9F0F7;
  border: 1px solid #D0D0D0;
  border-top: 0;
  margin: 0 0 50px;
  margin: 0 0 25px;
  padding: 0 10px 30px;
  width: 916px;
}

.projectIntro {
  float: left;
  overflow: hidden;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 12px;
  font-weight: bold;
  padding: 0;
  border-bottom: 1px dashed #D0D0D0;
  margin: 5px 0 15px;
  min-width: 916px;
}

.projectLeftColumn {
  float: left;
  overflow: hidden;
  margin: 0;
  padding: 0;
  padding: 0 10px 0 0;
  width: 280px;
}

.projectColumn {
  float: left;
  overflow: hidden;
  width: 280px;
  margin: 0 0 0 10px;
  border-left: 1px solid #D0D0D0;
  padding: 0 10px 0 10px;
}

.homeFirstRow {
  overflow: hidden; 
}

.homeUseFullRowSize {
  overflow: hidden;
  padding: 0pt 0px;
}

.homeColumnObject_1 {
  float: left;
  overflow: hidden;
  padding: 0 10px 0 0;
  width: 550px;
}

.homeColumnObject_2 {
  float: left;
  overflow: hidden;
  padding: 0 30px 0 0;
  margin: 0 30px 0 0;
  width: 550px;
  border-right: 1px solid #EFEFFF;
}

.homeColumnSeparator_1 {
  float: left;
  height: auto;
  width: 1px;
  /*visibility: hidden;*/ /* hide but still capable of stretching the actual height */
}

.homeFirstRow p {
  margin: 6px;
  padding: 0;
}

.projectElement p {
  margin: 5px 0 15px 0;
  padding: 0;
}

.projectElement h2 {
  color: #1E66A8;
  font-size: 145%;
  text-align: justify;
  margin: 0 0 5px;
}

.projectElement h3 {
  color: #474747;
  font-size: 125%;
  font-size: 15px;
  font-weight: bold;
  text-align: justify;
  margin: 0;
  padding: 2px 0 0;
}

.projectElement h4 {
  color: #474747;
  color: #155590;
  font-size: 100%;
  font-size: 12px;
  font-weight: bold;
  font-style: italic;
  text-align: justify;
  margin: 0;
  padding: 2px 0 0;
}

.projectTitle {
  display: block;
  width: 936px;
  outline: none;
  margin: 25px 0 0;
  background: #1E66A8;
  border: 1px solid #1E66A8;
  border-bottom: 0;
  color: #FFFFFF;
}

.projectTitle h2 {
  display: block;
  padding: 0 10px;
  outline: none;
  background: #1E66A8;
  color: #FFFFFF;
  font-size: 17px;
  margin: 0;
  text-align: justify;
}

.projectButton a, .projectButton a:link, .projectButton a:active, .projectButton a:visited {
  display: block;
  background-color:#9FBDD9;
  color: #000000;
  font-size: 13px;
  font-weight: bold;
  margin: 0px;
  padding: 4px 10px;
  border-top: 1px solid #DCE5EE;
  border-left: 1px solid #DCE5EE;
  border-right: 1px solid #4F88BD;
  border-bottom: 1px solid #4F88BD;
}

.projectButton a:hover, .projectButton span {
  background: #1E66A8;
  color: #FFFFFF;
  text-decoration: none;
}

.technologiesFirstRow {
  overflow: hidden; 
}

.technologiesFirstRow h2 {
  color:#474747;
  font-family:Verdana,Arial,Helvetica,sans-serif;
  font-size:13px;
  font-weight:bold;
  margin: 10pt 0pt 0px 5px;
  text-align:justify;
}

.technologiesFirstRow p {
  margin: 0pt 0pt 0pt 5px;
  padding: 0;
}

.technicalExpertise {
  margin-left: 20px;
  text-align: justify;
}

.technicalExpertise ul {
  list-style-type: disc;
  margin-left: 20px;
  text-align: justify;
}

.technicalExpertise ul li span {
  color: #9C9C9C;
}

.technicalExpertise h2 {
  color:#0050E0;
  color:#1E66A8;
  font-family:Verdana,Arial,Helvetica,sans-serif;
  font-size:13px;
  font-weight:bold;
  margin: 10pt 0pt 0px 5px;
  text-align:justify;
}

.clear {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}

#notesspace {
  margin: 0;
  padding: 0 11px 6px 10px; 
  border-left: 1px solid #9c9c9c;
  border-right: 1px solid #9c9c9c;
  background: #f7f7f7;
  z-index: 50;
  text-align: left;
}

#notesspace p {
  margin: 0;
  padding: 0;
  color: #9C9C9C;
  text-align: right;
  font-size: 75%;
  font-size: 9px;
  font-style: italic;
}

/***** BOTTOM - FOOTER *****/
#bottom {
  display: block;
  background-color: #F7F7F7;
  border-top: 1px solid #D3D3D3;
}

#belowbottom {
  display: block;
  background-color: #F7F7F7;
  height: 200px;
}

#footer {
  background: #eeeeee url(images/_body_background.png) repeat-x;
  border-left: 1px solid #9C9C9C;
  border-right: 1px solid #9C9C9C;
  height: 163px;
  margin: 0pt auto;
  padding: 9px 9px 18px;
  text-align: left;
  width: 941px;
  overflow: hidden;
}

#footer p {
  margin-left: 0;
}

#w3c_footer {
  float:right;
  width:192px;
}

#w3c_footer ul {
  float:right;
  padding:0;
  list-style:none;
}

#img_w3c_xhtml, #img_w3c_css {
  float: right;
  overflow:hidden;
  text-decoration: none;
  margin: 6px;
}

#img_w3c_xhtml a, #img_w3c_xhtml a:link, #img_w3c_xhtml a:active, #img_w3c_xhtml a:visited {
  background: #F0F0F0 url(images/valid-xhtml10.gif) no-repeat;
  display:block;
  width:57px;
  height:20px;
}  

#img_w3c_css a, #img_w3c_css a:link, #img_w3c_css a:active, #img_w3c_css a:visited {
  background: #F0F0F0 url(images/valid-css.gif) no-repeat;
  display:block;
  width:57px;
  height:20px;
}  

#img_w3c_xhtml a:hover {
  background: #F0F0F0 url(images/h_valid-xhtml10.gif) no-repeat;
}

#img_w3c_css a:hover {
  background: #F0F0F0 url(images/h_valid-css.gif) no-repeat;
}

#ipbox {
  float: right;
  margin: 4px;
  padding: 0 3px;
  border: none;
}

#ipbox p {
  margin: 0;
  padding: 0;
  color: #9C9C9C;
}

#footermenu {
  width: 700px;
  height: 32px;
}

#footermenu a, #footermenu a:link, #footermenu a:active, #footermenu a:visited {
  color: #1975D1;
  text-decoration: none;
}

#footermenu a, #footermenu a:hover {
  color: #1975D1;
  text-decoration: underline;
}

#copyrightbox {
  width: 700px;
  margin: 4px 0;
  padding: 0;
}

#copyrightbox p {
  margin: 0;
  padding: 0;
}

#footertext {
  margin: 40px 0 0;
  padding: 25px 40px 0;
  overflow: hidden;
}

#footertext p {
  margin: 0;
  padding: 0;
  text-align: center;
  font-family: Myriad,"Trebuchet MS",Helvetica;
  font-size: 9px;
  color: #707070;
}

/****************************************/

.home_summary {
  margin: 0 0 10px 20px;
  padding: 0;
  color: #505050;
  text-align: justify;
}

.home_summary ul {
  list-style-type: disc;
  margin-left: 20px;
}

.home_summary li {
  font-size: 115%;
  font-size: 14px;
  line-height: 150%;
  list-style-type: disc;
}

.home_summary li span {
  color:#9C9C9C;
  font-style:italic;
}

.quickviewableleft {
  margin: 5px 0 0;
  float: left;
}

.quickviewableright {
  margin: 5px 0 0;
  float: right;
}

.quickviewable {
  border: 0;
  padding: 0;
  width: 280px;
  z-index: 70;
}

.quickviewable img {
  margin: 0;
  padding: 1px;
}

.quickviewable p {
  font-size: 85%;
  font-size: 10px;
  font-weight: normal;
  line-height: 140%;
  color: #303030;
  margin: 0 0 15px;
  padding: 4px;
  z-index: 80;
}

.quickviewable p span {
  background: #f7f7f7 url(images/_contenspace_bg.png) repeat-y -258px 0px;
  font-weight: bold;
  color: #155590;
}

.qvimgwrapper {
  margin: 0;
  padding: 4px;
  background-color: #ffffff;
  border: 1px solid #888888;
  z-index: 80;
}

.picture_button {
  background: #EFEFEF 4px 4px;
  float: left;
  font-family: "Comic Sans MS","Trebuchet MS",Helvetica;
  font-size:13px;
  line-height: 145%;
  font-weight: bold;
  height: 25px;
  margin: 1px;
  overflow: hidden;
  padding: 0; 
  width: auto;
  z-index: 90;
  opacity: 0.8;
  /*filter: alpha(opacity:10); /* for IE - but has NOT the intended effect */
}

.picture_button:hover {
  opacity: 0.9;
  /*filter: alpha(opacity:90); /* for IE - but has NOT the intended effect */
}

.picture_button a, .picture_button a:link, .picture_button a:active, .picture_button a:visited {
  display:block;
  height:25px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 3px;
  color: #505050;
  text-decoration: none;
  float:left;
}  

.picture_button a:hover, .picture_button span {
  background-color: white;
  display:block;
  height:25px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 3px;
  color: #000000;
  text-decoration: none;
  float:left;
}

/***** STYLES FOR CROSSFADER *****/

div.cf_wrapper
{
  float: left;
  border: 0;
  padding: 0;
  margin: 0;
  width: 280px;
  overflow: hidden;
}

div.cf_claimspace
{
  width: 280px;
  height: 250px;
  overflow: hidden;
}

div.cf_element
{
  width: 280px;
  height: 250px;
  overflow: hidden;
}

div.cf_element div.content
{
  padding: 0px;
}