
body {
	margin: 0px;
	padding: 0px;
	background: black url(../images/bg.jpg) center top no-repeat;
	}

.content_layout {
	width: 880px;
	height: 1600px;
	margin: 51px auto 0px auto;
	position: relative;
	background: black url(../images/bg_content.jpg) left top no-repeat;
	}

.content_layout2 {
	width: 880px;
	height: 1720px;
	margin: 51px auto 0px auto;
	position: relative;
	background: black url(../images/bg_content2.jpg) left top no-repeat;
	}

a.play_video img {
	visibility: hidden;
	border: none;
	}

/* 1. Account create */

.account_create {
	width: 880px;
	height: 240px;
	margin-top: 385px;
	position: absolute;
	}
	
	.account_create .desc {
		width: 350px;
		height: 50px;
		margin: 69px 0px 0px 37px;
		position: absolute;
		color: #d2ad74;
		font: 17px Arial, Helvetica, sans-serif;
		}

.rfForm {
	width: 457px;
	margin: 0px 0px 0px 411px;
	padding: 0px;
	}
	
	.rfForm fieldset {
		padding: 0px;
		border: none;
		}

	.rfForm table {
		width: 455px;
		border-collapse: separate;
		border-spacing: 0;
		}
		
		.rfForm table td {
			padding-bottom: 6px;
			}
	
	.rfIInput {
		width: 202px;
		background: url(../images/input_bg.png) 0px 1px no-repeat;
		}
			
		.rfIInput input {
			width: 194px;
			height: 32px;
			margin: -1px 0px 0px 2px;
			color: #777676;
			font: 13px Arial, Helvetica, sans-serif;
			text-align: center;
			background: none;
			border: none;
			}
	
	#nrHVCont .rfIInput {
		background: url(../images/input_bg_sm.png) 0px 1px no-repeat;
		}
			
			#nrHVCont .rfIInput {
				font: 11px Tahoma, Geneva, sans-serif;
				}
			
			#nrHVCont .rfIInput input {
				width: 124px;
				height: 32px;
				margin: -1px 0px 0px 2px;
				color: #777676;
				font: bold 13px Arial, Helvetica, sans-serif;
				text-align: center;
				background: none;
				border: none;
				}
			
			#nrHVCont .rfIInput img {
				width: 83px;
				height: 28px;
				margin: 2px 4px 0px 0px;
				float: right;
				}
	
	#EmailDisplayRow td {
		padding-bottom: 10px;
		color: #A6A6A6;
		font: 14px Arial,Helvetica,sans-serif;
		background: none;
		}
		
		#EmailDisplayRow td a {
			color: #D2AD74;
			text-decoration: underline;
			}
		
		#EmailDisplayRow td a:hover {
			color: #D2AD74;
			text-decoration: none;
			}
	
	.rfINote {
		width: 211px;
		height: 38px;
		display: table-cell;
		color: #a6a6a6;
		font: bold 10px Tahoma, Geneva, sans-serif;
		line-height: 12px;
		vertical-align: top;
		text-transform: uppercase;
		}
		
		.rfINote div {
			width: 211px;
			height: 38px;
			display: table-cell;
			padding-left: 13px;
			color: #a6a6a6;
			font: bold 8px Tahoma, Geneva, sans-serif;
			line-height: 12px;
			vertical-align: middle;
			text-transform: uppercase;
			}
		
		.rfINote .rfNoteNote 	{background: url(../images/note_info.png) left top no-repeat; padding-right: 21px;}
		.rfINote .rfNoteOk 	  	{background: url(../images/note_ok.png) left top no-repeat; padding-right: 48px;}
		.rfINote .rfNoteWarning {background: url(../images/note_warning.png) left top no-repeat; padding-right: 48px;}
		.rfINote .rfNoteError   {background: url(../images/note_error.png) left top no-repeat; padding-right: 48px;}
		
		.rfINote div a {
			color: #febd00;
			text-decoration: none;
			}
		
	.rfNoteText {
		width: 477px;
		left: 90px;
		top: 221px;
		padding: 0px 0px 0px 0px;
		position: absolute;
		color: #ACA89A;
		font: 11px Tahoma, Geneva, sans-serif;
		line-height: 10px;
		text-align: left;
		text-shadow: 1px 1px 2px black;
		}
		
		.rfNoteText a {
			color: #A18836;
			text-decoration: underline;
			}
		
		.rfNoteText a:hover {
			color: #A18836;
			text-decoration: none;
			}
	
	#btn_register {
		width: 220px;
		height: 55px;
		left: 568px;
		top: 204px;
		position: absolute;
		background: url(../images/btn_account.jpg) right top no-repeat;
		}
	
	.rfSubmit {
		width: 211px;
		height: 48px;
		margin: 0px 0px 0px 9px;
		display: block;
		position: absolute;
		background: url(../images/btn_account.jpg) right top no-repeat;
		border: none;
		cursor: pointer;
		}

