body {
  font-family:  "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif", "Bitstream Vera Serif", "Liberation Serif", Georgia, serif;
  font-size: 12px;
  background: #eeeeee;

}
div#pagewrapper {
  background: #fff;
  width: 948px;
  border: 1px solid #ccc;
  margin: 10px auto 0 auto;
  min-height: 500px;
  -moz-border-top-left-radius: 6px; /* Firefox */
  -webkit-border-top-left-radius: 6px; /* Safari, Chrome */
  border-top-left-radius: 6px; /* CSS3 */	
  -moz-border-top-right-radius: 6px; /* Firefox */
  -webkit-border-top-right-radius: 6px; /* Safari, Chrome */
  border-top-right-radius: 6px; /* CSS3 */	

}
header {

}
.logo {
  margin: 10px;
  text-align: center;
}
div.slogan {
  margin: 10px 30px;
  color: #699;
  width: 90%;
  background: #eec;
  padding: 5px 10px;
  text-align: center;
  font-size: 1.1em;
  font-weight: bold;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#999999'); /* for IE */
  background: -webkit-gradient(linear, left top, left bottom, from(#eec), to(#cc9)); /* for webkit browsers */
  background: -moz-linear-gradient(top,  #eed,  #ddb); /* for firefox 3.6+ */ 
}
div.logout {
  float: right;
}
a {
  text-decoration:none;
}
a:hover {
  text-decoration: underline;
}
div#content {
}
div.services {
  margin: 50px;
  width: 300px;
  height: 180px;
  background: #dda;
  padding: 10px 10px 10px 150px;
  float: left;
  z-index:2;
}
div.services ul {
  list-style-type: square;
}
div.services ul li {
  margin-bottom: 3px;
}
div.rotate {
  position: absolute;
  height: 200px;
  width: 240px;
  margin: 35px 0 0 35px;
  z-index: 1;

  /* This works in IE 8 & 9 too */
  /* ... but also 5, 6, 7 */
  filter: alpha(opacity=70);
  opacity: 0.7;
}
div.rotate div {
  float: left;
  padding: 5px 10px 0 10px;
  margin: 15px 10px;
  color: #779;
  color: #663;
  background: #cce;
  font-size: 1.2em;
  font-variant: small-caps;
  line-height: 1.2em;
  text-align: center;
  height: 195px;
}
div.menuright {
  float: right;
  margin: 50px 150px 0 0;
}
div.menuright {
}
div.menu {
  width: 200px;
  padding: 10px;
  font-size: 1.1em;
}
div.menu ul {
 list-style-type: none;
}
div.menu ul li  {
  background: #ddc;
  margin: 20px 0;
}
div.menu ul li a {
  background: #ddc;
  width: 180px;
  padding: 10px;
  display: inline-block;
  text-decoration: none;
  color: #579;
}
div.menu ul li a img {
 vertical-align: middle;
 width: 20px;
 float: right;
 border: none;
}
div.text {
  margin: 0 30px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 1.4em;
}


div#footer {
  width: 950px;
  margin: auto;
  color: #666;
  background: #ddd;
  text-align: center;
  letter-spacing: 0.1em;
  -moz-border-bottom-left-radius: 6px; /* Firefox */
  -webkit-border-bottom-left-radius: 6px; /* Safari, Chrome */
  border-bottom-left-radius: 6px; /* CSS3 */	
  -moz-border-bottom-right-radius: 6px; /* Firefox */
  -webkit-border-bottom-right-radius: 6px; /* Safari, Chrome */
  border-bottom-right-radius: 6px; /* CSS3 */	

}
div.customer {
  margin: 20px 0 0 30px;
  color: #779;
  font-size: 1.2em;
}
div.customer span { 
  color: #aa9;
  font-size: 0.8em;
}
h3 {
  color: #779;
}

div.loginerror {
  margin-left: 40px;
  color: #c00;
}
div.login {
  margin-top: 100px;
  margin-left: auto;
  margin-right: auto;
  width: 300px;
  font-size: 1.0em;
}
div.login ul {
  list-style-type: none;
}
div.login ul li {
  margin:10px 0;
}
div.login label {
  display: inline-block;
  width: 80px;
  color: #999;
}
form ul {
 list-style-type: none;
}
form ul label {
  display: inline-block;
  width: 150px;
  vertical-align: top;
}
form ul li {
  margin: 10px 0;
}
form.contact input[type=text] {
  width: 250px;
}

form.contact textarea {
  width: 250px;
  height: 100px;
}

.botfield {
 display:none;
}

input[type=button],
input[type=submit] {
 font-family:  "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif", "Bitstream Vera Serif", "Liberation Serif", Georgia, serif;
  font-size: 12px;
  color: #366;
}