html, body {
    height: 100%;                                                                  
    margin: 0;                                                                     
    padding: 0;
    font-family: Georgia, "Times New Roman", Verdana, Tahoma, Arial;
	font-size: 11px;                                                                    
}

body {
	background: url('../img/background.jpg') top center;
}

div#container {
    position: relative;
    width: 1014px;
    height: 100%;
    margin: 0 auto;
    clear: both;
    background: url('../img/background.jpg') top center;
}

a { color: #4d483a; text-decoration: underline; }
a:link { color: #4d483a; text-decoration: underline; }
a:hover { color: #000; text-decoration: underline; }
a:active { color: #4d483a; }

ul {
	list-style: disc outside;
	margin: 5px 0 5px 15px;
}

div#logo { position: absolute; left: 151px; top: 18px; width: 510px; height: 82px; background: url('../img/logo.jpg') no-repeat; }
div#postcard { position: absolute; left: 102px; top: 100px; width: 27px; height: 223px; background: url('../img/postcard.jpg') no-repeat; }
div#cards { position: absolute; left: 21px; top: 455px; width: 108px; height: 257px; background: url('../img/cards.jpg') no-repeat; }
div#gun_part1 { position: absolute; left: 661px; top: 18px; width: 274px; height: 82px; background: url('../img/gun_part1.jpg') no-repeat; }
div#gun_part2 { position: absolute; left: 878px; top: 100px; width: 124px; height: 275px; background: url('../img/gun_part2.jpg') no-repeat; }
div#bullets { position: absolute; left: 878px; top: 400px; width: 124px; height: 146px; background: url('../img/bullets.jpg') no-repeat; }
div#money { position: absolute; left: 878px; top: 546px; width: 63px; height: 180px; background: url('../img/money.jpg') no-repeat; }
div#book_left { position: absolute; left: 129px; top: 100px; width: 373px; height: 626px; background: url('../img/book_left.jpg') no-repeat; }
div#book_right { position: absolute; left: 502px; top: 100px; width: 376px; height: 626px; background: url('../img/book_right.jpg') no-repeat; }

div#login { position: absolute; left: 63px; top: 70px; width: 175px; height: 177px; color: #4d483a; }
div#register { position: absolute; left: 0px; top: 287px; width: 350px; height: 254px; }
div#screenshots { position: absolute; left: 59px; top: 330px; width: 266px; height: 198px; }

div#screenshots h1 { position: absolute; font-size: 18px; height: 34px; width: 100%; line-height: 34px; color: #433f32; text-align: center; }
div#slideshow { position: absolute; left: 10px; top: 35px; width: 246px; height: 154px; overflow: hidden; background: #000;}
div#slideshow a { position: absolute;}

div#login h1 { height: 14px; font-size: 14px; color: #433f32; line-height: 100%; letter-spacing: 3px; text-transform: uppercase; }
div#login ul { list-style: none; margin: 20px 8px 8px; }
div#login ul li { clear: both; width: 100%; height: 20px; line-height: 20px; overflow: hidden; white-space: nowrap; /*just for ie6 (strange margin problem):*/ margin-right: -8px; }
div#login ul li label { float: left; width: 70px; height: 100%; white-space: nowrap; overflow: hidden;  }
div#login ul li.submit { clear: both; }
div#login ul li .remindme { line-height: 16px; text-align: right; }
div#login ul li .remindme label { float: none; color: #4d483a; height: 100%; vertical-align: middle; }
div#login input { font-family: Georgia, "Times New Roman", Verdana, Tahoma, Arial; font-size: 11px; }
div#login input.inputText, div#login input.inputPassword { float: right; width: 70px; height: 14px; padding: 0 2px; margin-top: 1px; background-color: #e4e4e4; border: 1px solid #a09d97; }
div#login input.inputCheckbox { cursor: pointer; vertical-align: middle; width: 13px; }
div#login input.inputSubmit { cursor: pointer; float: right; height: 20px; padding: 0 10px; overflow: visible; background-color: #e4e4e4; border: 1px solid #a09d97; }
div#login input.error { border: 2px solid red; }
div#login .links { margin-right: 10px; text-align: right; line-height: 150%; }

span.firstLetter {
	font-size: 125%;
}

ul#menu {
	list-style: none;
	position: absolute;
	z-index: 1;
	left: 460px;
	top: 105px;
}

ul#menu li {
	float: left;
	font-size: 11px;
	height: 15px;
	line-height: 15px;
	padding-left: 20px;
	border-left: 1px solid #c1b899;
	margin-left: 20px;
}

ul#menu li.first {
	padding-left: 0;
	border-left: 0;
	margin-left: 0;
}

ul#menu li a { color: #c1b899; text-decoration: underline; }
ul#menu li a:link { color: #c1b899; text-decoration: underline; }
ul#menu li a:hover { color: #fff; text-decoration: underline; }
ul#menu li a:active { color: #c1b899; }

a.full {
	display: block;
	outline: none;
	width: 100%;
	height: 100%;
}

.paper {
	position: relative;
	width: 386px;
	height: 614px;
	background: url('../img/paper_bg.jpg') no-repeat;
	font-family: "Courier New", Tahoma, Verdana, Arial;
	font-size: 11px;
	overflow: auto;
}

.paper .title {
	margin: 26px 0 10px 0;
	width: 100%;
	height: 52px;
}

.paper .titleRegister { background: url('../img/titleRegister.jpg'); }
.paper .titleFeatures { background: url('../img/titleFeatures.jpg'); }
.paper .titleContact { background: url('../img/titleContact.jpg'); }
.paper .titleCredits { background: url('../img/titleCredits.jpg'); }

.paper .paperContent {
	margin: 0 36px 36px;
} 

.paper h1 {
	line-height: 100%;
	font-weight: bold;
	text-transform: uppercase;
	
}

.paper ul { list-style: disc; list-style-position: outside; margin-left: 20px; }
.paper ul li { padding-left: 10px; }

.paper form ul.form {
	list-style: none;
	margin: 3px 0 20px;
	overflow: auto;
}

.paper form ul.form li {
	line-height: 14px;
	padding: 3px 0;
	clear: both; 
}

.paper form ul.form li label {
	float: left;
	width: 50%;
}

.paper form ul.form li label.check {
	float: none;
	width: auto;
}

.paper form input, .paper form select { font-family: Georgia, "Times New Roman", Verdana, Tahoma, Arial; font-size: 11px; }
.paper form input.inputText, .paper form input.inputPassword { width: 124px; height: 14px; padding: 0 2px; margin-top: 1px; background-color: #cbc5a5; border: 1px solid #aea787; border-width: 0 0 1px 1px; }
.paper form select { width: 124px; height: 16px; padding: 0 2px; margin-top: 1px; background-color: #cbc5a5; border: 1px solid #aea787; border-width: 0 0 1px 1px; }
.paper form input.inputCheckbox { cursor: pointer; vertical-align: middle; width: 13px; }
.paper form input.inputSubmit { height: 22px; padding: 0 30px; overflow: visible; background-color: #cbc5a5; border: 1px solid #9d9676; cursor: pointer; }
.paper form input.error, .paper form select.error { border: 2px solid red; }

.paper form input.inputText.code { width: 40px; }
.paper form select.selectDay { width: 30px; }
.paper form select.selectMonth { width: 30px; }
.paper form select.selectYear { width: 50px; }

.paper form .lastRow { position: absolute; width: 100%; left: 0; }
.paper form .lastRow .margin { margin: 0 36px 36px; }

img.securityCode {
	border: 1px solid #000;
}
.paper p { text-align: justify; }
.paper .errorSummary { border: 2px solid #f00; background-color: #FFC0C0; margin: 5px 0; padding: 5px; }
.paper .errorSummary ul { list-style: disc outside; margin: 5px 0 5px 15px; }
.paper .errorSummary ul li { padding: 0; }

p.center { text-align: center; }
span.underline { text-decoration: underline; }
span.required { color: #f00; }
.floatLeft { float: left; }
.floatRight { float: right; }
h2.error { font-weight: bold; color: #f00; margin-bottom: 5px; }