@import url(base.css);
#splash {
  background-image: url(/images/heading1.png);
  background-repeat: no-repeat;
  background-color: #392f37;
  height: 200px;
  float: left;
  width: 42em;
  margin-bottom: 4px;
}
#splash div {
  background: transparent url(/images/head_bl.png) no-repeat bottom left;
  width: 100%;
  height: 100%;
}
#splash div div {
  background: transparent url(/images/head_br.png) no-repeat bottom right;
  width: 100%;
  height: 100%;
}
#splash h3,
#splash p {
  float: left;
  padding: 0;
  margin: 0;
  padding-left: 14em;
}
#splash h3 {
  color: #ccc;
  margin-top: 96px;
  font-size: 20px;
  font-weight: normal;
}
#splash p {
  color: #69b;
  font-size: 16px;
  font-weight: normal;
}
div.faq {
  float: right;
  width: 18em;
  height: 200px;
  padding: 0;
  margin: 0;
  border: 0;
  background: transparent url(/images/faq_bg_right.png) no-repeat top right;
}
div.faq div {
  width: 18em;
  height: 199px; /* eh? why not 200? */
  padding: 0;
  margin: 0;
  background: transparent url(/images/faq_bg_left.png) no-repeat bottom left;
}


div.faq ul {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 13px; /* yeah, px, cuz we have a fixed amount of vertical space */
  margin-top: 1px;
  line-height: 1;
}
div.faq ul li a span {
  padding-left: 1em;
  margin-left: 1em;
  background: transparent url(/images/arrow_blue.gif) no-repeat center left;
}
div.faq ul li a {
  display: block;
  border-bottom: 1px solid #7198b7;
  color: #457;
  margin: 0 1px;
  padding: 0;
  padding-left: 1em;
  padding-top: 5px;
  padding-bottom: 5px;
}
/*div.faq ul li a span span { 
  margin-left: 0;
}*/
div.faq ul li a.last {
  border-bottom: none;
}
div.faq ul li.head a {
  padding-left: 0;
  font-weight: bold;
}
div.faq ul li a:hover {
  background-color: #adc9e1;
}
div.faq ul li.first a:hover {
  background: #adc9e1 url(/images/faq_tr.png) no-repeat top right;
}
a:hover span.real {
  text-decoration: underline;
}
#login {
  float: left;
  width: 18em;
  padding: 0;
  margin: 0;
  margin-bottom: 4px;
}
#login h4 {
  font-size: 100%;
  font-weight: bold;
  background: #888 url(/images/head_tr.png) no-repeat top right;
  margin-right: 2px;
}
#login h4 span {
  display: block;
  background: transparent url(/images/head_tl.png) no-repeat top left;
  color: #fff;
  padding: 0;
  margin: 0;
  padding-left: 1em;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}
#login div.body {
  background: #ccc url(/images/login_bg.png) repeat-x bottom center;
  padding: 0;
  margin: 0;
  margin-top: 1px;
  margin-right: 2px;
  border-top: 4px solid #aaa;
  color: #555;
  font-size: 75%;
  padding-bottom: 0;
  margin-bottom: 0;
}
#login div.body div {
  background: transparent url(/images/login_bl.png) no-repeat bottom left;
  margin: 0;
  padding: 0;
}
#login div.body div div {
  background: transparent url(/images/login_br.png) no-repeat bottom right;
  padding: 0;
  margin: 0;
  padding: 1em;
}
#login a:link,
#login a:visited {
  color: #555;
  text-transform: uppercase;
  margin-right: 1em;
}
form.login label,
form.login input {
  display: block;
  padding: 0;
  margin: 0.25em 0;
}
form.login input.text {
  width: 15em;
  color: #000;
  padding: 0;
  margin: 0;
}
form.login input.checkbox {
  color: #000;
  padding: 0;
  margin: 0;
  margin-top: 0.5em;
}
form.login input.submit {
  border: 1px solid #717171;
  background-color: #717171;
  background-image: url(/images/login_button_bg.png);
  background-repeat: repeat-x;
  color: #fff;
  text-transform: uppercase;
  padding: 0;
  margin: 0;
  margin-top: 0.5em;
}
#welcome {
  float: left;
  width: 24em;
  padding: 0;
  margin: 0;
  margin-bottom: 4px;
}
#welcome h4 {
  font-size: 100%;
  font-weight: bold;
  background: #69c url(/images/head_tr.png) no-repeat top right;
  margin-left: 2px;
  margin-right: 2px;
}
#welcome h4 span {
  display: block;
  background: transparent url(/images/head_tl.png) no-repeat top left;
  color: #fff;
  margin: 0;
  padding: 0;
  padding-left: 1em;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}
#welcome h4 a {
  color: #fff;
}
#welcome h4 a span.qabuse {
  display: inline;
  color: #fff;
  background: none;
  padding: 0;
}
#welcome div {
  padding: 0;
  padding-left: 1em;
  padding-right: 1em;
  margin: 0;
  margin-top: 1px;
  margin-left: 2px;
  margin-right: 2px;
  border-top: 4px solid #ade;
  color: #555;
}
#welcome ul {
  list-style: none;
  margin: .5em 0 0 0;
  padding:0;
}
#welcome li {
  margin: 0 0 .5em 0;
  padding: 0;
}
#welcome span.qabuse {
  color: #f60;
}
#welcome a {
  color: #555;
}
#cases {
  float: left;
  width: 18em;
  padding: 0;
  margin: 0;
  margin-bottom: 4px;
}
#cases h4 {
  font-size: 100%;
  font-weight: bold;
  background: #d81 url(/images/head_tr.png) no-repeat top right;
  margin-left: 2px;
}
#cases h4 span {
  display: block;
  background: transparent url(/images/head_tl.png) no-repeat top left;
  color: #fff;
  margin: 0;
  padding: 0;
  padding-left: 1em;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}
#cases h4 span span {
  background: none;
  display: inline;
  padding: 0;
  padding-bottom: .2em;
}
#cases h4 span a {
  display: block;
  color: #fff;
}
#cases div.body {
  background: #fec url(/images/head_bl.png) no-repeat bottom left;
  padding: 0;
  margin: 0;
  margin-top: 1px;
  margin-left: 2px;
  border-top: 4px solid #cb8;
  color: #996600;
}
#cases div.body div {
  background: transparent url(/images/head_br.png) no-repeat bottom right;
}
#cases div.body div div {
  background: url(/images/cases_bg.jpg);
  background-repeat: repeat-x;
  padding: 1em;
  padding-top: 63px;
}
#cases div.body div div a {
  color: #960;
}
#cases ul {
  list-style-type: none;
  margin-left: 0;
  padding-left: 0;
  margin-bottom: 0;
}
div#cases div.body ul li span.qabuse{
  display: inline;
  color: #f93;
  line-height: 95%;
}
 /* #cases li:before {
  display: marker;
  content: "-";
  text-align: left;
  margin-right: 1ex;
} */
/*
  vim: et ts=2 sw=2 ai
*/