.catch {
  background: url("/i/mailhead.png") top right no-repeat;
}

#wrapper {
  width: 860px;
  margin-left: auto;
  margin-right: auto;
}

/* header
--------------------------------------- */

#header {
  height: 123px;
  background: url("/i/header_bg_blank.png") no-repeat;
  border: solid 1px rgb(255,255,255);
  border-bottom: solid 1px rgb(238,238,238);
}

.company #header {
  background: url("/i/header_bg_logo.png") no-repeat;
}

.resources #header {
  background: url("/i/header_bg_documentation.png") no-repeat;
}

.products #header {
  background: url("/i/header_bg_abacus.png") no-repeat;
}

.services #header {
  background: url("/i/header_bg_email.png") no-repeat;
}

.support #header {
  background: url("/i/header_bg_support.png") no-repeat;
}

#header h1 {
  position: relative;
  top: 15px;
  left: 20px;
  margin: 0;
  width: 223px;
  height: 58px;
  background: url("/i/wttw.png");
}

#header h1 a {
  display: block;
  width: 170px;
  height: 58px;
}

#header h1 img {
  visibility: hidden;
}

#header form {
  float: right;
  margin: -30px 20px 0 0;
}

#header .submit {
  visibility: hidden;
  position: absolute;
}

/* menu_global
--------------------------------------- */

#menu_global {
  position: relative;
  top: 38px;
  left: 10px;
  float: left;
  padding: 0;
  margin: 0;
}

#menu_global li,
#menu_global li a {
  display: block;
  list-style-type: none;
}

#menu_global li {
  float: left;
  height: 29px;
  margin-right: 2px;
}

#menu_global a {
  padding: 8px 10px 5px 10px;
  text-decoration: none;
  color: rgb(85,85,85);
}

#menu_global li a:hover {
  color: rgb(0,0,0); 
}

.home #menu_global #home,
.products #menu_global #products,
.services #menu_global #services,
.company #menu_global #company,
.resources #menu_global #resources,
.support #menu_global #support {
  background: rgb(255,255,255) url("/i/menu_global_bg_left.png") top left no-repeat;
}

.home #home div,
.products #products div,
.services #services div,
.company #company div,
.resources #resources div,
.support #support div {
  cursor: default;
  color: rgb(85,85,85);
  background: url("/i/menu_global_bg_right.png") top right no-repeat;
}

html>body #menu_global div { 
  /* hidden from IE */
  height: 29px;  
}

.home #home span,
.products #products span,
.services #services span,
.company #company span,
.resources #resources span,
.support #support span {
  cursor: default;
  display: block;
  background: url("/i/menu_global_bg_right.png") top right no-repeat;
}

.home #home span a,
.products #products span a,
.services #services span a,
.company #company span a,
.resources #resources span a,
.support #support span a {
  color: rgb(0,0,0);
}

html>body #menu_global span { 
  /* hidden from IE */
  height: 29px;  
}

/* main
--------------------------------------- */

#main {
  border-top: solid 1px rgb(220,220,220);
  padding: 0 20px 0 20px;
}

/* content
--------------------------------------- */

.content {
  float: left;
  width: 540px;
}

.fullwidth {
  width: 800px; 
}

/* catch
--------------------------------------- */

.catch {
  height: 258px;
  width: 620px;
  margin-bottom: 10px;
  padding: 20px 160px 20px 40px;
}

.catch p {
  margin-top: .5em;
  font-family: Palatino, Georgia, "Times New Roman", Times, serif;
  font-size: 1.9em;
  color: rgb(51,51,51);
  display: none;
} 

.catch p big {
  font-size: 1.6em;
  position: relative;
  top: 0.1em;
}

#motto1 {
  position: relative;
  top: 70px;
  left: 60px;  
}

#motto2 {
  position: relative;
  top: 70px;
}

/* sidebar
--------------------------------------- */
 
#sidebar {
  width: 260px; 
  margin: 0 0 0 560px;
  padding: 0;
}

#sidebar h1,
#sidebar h2,
#sidebar h3 {
  margin: .8em 0 .8em 0;
}

