html, body, #wrap {height: 100%;}
html { font-size: 16px; }
body {  
  background: #99C4D1 url(../styles/bg.gif) top left repeat-x;
  font-family: Arial, Helvetica, sans-serif;
  color: black;
  font-size: 62.5%; 
  line-height: 1.8em;
}

/*
--------------------------------------------
GENERAL HTML STYLES
--------------------------------------------
*/

h1 { font-size: 1.6em; font-weight: bold; color: #008DD2; padding: 12px 0px 18px 0px; }
h2 { font-size: 2.2em; font-weight: bold; color: #008DD2; padding: 10px 0px 12px 0px; }
h3 { font-size: 1.1em; font-weight: bold; color: #008DD2; padding: 6px 0px 8px 0px; }
h4 { font-size: 1.0em; font-weight: bold; color: #008DD2; padding: 6px 0px 8px 0px; } 
h5 {}
h6 {}
p {
  padding-bottom: 8px;
}
ul {margin-bottom: 8px; }
li { padding-bottom: 4px; padding-left: 18px;  }
a { color: #00518a; }
a:hover { color: #667f99; }
blockquote { padding-left: 18px; padding-bottom: 6px;}
strong { font-weight: bold; }
img { padding: 0; margin: 0; }
/*
--------------------------------------------
COMMON STYLES
--------------------------------------------
*/
.hidden { visibility: hidden; }
h2 .hidden { display: none; }
.introduction { font-weight: bold; }
.clear { clear: both; font-size: 1px; overflow: hidden; height: 1px; }
.indent { padding-left: 18px; }
.jumptocontent { display: none; }
.contentanchor { display: none; }
.error { padding: 6px 12px; background-color: #fee; border: 1px solid #d99; margin-bottom: 12px; }
/*
--------------------------------------------
PAGE STRUCTURE STYLES
--------------------------------------------
*/
#page {
  background: white url(../styles/bg_page.jpg) top left repeat-y;   
  width: 950px; min-height: 576px; margin: 0px auto 0px auto; 
}

#page.wide { width: 1100px; }
  
  
#container { width: 100%; font-size: 1.2em; background: transparent url(../styles/bg_container.jpg) top left no-repeat; padding-bottom: 24px;}
#container.home {
   background: white url(../styles/bg_container_home.jpg) top left no-repeat;
   position: relative;
}
#pageHeader { clear: both; height: 178px; }
#pageMain { clear: both; line-height: 1.4em;}
#pageMain.home {
  height: 267px;
  overflow: hidden;
}
#pageMainLeft {float: left; width: 237px; }
#pageMainRight {float: right; width: 237px; border-left: 1px solid black; font-size: 1em; }
#pageMainContent { margin-left: 237px; margin-right: 257px; color: black; font-size: 1em; text-align: left; }
#pageMainContentFull { position: relative; font-size: 1em; margin-left: 260px; padding: 12px 30px 12px 12px; color: black; background-image: url(../styles/bg_subpage1.gif); min-height: 400px; background-repeat: no-repeat;}
#pageMainContentFull.alternative { background-image: none; margin-left: 274px;/* margin-left: 334px; */ background-image: url(../styles/bg_subpage2.gif);}
#pageMainContentFull h2 { font-size: 1.8em; font-weight: normal; text-align: right; padding: 0; margin: 0 10px 12px 0;}
.imagepanel { float: left; width: 109px; height: 336px; margin-right: 14px; }
/* .imagepanel img { width: 102px; height: 102px; border: 1px solid #00518A; margin: 3px 3px 7px 3px; padding: 0;} */
.imagepanel img { width: 102px; height: 102px; border: 1px solid #00518A; margin: 0px 3px 10px 3px; padding: 0;}
#pageMainContentFull .content { padding-left: 122px; }
#pageMainContentFull:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;  }
* html #pageMainContentFull {height: 1%; }

#logos { position: absolute; right: 155px; top: 60px; }


#twitter { padding: 6px 0 0 0; margin: 0; color: #0088BA; }
#signup { padding: 6px 0 0 0; margin: 0; color: #0088BA; }
#linkedin { padding: 6px 0 0 0; margin: 0; color: #0088BA; }

#pageMainContentFull.alternative .imagepanel { float: none; height: 104px; width: 630px; clear: right; padding-top: 3px; margin: 0 0 12px 0; } 
#pageMainContentFull.alternative .imagepanel img { width: 102px; height: 102px; border: 2px solid #00518A; margin: 0px 22px 7px 0px; /* margin: 0px 5px 7px 0px; */ padding: 0; }
#pageMainContentFull.alternative .imagepanel img.last { margin-right: 0px; }
#pageMainContentFull.alternative .content { padding-left: 0; }
#pageBottom { clear: both; }
#pageBottom:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html #pageBottom { height: 1%;} /* fix ie6 */
/*
---------------------------------------------------------
ADDITIONAL STYLES
---------------------------------------------------------
*/
#pageHeader h1 { position: relative; top: 57px; left: 186px; width: 350px;}
#pageHeader .callus {
  float: right;
}

.news { margin: 0 12px 6px 24px; }
.news h2 { padding-top: 0; padding-bottom: 4px; }
.news dl dt { font-weight: bold; color: #00213A; }
.news dl dd { margin-bottom:6px; }
.news dl dd a { color: #0088BA; text-decoration: none; }
.news dl dd a:hover { color: #99b2cc;  }
.news ol, .news ol li { padding: 0; margin: 0; }
.news ol li  { font-weight: normal; padding-bottom: 1em;  }
.news ol li span.date { font-weight: bold; color: #00213A; width: 100px; display: block; float: left; }
.news ol li a { color: #0088BA; text-decoration: none; }
.news ol li a:hover { color: #99b2cc;  }

.homepagebtn { font-size: 0.9em; color: white; padding: 10px; background-position: 0px 0px; text-decoration: none;  }
.homepagebtn:hover { background-position: 0px -107px; text-decoration: none; }
.homepagebtn h3 { font-size: 1.7em; color: white; padding: 0 0 6px 0; margin: 0; font-weight: normal; }
.homepagebtn p { padding-right: 60px; line-height: 1.4em; padding-bottom: 2px; }
.homepagebtn a { color: white; text-decoration: underline; }

#sidecontent { margin: 18px 18px 12px 33px; color: white; }
#sidecontent .transparent { background-color: transparent; padding: 0px 8px 0px 0px;}
#sidecontent .transparent p { padding: 0 0 6px 0; margin: 0; } 
#sidecontent .transparent ul, #sidecontent .transparent li { list-style: none; padding: 0; margin: 0; }
#sidecontent .transparent li {
  padding: 3px 12px 3px 0px;
  border-top: 1px solid #999;
  border-top-color: rgba(215, 215, 215, 0.30);
}
#sidecontent .transparent ul { margin: 0px 0px 0px 0px; padding-bottom: 12px;}
#sidecontent .transparent li a { display: block; padding-left: 14px; text-decoration: none; color: #eee; }
#sidecontent .transparent li a:hover { 
  text-decoration: none; color: white; font-weight: bold; 
  background: transparent url(../styles/bg_li_a.png) 0px 1px no-repeat;
}
* html #sidecontent .transparent li a:hover { 
  background-image: url(../styles/bg_li_a.gif)
}
#sidecontent .transparent ul li:first-child { border-top: none; }


.btnKitchen, .btnFood, .btnIndustrial { 
  display: block;
  width: 226px;
  height: 87px;
  float: left;
  margin-top: 0px; 
}
.btnKitchen {
  margin-left:109px;
  background: url(../images/btn_kitchen.png) top left no-repeat;
}
* html .btnKitchen { margin-left: 55px; }
.btnFood {
  margin-left: 33px;
  background: url(../images/btn_food.png) top left no-repeat;
}
* html .btnFood { margin-left: 32px; }
.btnIndustrial {
  margin-left: 33px;
  background: url(../images/btn_industrial.png) top left no-repeat;
}
* html .btnIndustrial { margin-left: 32px; }

.gallery, .gallery li {padding: 0; margin: 0; list-style: none; }
.gallery { width: 100%; overflow: auto; padding-bottom: 12px; }
.gallery li { width: 96px; height: 96px; float: left; margin: 12px; }
.gallery li span.hidden { display: none; }
.gallery li a { display: block; height: 100%; width: 100%; background: #eee; overflow: hidden; padding: 0; margin: 0; border: 2px solid #ddd;}
.gallery li a:hover { border: 2px solid #fcc;}
.gallery li img { height: 100%; width: 100%; background: #ddd; padding: 0; margin: 0; }

/*
---------------------------------------------------------
NAVIGATION STYLES
---------------------------------------------------------
*/
.nav, .nav li { padding: 0; margin: 0; }
.nav { margin-left: 12px; background: transparent url(../styles/bg_nav.png) 0px 0px no-repeat; }
.nav li { display: block; width: 225px; padding: 0; margin: 0; }
.nav li a {  display: block; height: 21px; 
  padding-left: 22px;
  background: transparent url(../styles/bg_li.png) -23px 0px no-repeat;
  text-decoration: none; color: #ddd; 
  line-height: 21px; text-align: left; font-weight: bold; 
  }
.nav li ul {
  padding: 0; margin: 0;
}
.nav li ul li a { 
  padding-left: 36px;
  background: transparent url(../styles/bg_li.png) -23px 0px no-repeat;
  text-decoration: none; color: #99ccff; 
  line-height: 21px; text-align: left; font-weight: bold; 
  }
.nav li a span { visibility: visible; }
.nav a:hover {
  text-decoration: none; color: white; 
}
.nav li a:hover, .nav li.selected>a, .nav li.selected>a:hover { background-position: 0px 0px; }

* html .nav { background-image: url(../styles/bg_nav.gif); }
* html .nav li a { background-image: url(../styles/bg_li.gif); }
/*
---------------------------------------------------------
FOOTER STYLES
---------------------------------------------------------
*/
#pageFooter { clear: both; width: 950px; margin: 0px auto 12px auto; background: #00518A url(../styles/bg_footer.gif) top left repeat-x; color: white; 
  line-height: 22px; height: 22px; text-align: center; font-size: 1.1em; }
#pageFooter.wide { width: 1100px; } 
#pageFooter a { color: white; text-decoration: none; }
#pageFooter a:hover { color: #ddd; text-decoration: underline; }

.tablecontent { width: 100%; }
.tablecontent td {
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
color: #000000;
padding: 20px 10px 20px 20px;
}
/* fix inner tables: */
.tablecontent table td {
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
color: #000000;
padding: 2px 12px 4px 12px;
}
.tablecontent td.bottomborder { border-bottom: 5px solid #FFFFFF; }