/* 2. Client download */

.client_download {
	width: 880px;
	height: 240px;
	margin-top: 685px;
	position: absolute;
	}
	
	.client_download .desc {
		width: 353px;
		margin: 57px 0px 0px 497px;
		position: absolute;
		color: #d2ad74;
		font: 17px Arial, Helvetica, sans-serif;
		}
	
	.client_download .button {
		width: 220px;
		height: 55px;
		margin: 160px 0px 0px 567px;
		position: absolute;
		background: url(../images/btn_download.jpg) right top no-repeat;
		}
		
		.client_download .button a {
			width: 211px;
			height: 48px;
			margin-left: 9px;
			display: block;
			background: url(../images/btn_download.jpg) right top no-repeat;
			}

/* 3. Studying video */

.studying_video {
	width: 880px;
	height: 240px;
	margin-top: 975px;
	position: absolute;
	}
	
	.studying_video .desc {
		width: 350px;
		margin: 59px 0px 0px 37px;
		position: absolute;
		color: #d2ad74;
		font: 17px Arial, Helvetica, sans-serif;
		}
	
	.studying_video .play_video {
		width: 312px;
		height: 174px;
		display: block;
		position: absolute;
		margin: 12px 0px 0px 528px;
		}

/* More about Warface */

.about_warface {
	width: 880px;
	height: 240px;
	margin-top: 1299px;
	position: absolute;
	}
	
	.about_warface .play_video {
		width: 368px;
		height: 192px;
		display: block;
		position: absolute;
		margin: 33px 0px 0px 45px;
		}
	
	.about_warface .screenshots {
		width: 372px;
		height: 192px;
		position: absolute;
		margin: 33px 0px 0px 472px;
		overflow: hidden;
		}
		
		.about_warface .screenshots .scr_left {
			width: 67px;
			height: 15px;
			position: absolute;
			margin: -6px 0px 0px -11px;
			background: url(../images/scr_left.png) right top no-repeat;
			}
		
		.about_warface .screenshots .scr_right {
			width: 65px;
			height: 15px;
			position: absolute;
			margin: -7px 0px 0px 310px;
			background: url(../images/scr_right.png) right top no-repeat;
			}
		
		.about_warface .screenshots .scr_center {
			width: 256px;
			height: 4px;
			position: absolute;
			margin: 0px 0px 0px 54px;
			background: url(../images/scr_center.png) right top no-repeat;
			}
		
		.about_warface .screenshots a {
			width: 120px;
			height: 94px;
			display: block;
			float: left;
			margin: 0px 3px 3px 0px;
			overflow: hidden;
			background-color: #888;
			}
			
			.about_warface .screenshots a img {
				border: none;
				}

/* More about Warface */

/*.footer {
	width: 880px;
	height: 110px;
	margin-top: 1600px;
	position: absolute;
	}
	
	.footer img {
		border: none;
		}
	
	.footer .crytek {
		width: 88px;
		height: 31px;
		margin-left: 285px;
		display: block;
		position: absolute;
		}
	
	.footer .cry_engine {
		width: 139px;
		height: 31px;
		margin-left: 385px;
		display: block;
		position: absolute;
		}
	
	.footer .mail {
		width: 60px;
		height: 31px;
		margin-left: 536px;
		display: block;
		position: absolute;
		}
	
	.footer .copyright {
		width: 880px;
		margin-top: 32px;
		position: absolute;
		color: #555555;
		font: 10px Arial, Helvetica, sans-serif;
		text-align: center;
		}*/

/* lightbox additional styles */

#lightbox-container-image-box {
	background-color: black !important;
	}

#lightbox-container-image-data-box {
	background-color: black !important;
	}
