@charset "utf-8";
/* CSS Document */

body {
	text-align: center;
	margin: 0;
	padding: 0;
        font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000;
}

a {
  color: #fff;
}

#wrapper
{
  text-align: left;
  background: url(../images/fdt_main_bg.jpg) no-repeat left top;
  width: 1000px;
  height: 650px;
  margin: 0px auto;
}

#left
{
  width: 235px;
  height: 650px;
  float: left;
}

#top-right
{
  padding: 10px 10px 0px 0px;
  text-align: right;
  height: 90px;
  font-size: 16px;
  font-weight: bold;
  float: right;
}

#right
{
  border: 2px solid #ddd;
  width: 715px;
  height: 496px;
  padding: 20px;
  float: left;
  font-size: 14px;
}

#right h1
{
  font-size: 16px;
  font-weight: bold;
  text-decoration: underline;
  margin: 20px 0px 10px 0px;
}

#right p, #right ul
{
  color: #333;
  line-height: 20px;
}

#right p:hover, #right li:hover
{
  color: #999;
  cursor: pointer;
}

#right input[type="text"], #right textarea
{
  width: 330px;
}

.about-us
{
  background: url(../images/people.jpg) no-repeat right top;
}

.services
{
  background: url(../images/servers.jpg) no-repeat right top;
}

#form-wrapper
{
  width: 380px;
  float: left;
}

#contact-img
{
 float: left;
}

#menu
{
  width: 200px;
  height: 115px;
  margin: 200px 0px 0px 20px;
}

.button
{
  text-align: right;
  background: url(../images/button_bg.gif) no-repeat center top;
  width: 150px;
  height: 22px;
  padding: 0px;
  margin: 0px 0px 25px 50px;
  font-size: 16px;
}

.button:hover
{
  background: url(../images/button_bg_high.gif) no-repeat center top;
  cursor: pointer;
  font-size: 18px;
}

.button a
{
  text-decoration: none;
  color: #000;
}

.required
{
  color: #F00;
}

#copyright
{
  width: 200px;
  margin: 285px 0px 0px 20px;
  font-size: 12px;
  text-align: right;
}

#copyright img
{
  margin: 5px 0px 0px 5px;
}