@media screen, print {


/* основная разметка begin */

html, body {
margin: 0px; padding: 0px; height: 100%; width: 100%;
background: transparent url('images/bcg.jpg') repeat-x top left;
background-color: #015376;
font: normal 12px Arial, Helvetica, sans-serif;
  text-align: center
}


#card {
height: 600px; width: 982px;
background: transparent url('images/card.jpg') no-repeat left top;
text-align: left;
padding-bottom: 15px;
}

#logo {
height: 100px; width: 100px;
  position: relative;
  top: 60px;
  left: 750px;
}

#greeting {
width: 262px;
position: relative;
top: 115px;
right: 21px;
/*
background: transparent url('images/greeting-bcg.jpg') repeat-x top left;
*/
  float: right;
}

#fon {
background: transparent url('images/greeting-bcg.jpg') repeat-x top left;
}

#words {
  padding: 25px 15px 25px 25px;
  color: #fff;
  font-family: Georgia, serif;
  font-size: 14px;
  line-height: 140%;
}


#button {
height: 49px; width: 262px;
background: transparent url('images/greeting-butt.gif') no-repeat top;
  text-align: center;
  padding-top: 10px;
  margin-bottom: 15px;
}



#footer {
position: relative;
float: left;
top: 400px;
left: 10px;
width: 676px;
  padding-top: 7px;
}

a {
  color: #bfd4dd;
}


}