* {
	padding: 0;
	margin: 0;
}

body {
	background: url('/img/gateway/body.jpg');
	font-family: tahoma;
	font-size: 12px;
}

#header {
	height: 225px;
	background: #230100 url('/img/gateway/header.jpg') no-repeat center center;
}

#header #logoHolder {
	width: 880px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	padding-top: 50px;
}

#header #logo {
	width: 252px;
	height: 134px;
	background: url('/img/gateway/logo.png') no-repeat center center;
}

#header #lines {
	margin-top: 25px;
	height: 31px;
	background: url('/img/gateway/lines.png') no-repeat top right;
}

#line {
	height: 10px;
	background: #230101 url('/img/gateway/line.png') repeat-x bottom center;
}

#navigation {
	padding-top: 10px;
	/*height: 34px;*/
	height: 20px;
	background: url('/img/gateway/menu.png') repeat-x ;
	border-top: 1px solid #856149;
	text-align: center;
}

#navigation a {
	color: #e8dbb8; /* if there is a 6 symbol color code, you can just type 3 symbols instead :P */
	text-decoration: none;
	font-size: 14px; /* 14 looks better */
	margin: 0 20px;
}

#login {
	width: 271px;
	height: 298px;
	background: url('/img/gateway/login.png') no-repeat;
	float: left;
}

#login h1, #info h2 {
	color: #3d1c03;
	font-size: 18px;
	width: auto;
	text-align: center;
	padding-top: 20px;
}

#login form label {
	padding-top: 20px;
	color: #3d1c03;
	padding-left: 40px;
	font-weight: bold;
	display: block;
}

.registration form label {
	color: #3d1c03;
	padding-left: 20px;
	font-weight: bold;
	display: block;
}

#login div.input input {
	width: 170px;
	height: 21px;
	padding-top: 4px;
	padding-left: 2px;
	background: url('/img/gateway/loginInput.png') no-repeat;
	border: none;
	margin-top: 10px;
	margin-left: 45px;
}

.registration div.input input {
	width: 170px;
	height: 21px;
	padding-top: 4px;
	padding-left: 2px;
	background: url('/img/gateway/loginInput.png') no-repeat;
	border: none;
	margin-top: 10px;
	margin-left: 20px;
}

.registration form div.submit {
	padding: 0px 0px 0px 16px;
	margin-top: 15px;
	margin-left: 20px;
	border: 0;
	clear: both;
	background: url('/img/design/submit_left.png') no-repeat 0 0;
	height: 22px;
	text-align: left;
	width: 20px;
}

.registration form div.submit input {
	background: url('/img/design/submit_right.png') no-repeat right top;
	margin: 0;
	padding: 0px 16px 4px 0px;
	border: 0;
	cursor: pointer;
	color: #f3edd7;
	font-size: 110%;
	height: 22px;
}

#login p.online {
	font-size: 10px;
	padding-top: 10px;
	padding-left: 55px;
}

#login div.submit {
	text-align: center;
}

#login div.submit input {
	margin-top: 20px;
	width: 145px;
	height: 43px;
	border: none;
	color: #fff;
	background: url('/img/gateway/loginButton.png') no-repeat;
	font-size: 16px;
	cursor: pointer;
}

#wrapper {
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 20px;
}

#info {
	width: 461px;
	height: 329px;
	background: url('/img/gateway/register.png') no-repeat;
	margin-left: 65px;
	float: left;
}

#info p.info {
	padding: 20px 15px 0 15px;
	font-weight: bold;
	line-height: 140%;
	color: #583f2b;
}

#info div.register {
	width: 459px;
	height: 40px;
	padding-top: 7px;
	background: url('/img/gateway/registerLink.png') no-repeat;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	text-align: center;
}

#info div.register a, #info div.register a:visited, #info div.register a:hover {
	text-decoration: none;
	color: #e8dbb8;
	font-family: tahoma;
	font-size: 24px;
	font-weight: bold;
}

#info div.register a span {
	color: #e5b535;
}

.clear {
	clear: both;
}

#elements {
	background: url('/img/gateway/bottom.png') no-repeat center bottom;
}

#elements #car {
	width: 510px;
	height: 211px;
	background: transparent url('/img/gateway/car.png') no-repeat;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
}

#footer {
	height: 40px;
	background: #150a01;
	text-align: center;
	color: #e8dbb8;
	font-size: 14px;
	padding-top: 20px;
}

.error {
	text-align: center;
	color: #b00;
}

p.information {
	padding: 5px 15px;
}

#info form {
	padding: 0px 0px 0px 0px;
	margin-left: 10px;
}


/* INFOBOX */
.infoBox {
	width: 700px;
	margin-left: auto;
	margin-right: auto;
}

.infoBox .title {
	width: 610px;
	height: 40px;
	padding-top: 17px;
	padding-left: 90px;
	color: #ebe0c2;
	font-size: 14px;
	font-weight: bold;
	background: url('/img/inside/content/title.png') no-repeat center top;
}

.infoBox .holder {
	width: 597px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 15px;
}

.infoBox .holder .content {
	background: url('/img/inside/content/bg.png') repeat-y;
	padding: 6px 15px 10px 10px;
	text-align: justify;
	color: #3e341c;
	line-height: 150%;
	margin-left: 1px;
}

.infoBox .holder .content p {
	margin-top: 5px;
	margin-bottom: 5px;
}

.infoBox .holder .content a {
	color: #3e341c;
}

.infoBox .holder .footer {
	height: 16px;
	background: url('/img/inside/content/bottom.png') no-repeat;
	margin-left: 1px;
}

.news_item {
	margin-bottom: 10px;
	margin-top: 5px;
}

#PostCommentCaptcha {
	display: none;
}

label {
	display: block;
	padding: 2px 0 1px 1px;
}

form div.input {
	margin-bottom: 5px;
}

form div.input input, textarea {
	color: #3E341C;
}

#PostCommentComment {
	width: 80%;
}

.comment {
	margin-bottom: 10px;
}

#flashMessage {
	text-align: center;
}