/* Neutralize styling:
Elements we want to clean out entirely: */
html, form, fieldset {
  margin: 0;
  padding: 0;
}

body {
  margin: 0;
  padding: 0 0 0 0;
  min-width: 200px;
}

/* Neutralize styling:
Elements with a vertical margin: */
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
  margin: 0 0 1.5em 0;
  padding: 0;
}

/* Apply left margin:
Only to the few elements that need it: */
li, dd, blockquote {
  margin-left: 1em;
}

/* Miscellaneous conveniences: */
form label {
  cursor: pointer;
}
fieldset {
  border: none;
}
input, select, textarea {
  font-size: 100%;
  font-family: inherit;
}

/* Shadows */
.box-shell {
  position: relative;
  top: 7px;
  left: 7px;
  background: transparent url(/images/shadow-right.png) right repeat-y;
  margin-bottom: 7px;
}

.box-shell-2 {
  background: transparent url(/images/shadow-bottom.png) bottom repeat-x;
  margin-right: 7px;
  margin-bottom: -7px;
  padding-bottom: 7px;
  zoom: 1;
}

.box-shell-3 {
  background: url(/images/shadow-upper-right.png) top right no-repeat;
  zoom: 1;
  margin-right: -7px;
  margin-top: -7px;
}

.box-shell-4 {
  background: url(/images/shadow-lower-left.png) left bottom no-repeat;
  margin-left: -6px;
  margin-bottom: -7px;
  zoom: 1;
}

.box-shell-5 {
  background: transparent url(/images/shadow-lower-right.png) right bottom no-repeat;
  padding-bottom: 7px;
  zoom: 1;
}

.box-content {
  margin-right: 7px;
  background-color: #fefefe;
  padding: 0 1em;
  padding-bottom: 0.5em;
  zoom: 1;
}

/* IE6 -- no right shadow (others don't display anyway) */
* html .box-shell {
  background: none;
}

* html p#breadcrumbs {
  padding-top: 0.5em;
}

* html #content h1 {
  padding-top: 1em;
}

/* Positioning & Structure */
#container {
  z-index: 5;
  position: relative;
  width: 38.5em;
  padding-right: 16.5em;
  margin-left: auto;
  margin-right: auto;
}

#header {
  float: left;
  width: 55em;
  margin-right: -16.5em;
  margin-bottom: 2.5em;
}

#header {
  margin-top: 21px;
}

#header .box-content {
  background: url(/images/qiqi_banner.jpg) top right no-repeat;
  height: 13em;
  padding-left: 0.5em;
}

#content {
  clear: left;
  float: left;
  width: 100%;
  margin-right: 4em;
  z-index: 5;
}

#content h1 {
  margin-left: -0.6666em;
  padding-left: 0.6666em;
  margin-right: -0.6666em;
  padding-right: 0.6666em;
}

#navigation {
  clear: right;
  float: left;
  width: 12.5em;
  margin-right: -16.5em;
  z-index: 1;
}

#navigation h2 {
  margin-right: -0.8888em;
  padding-right: 0.8888em;
  margin-left: -0.8888em;
  padding-left: 0.8888em;
}

p#breadcrumbs {
  margin-right: -1.1428em;
  margin-left: -1.1428em;
  padding-right: 1.1428em;
  padding-left: 1.1428em;
}

/* Typography */

html, form, fieldset {
  /*font: 100.01%/150% "DejaVu Sans", "Helvetica", "Helvetica Neue", "Geneva", "Bitstream Vera Sans"; /* hrm, Geneva lacks a bold */
  font: 100.01%/150% “Frutiger”, “Univers”, “Helvetica Neue”, arial, helvetica, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Trebuchet MS", “Frutiger”, “Univers”, “Helvetica Neue”, arial, helvetica, sans-serif;
}

body {
  font-size: 1em;
  line-height: 1.5em;
  background-color: #b5cadd;
  color: #333333;
}

h1 {
  font-size: 1.5em;
  line-height: 1em;
  margin-bottom: 1em;
}

h2 {
  font-size: 1.125em;
  line-height: 1.333333em;
  margin-top: 2em;
  margin-bottom: 0.66666em;
}

#header h1 {
  font-size: 3.75em;
  line-height: 1.2em;
  margin-bottom: 0;
  color: #6f7164;
}

#header p.tagline {
  color: #8f9184;
  font-style: italic;
  margin-left: 0.5em;
}

#content h1 {
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  background-color: #8f9184;
  color: white;
}

#navigation h2 {
  background-color: #8f9184;
  color: white;
  padding-top: 0.555555em;
  padding-bottom: 0.333333em;
  margin-top: 0;
  margin-bottom: 0.44444em;
}

p#breadcrumbs {
  font-size: 0.875em;
  line-height: 1.7142857em;
  margin-bottom: 1.7142857em;
  background-color: #8f9184;
  color: #fefefe;
}

/* Colors */

p#breadcrumbs a:link, p#breadcrumbs a:visited {
  color: #fefefe;
}

p#breadcrumbs a:hover {
  color: #afb1a4;
}

a:link {
  color: #6f7164;
}

a:visited {
  color: #8f9184;
}

a:hover {
  color: #afb1a4;
}