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

@font-face {
    font-family: 'ScratchRegular';
    src: url('fonts/Scratch_-webfont.eot');
    src: url('fonts/Scratch_-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Scratch_-webfont.woff') format('woff'),
         url('fonts/Scratch_-webfont.ttf') format('truetype'),
         url('fonts/Scratch_-webfont.svg#ScratchRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
html {
	width: 100%;
	height: 100%;
  }
body {
	width: 100%;
	height: 100%;
	margin: 0;
	background: url(images/bgtile.jpg) center;
	font-size: 14px;
}
li {
	margin: 0 0 8px 0;
}
img {
	border-style: none;
}
td {
	vertical-align:top
}
div.foreground {
	position:fixed;
	width: 100%;
	height: 100%;
	background-image:url(images/card.jpg);
	background-position:center;
	background-repeat:no-repeat;
}
#postitnote {
	position: absolute;
	left: 643px;
	top: -7px;
	z-index: 100;
	font-family: ScratchRegular;
	width: 110px;
	height: 153px;
	padding: 50px 0 0 20px;
	font-size: 125%;
	line-height: 18px;
	letter-spacing: 1px;
	text-align: center;
}
#postitnote, #postitnote a {
	text-decoration: none;
	color: #4443a3;
}
div.card {
	font-family:Georgia, "Times New Roman", Times, serif;
	position:absolute;
	width: 650px;
	height: 650px;
	left:50%;
	top:50%;
	margin: -327px 0 0 -325px;
}
div.airmail {
	position:absolute;
	left: 175px;
	top: 260px;
	z-index: 10;
	vertical-align:middle;
}
.form {
	background-image:url(images/airmail.jpg);
	background-position: top left;
	background-repeat:no-repeat;
	width: 344px;
	height: 244px;
	padding: 72px 50px 0 50px;
}
.sent {
	background-image:url(images/airmailsent.jpg);
	background-position: top left;
	background-repeat:no-repeat;
	width: 444px;
	height: 324px;
	}
.airmail {
	font-family:"Courier New", Courier, monospace;
	font-size:11px;
	font-weight: bold;
		color: #333;
}
td{
	vertical-align: middle;
	padding: 3px 0;
}
#submit {
	color: #333;
	font-weight: bold;
	height: 24px;
	font-size: 12px;
	width: 175px;
	border: 1px dashed #555;
	padding-top: 3px;
}
#submit:hover {
	background: #666;
	color: #FFF;
	border: none;
}
input.airmail {
	width: 173px;
}
input.airmail, textarea.airmail {
	text-align: center;
	border: 1px solid #ccc;
	color:#444;
	padding-top: 1px;
	margin: 0;
}
textarea {
	width: 173px;
	resize: none;
	overflow: hidden;
	height: 55px;
	padding: 1px;
}
select.airmail {
	width: 173px;
	text-align: center;
	border: 1px solid #ccc;
	margin: 0;
	padding: 1px;
	color:#444;
}
 
div.titlelogo {
	position:absolute;
	top: 68px;
	right: 40px;
}
div.titlesub {
	position:absolute;
	width: 415px;
	height: 20px;
	top: 145px;
	right: 38px;
}
div.content {
	color: #444444;
	position:absolute;
	width: 415px;
	height: 400px;
	top: 175px;
	right: 38px;
	line-height: 22px;
}
div.photos {
	position:absolute;
	width: 140px;
	top: 185px;
	right: 30px;
	z-index: 10;
}
div.photofocus {
	position:absolute;
	width: 276px;
	top: 183px;
	left: 180px;
	z-index: 10;
}
div.photofocustext {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align:center;
	font-size:11px;
	position:absolute;
	width: 276px;
	bottom: 23px;
}
h1 {
	text-transform:uppercase;
	font-size: 15px;
}
p {
	font-size: 14px;
}
a {
	color: #777777;
}
a:hover {
	color: #444444;
}
div.menu {
	position:absolute;
	top: 149px;
	left: 10px;
}
div.menuitem {
	position:absolute;
}
#mi1 {
	top: 0px;
}
#mi2 {
	top: 90px;
}
#mi3 {
	top: 180px;
}
#mi4 {
	top: 270px;
}
#mi5 {
	top: 360px;
}
div.designedby {
	position:absolute;
	text-align:right;
	width: 350px;
	right: 2px;
	bottom: 10px;
}
div.language {
	position:absolute;
	right: 9px;
	top: 46px;
}
.language, .language a {
	font-size:10px;
	color:#999999;
	text-decoration: none;
}
.language a:hover, .designedby a:hover {
	text-decoration: underline;
	color: #807866;
}
.designedby, .designedby a {
	color:#444444;
	font-family:Verdana, Geneva, sans-serif;
	font-size:9px;
	font-weight: bold;
	text-decoration: none;
}
#facebook {
	padding: 65px 0 0 67px;
}
#facebooklike {
	border:none; 
	overflow:hidden; 
	position: absolute; 
	right: -65px; 
	bottom: 36px;
	width:55px; 
	height:65px; 
	z-index: 100;
}