body { 

	font-family: verdana, arial, sans-serif;

  padding: 8px; 

	text-align: center; 

  margin: 0px;  

} 

#page{ 

	margin: 0 auto; 

	padding: 0px; 

  width: 975px;  /* 986 */ 

  text-align: left; 

} 

.header{ 

  height: 120px; 

  padding-bottom: 10px; 

} 

#header_link{ 

  top: 10px; 

  left: 10px; 

  background-image: url(images/clear.png); 

  position: relative; 

} 

#header_link_box{ 

  width: 350px; 

  height: 65px; 

  cursor: pointer; 

  display: block; 

} 

.left{ 

  float: left; 

} 

.right{ 

  float: right; 

} 

.clearboth{ 

  clear: both; 

} 

 

 

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

 * Layouts 

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

#layout_home{ 

  background-image: url(images/index.jpg); 

  background-repeat: no-repeat; 

  height: 55px; 

  padding-top: 465px; 

  width: 985px;  

} 

#layout_overview { 

  background-image: url(images/banner_overview.jpg); 

  background-repeat: no-repeat; 

  width: 985px; 

} 

#layout_portfolio { 

  background-image: url(images/banner_portfolio.jpg); 

  background-repeat: no-repeat; 

  width: 985px; 

} 

#layout_casestudies { 

  background-image: url(images/banner_casestudies.jpg); 

  background-repeat: no-repeat; 

  width: 985px; 

} 

#layout_customercare { 

  background-image: url(images/banner_customercare.jpg); 

  background-repeat: no-repeat; 

  width: 985px; 

} 

#layout_contact { 

  background-image: url(images/banner_contact.jpg); 

  background-repeat: no-repeat; 

  width: 985px; 

} 

 

 

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

 * MENU 

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

#menu_container { 

  margin: 0px 0px 10px 0px; 

  padding: 20px 0px 0px 0px; 

  position: absolute; 

  z-index: 1; 

  float: left; 
  
  width: 9909px; 

}  

#menu_container li { 

  float: left; 

  font: bold 11px arial; 

  list-style: none;    

  margin: 0; 

  padding: 0; 

} 

#menu_container li a.menu_button {    

  color: #FFF; 

  display: block; 

  height: 35px; 

  text-align: center; 

  width: 197px;  

} 

.menu{ 

   background: #EAEBD8; 

   padding: 10px 20px 10px 20px; 

   position: absolute; 

   visibility: hidden; 

   width: 157px; 

   z-index: 3; 

} 

.menu a{ 

  color: #FFF; 

  display: block; 

  font: 12px arial; 

  padding: 2px 0px 2px 0px; 

  text-align: left; 

  text-decoration: none; 

} 

a.menu_title{ 

  padding: 6px 0px 9px 0px; 

  font-weight: bold;  

} 

#menu_button_1 { 

  background-image: url(images/menu1.jpg); 

  filter:alpha(opacity=90); 

  opacity: 0.9; 

} 

#menu_button_2 { 

  background-image: url(images/menu2.jpg); 

  filter:alpha(opacity=90); 

  opacity: 0.9; 

} 

#menu_button_3 { 

  background-image: url(images/menu3.jpg); 

  filter:alpha(opacity=90); 

  opacity: 0.9; 

} 

#menu_button_4 { 

  background-image: url(images/menu4.jpg); 

  filter:alpha(opacity=90); 

  opacity: 0.9; 

} 

#menu_button_5 { 

  background-image: url(images/menu5.jpg); 

  filter:alpha(opacity=90); 

  opacity: 0.9; 

} 

#menu_container_1 { 

  background-color: #032C23; 

} 

#menu_container_2 { 

  background-color: #1F5647; 

} 

#menu_container_3 { 

  background-color: #518274; 

} 

#menu_container_4 { 

  background-color: #78A095; 

} 

#menu_container_5 { 

  background-color: #9DBCB3; 

} 

 

#menu2_container_1 { 

  background-color: #032C23; 

  position: relative; 

  top: -135px; 

  height: 115px; 

} 