#sidebar ul.menu {
  list-style-type: none;
  margin: 0;
  padding: 0;
  margin-top: .8em;
}

#sidebar ul.menu ul,
#sidebar ul.menu ul ul,
#sidebar ul.menu ul ul ul,
#sidebar ul.menu ul ul ul ul{
  margin-left: 1.5em;
}

#sidebar ul.menu li {
  margin-bottom: .8em;
}

/* footer
--------------------------------------- */

#footer {
  height: 30px;
  margin: 0 20px 10px 20px;
  padding: 10px 0 0 0;
  clear: both;
  border-top: solid 1px rgb(220,220,220);
  color: rgb(153,153,153);
  font-size: x-small;
}


/* generic layout classes
--------------------------------------- */

.box {
  width: 260px;
  margin-top: 0;
  background: url("/i/box_bg_gray.png") top right no-repeat; 
}

.widebox {
  width: 820px;
  margin-top: 0;
  background: url("/i/box_bg_gray.png") top right no-repeat; 
}

.widebox dt a,
.widebox dt a:visited,
.box dt a,
.box dt a:visited {
   color: rgb(0,0,0);
}

.left {
  float: left;
}

.middle {
  float: left;
  margin-left: 20px;
}

.right {
  float: right;
}

.box dt {  
  padding: 15px 10px 15px 10px;
  font-size: 1.1em;
  font-weight: bold;
  background: url("/i/box_bg_left.png") top left no-repeat;
}

.widebox dt {  
  padding: 15px 10px 15px 10px;
  font-size: 1.1em;
  font-weight: bold;
  background: url("/i/box_bg_left.png") top left no-repeat;
}

.widebox dd {
  margin: 5px 2px 2px 5px;
}

.widebox dd dl dt {
  background: none;
}

.widebox dd dl dd {
  padding-bottom: 8px;
}

.abacus dt {
  padding-left: 60px;
  background-image: url("/i/box_icon_abacus.png");
}

.email dt {
  padding-left: 60px;
  background-image: url("/i/box_icon_email.png");
}

.news dt {
  padding-left: 60px;
  background-image: url("/i/box_icon_news.png");
}

.box dd {
  margin-left: 0;
  padding: 0 10px 5px 10px;
}

#navutils{white-space:nowrap;float:right}
#navutils ul{line-height:1em;margin:0;padding:5px}
#navutils li{list-style-type:none;display:inline;background:none;margin:0;padding:0 1em;border-left:1px solid #ccc;float:left;/* float needed to make borders in IE5 Win work */}
/*html>body #navutils li{border-left:1px dotted #666}*/
#navutils li#search{border-left:0}
#navutils a{color:#999;font-weight:bold;text-decoration:none}
#navutils a:hover{color:#c00;text-decoration:none}

#footer ul{line-height:1em;margin:0;padding:5px;float:right}
#footer li{list-style-type:none;display:inline;background:none;margin:0;padding:0 1em;border-left:1px solid #ccc;float:left;/* float needed to make borders in IE5 Win work */}
#footer li#privacy{border-left:0}
#footer a{color:#999;font-weight:bold;text-decoration:none}
#footer a:hover{color:#c00;text-decoration:none}

#submenu {margin: 10px 20px 20px 0;font-size: x-small;}

#submenu ul{line-height:1em;margin:0;padding:5px}
#submenu li{font-weight:bold;list-style-type:none;display:inline;background:none;margin:0;padding:0 1em;border-left:1px solid #ccc;float:left;/* float needed to make borders in IE5 Win work */}
#submenu li:first-child{border-left:0}
#submenu a{color:#999;font-weight:bold;text-decoration:none}
#submenu a:hover{color:#000;text-decoration:none}

.dotless li{list-style-type:none; padding:3px 3px 3px 20px;}

table.tlist {
    border-collapse: separate;
    width: 100%;
    border-spacing: 10px;
}

table.tlist tr td {
    border: 1px solid #ddd;
    background: #eee;
    padding: 10px;
}

td.code {
    border: 1px solid #ddd;
    background: #eee;
    padding: 10px;
}