/* $Id: screen.css 55 2007-08-25 17:11:59Z enjay $ */

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

Dear Customer,

If you're viewing this source to see the quality of our work, PLEASE STOP!
The coding style we used here is very different from what we will give
you should you decide to hire us. Yours will be much cleaner and
well-documented. Please visit our PORTFOLIO so see our sample works.

Thank you! Your XHTML Slicers :-)

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

* { margin: 0; padding: 0; }

body {
  background: #FFF url(/images/hdr.bg.gif) repeat-x;
  font: normal .9em Arial, Helvetica, sans-serif;
  color: #555;
}

form {}

fieldset {
  border: none;
}

legend {
  font-size: .8em;
  font-weight: bold;
  color: #FF7400
}

input, textarea, select, option {
  padding: 2px 5px;
  font: normal 1em Arial, Helvetica, sans-serif;
}

form ol {
  list-style: url(none) none outside;
}

form li {
  margin: 0 0 10px 0;
}

form li label {
  display: block;
  float: left;
  width: 160px;
  padding: 0 10px 0 0;
  text-align: right;
}

form li .rdo {
  display: inline;
  float: none;
  padding: 0 10px 0 0;
  text-align: left;
  color: #000;
}

form .txt {
  width: 200px;
  background: #fff url(/images/txt.bg.gif) repeat-x;
  border: 1px solid #A5ACB2;
}

form .btns {
  padding: 15px 0 0 170px;
  border-top: 1px solid #ECEBD5;
}

form .btn {
  padding: 3px 10px;
  font-weight: bold;
  font-size: 1.2em;
}

.error {
  margin-bottom: 0;
  padding-left: 190px;
  background: url(/images/warning.gif) no-repeat 170px 3px;
  font-size: .8em;
  color: #ED2024;
}

.req {
  font-weight: bold;
  color: #ED2024;
}

h1, h2 {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  color: #333;
}

h1 {
  letter-spacing: -3px;
  font-size: 3.2em;
}

h2 {
  margin-bottom: 1em;
  letter-spacing: -2px;
  font-size: 1.9em;
}

h3 {
  color: #333;
}

p, ul, ol {
  margin-bottom: 1em;
  line-height: 160%;
}

ul, ol {
  list-style-position: inside;
}

a { color: #85C329; font-weight: bold; }

a:hover { text-decoration: none; color: #FF7400; }

hr { display: none; }

img { border: none; }

abbr { border: none; }

/* tables styles */

table {
}

th, td {
  padding: 5px 20px;
  border-collapse: collapse;
  border-bottom: 1px solid #ECEBD5;
}

th {
  text-align: left;
  border-bottom-width: 2px;
}

/* rounded corner style 1 */

.rc1 {
  padding: 0 0 10px 0;
  background: #F8F7EE url(/images/rc1.gif) no-repeat left bottom;
}

.rc1 h2 {
  margin: 0;
  padding: 20px 0 0 20px;
  background: url(/images/rc1.gif) no-repeat;
}

.rc1 .b {
  padding: 20px 20px 10px 20px;
  background: #F8F7EE;
  border-left: 5px solid #EDEBD5;
  border-right: 5px solid #EDEBD5;
}

/* rounded corner style 2 - sidebar */

.rc2 {
  padding: 0 0 10px 0;
  background: #F8F7EE url(/images/rc2.gif) no-repeat left bottom;
}

.rc2 h2 {
  margin: 0;
  padding: 20px 0 0 20px;
  background: url(/images/rc2.gif) no-repeat;
}

.rc2 .b {
  padding: 20px 20px 10px 20px;
  background: #F8F7EE;
  border-left: 5px solid #EDEBD5;
  border-right: 5px solid #EDEBD5;
}

/* header */

#hdr {
  width: 960px;
  height: 140px;
  margin: 0 auto;
}

#tmnu {
  margin: 0; padding: 0;
  height: 19px;
  padding: 1px 0 0 0;
  list-style: url(none) none outside;
  line-height: normal;
}

#tmnu li {
  display: inline;
  font: 11px Tahoma, Verdana, Arial, sans-serif;
  color: #fff;
  padding-right: 30px;
}

#tmnu a {
  font-weight: bold;
  color: #fff;
}

#tmnu a:hover {
}

#xsc {
  display: block;
  float: left;
  padding: 40px 0 0 0;
}

#mnu {
  float: right;
  padding: 20px 0 0 0;
  list-style: none;
 }

#mnu li {
  display: inline;
}

#mnu a {
  display: block;
  float: left;
  width: 120px;
  height: 80px;
  text-indent: -9999px;
}

#m1 { background: url(/images/mnu.gif) no-repeat 0px -80px; }
#m2 { background: url(/images/mnu.gif) no-repeat -120px -80px; }
#m3 { background: url(/images/mnu.gif) no-repeat -240px -80px; }
#m4 { background: url(/images/mnu.gif) no-repeat -360px -80px; }
#m5 { background: url(/images/mnu.gif) no-repeat -480px -80px; }

.on #m1, #m1:hover { background-position: 0px 0px; }
.on #m2, #m2:hover { background-position: -120px 0px; }
.on #m3, #m3:hover { background-position: -240px 0px; }
.on #m4, #m4:hover { background-position: -360px 0px; }
.on #m5, #m5:hover { background-position: -480px 0px; }

/* start */

#start {
  width: 700px;
  height: 180px;
  margin: 0 auto;
  padding: 50px 130px;
  text-align: center;
}

#start h1 {
  margin-bottom: .5em;
}

#ehlo {
  width: 400px;
  padding-left: 10px;
  float: left;
}

#here {
  float: right;
  width: 200px;
  padding: 15px 0 15px 50px;
  background: url(/images/ico.arrow1.gif) no-repeat left center;
  text-align: left;
  letter-spacing: -2px;
  font-size: 2.4em;
  font-weight: bold;
}

#here a {
  text-decoration: none;
}

/* page area */

#page {
  width: 960px;
  margin: 0 auto;
}

#intro {
  width: 960px;
  margin: 0 auto;
  padding: 40px 0;
  text-align: center;
}

#intro h1 {
  margin-bottom: .5em;
}

#intro p {
  padding: 0 200px;
}

/* main content */

#main {
  float: left;
}

/* process */

#proc {
}

/* side bar */

#sbar {
  float: right;
}

/* footer */

#ftr {
  clear: both;
  padding: 80px 0 50px 0;
  background: #7C7C7C url(/images/ftr.bg.gif) repeat-x;
  text-align: center;
  font-size: .8em;
  color: #CCC;
}

#ftr ul {
  list-style: none;
}

#ftr li {
  display: inline;
  padding: 0 10px;
  border-left: 1px solid #999;
}

#ftr .top {
  border: none;
}

#ftr p {
  padding: 10px 0;
}

#ftr a {
  color: #CCC;
}

#ftr a:hover {
  color: #FFF;
}