#menu2_container_2 { 

  background-color: #1F5647; 

  position: relative; 

  height: 215px; 

  top: -235px; 

} 

#menu2_container_3 { 

  background-color: #518274; 

  position: relative; 

  top: -110px; 

  height: 90px; 

} 

#menu2_container_4 { 

  background-color: #78A095; 

  position: relative; 

  top: -124px; 

  height: 104px; 

} 

#menu2_container_5 { 

  background-color: #9DBCB3; 

  position: relative; 

  top: -69px; 

  height: 49px; 

} 



 

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

 * Main Container 

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

.main_overview, .main_portfolio, .main_casestudies, .main_customercare, .main_contact{

  float: left;  

} 

.main_overview{

  background: url('images/main_overview.jpg') top left repeat-y;

}

.main_portfolio{

  background: url('images/main_portfolio.jpg') top left repeat-y;

}

.main_casestudies{

   background: url('images/main_casestudies.jpg') top left repeat-y;

}

.main_customercare{

   background: url('images/main_customercare.jpg') top left repeat-y;

}

.main_contact{

  background: url('images/main_contact.jpg') top left repeat-y;

}



 

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

 * NAVIGATION 

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

.nav_container{ 

  display: block; 

  float: left; 

  padding-right: 5px; 

  width: 196px; 

  height: 100%; 

} 

.nav, .nav_overview, .nav_casestudies, .nav_portfolio, .nav_customercare, .nav_contact{ 

  background-image: url(images/nav_closed.gif); 

  background-repeat: no-repeat; 

  border-bottom: solid 1px white;

  color: white; 

  display:block; 

  font-size: 80%; 

  font-weight: bold; 

  padding: 10px 5px 10px 23px; 

  text-decoration: none; 

} 

.nav_overview{ 

  background-color: #032C23; 

} 

.nav_portfolio{ 

  background-color: #1F5647; 

} 

.nav_casestudies{ 

  background-color: #518274; 

} 

.nav_customercare{ 

  background-color: #78A095; 

} 

.nav_contact{ 

  background-color: #9DBCB3; 

} 

.nav_selected{ 

  background-color: #AD923C;  

  background-image: url(images/nav_open.gif); 

  background-repeat: no-repeat;

  border-bottom: solid 1px white; 

  color: #032C23; 

  display:block; 

  font-size: 80%; 

  font-weight: bold; 

  padding: 10px 5px 10px 25px; 

  text-decoration: none; 

   

} 

.nav_submenu{ 

  color: white; 

  display: block; 

  font-size: 70%; 

  font-weight: bold; 

  padding: 5px; 

  padding-left: 15px; 

  text-decoration: none; 

} 

.nav_submenu_selected{ 

  color: #032C23; 

  display: block; 

  font-size: 70%; 

  font-weight: bold; 

  padding: 5px; 

  padding-left: 15px; 

  text-decoration: none; 

} 

.nav_hide{ 

  display: none; 

} 

.nav_show{ 

  background-color: #C5B276;

  border-bottom: solid 1px white; 

  display: block; 

  padding: 10px 0px 10px 0px; 

} 



 

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

 * Content 

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

#content { 

  display: block; 

  float: right; 

  margin: 0px; 

  padding: 0px; 

  width: 770px; /* 776px; */ 

  font-size: 90%; 

  color: gray; 

  line-height: 1.2; 

} 

#content span{ 

  padding: 10px; 

  margin: 0px; 

  display: block; 

}  

 

 

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

 * Forms 

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

.row_collapse{ 

  visibility: hidden; 

  position: absolute; 

} 

.row_expand{ 

  visibility:  visible; 

  position: relative;  

} 

 

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

 * Footer 

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

#footer{ 

  color: gray; 

  clear: both; 

  margin: 0px; 

  padding: 10px 5px 40px 5px; 

  font-size: 75%; 

} 

#footer a{ 

  size: 90%; 

  color: gray; 

  text-decoration: none; 

}