/* CSS Document */

html{
  background: #fff url(bg.gif) repeat-x;
  height: 100%;
}

a{
  color: #3366fe;
  font-size: 24px;
  outline: none;
}

a:hover{
  color: #6699ff;
}

#wrapper{
  background: url(bg1.jpg) no-repeat;
  border: 1px dashed #000;
  height: 450px;
  margin-bottom:3%;
  margin-left:10%;
  margin-top:3%;
  padding:2%;
  width:640px;
}

#wrappertext{
  background: #000000;
  margin-top: 15%;
  margin-left: 100px;
  height: 40px;
}

#lefttext{
  float: left;
  margin-left: 15px;
  padding-top: 5px;
}

#text{
  float: left;
  margin-left: 35px;
  padding-top: 5px;
}

.clear{
  clear: both;
}

#contacts{
  background: #6699cc url(black.gif) repeat-x;
  color: blue;
  display:none;
  padding-top: 10px;
  opacity: 0.88; /* Значение прозрачности */
  filter: alpha(Opacity=88); /* Прозрачность в IE */
}

#projects{
  background: #6699cc url(black.gif) repeat-x;
  color: blue;
  display:none;
  padding-top: 10px;
  opacity: 0.88; /* Значение прозрачности */
  filter: alpha(Opacity=88); /* Прозрачность в IE */
}

#footer{
  padding-top: 320px;
  color: #333333;
  font: italic 12px serif;
  margin-left: 300px;
}

.btn-slide {
  border-bottom: 1px dashed #ccc;
  text-decoration: none;
}

.btn-projects {
  border-bottom: 1px dashed #ccc;
  text-decoration: none;
}

#tcontacts a{
  color: #fff;
  font-size: 14px;
  text-decoration: none;
}

#tcontacts a:hover{
  color: #000;
  font-size: 14px;
  text-decoration: none;
}

#tcontacts td{
  color: #fff;
  font-size: 14px;
}

#tprojects a{
  color: #fff;
  font-size: 14px;
  text-decoration: none;
}

#tprojects a:hover{
  color: #000;
  font-size: 14px;
  text-decoration: none;
}

#tprojects td{
  color: #fff;
  font-size: 14px;
}