/* Coded by Vizon Media http://VizonMedia.com */

/* MAIN ELEMENTS */
body {
	background: url("images/bg.gif") repeat-x #e8ebde;
	font: normal 13px arial;
	color: #545454;
}


.container {
	width: 868px;
	height: auto;
	margin: 0 auto;
}


* {
	margin: 0; padding: 0;
}
.clear {
	clear: both; 
}


/* END MAIN ELEMENTS */

/* HEAD ELEMENTS */
	#head {
		width: auto;
		height: 90px;
	}
		#head h1 {
			width: 234px;
			height: 90px;
			background: url("images/logo.gif") no-repeat;
			float: left;
		}

			#head h1 a {
				width: 234px;
				height: 90px;
				display: block;
				outline: none;
				text-indent: -10000px;
			}

		#head ul {
			width: auto;
			height: 90px;
			list-style: none;
			float: right;
		}

			#head ul li {
				float: left;
				margin-left: 6px;
			}

				#head ul li a {
					width: auto;
					height: 15px;
					display: block;
					padding: 46px 5px 5px 5px;
					color: #fff;
					text-decoration: none;
					font-size: 14px;
					border-top: 2px solid #335108;
					float: left;
					font-weight: 600;
				}

					#head ul li a:hover {
						width: auto;
						height: 15px;
						display: block;
						background: #3e6309;
						border-bottom: 3px solid #335108;
						border-left: 3px solid #335108;
						border-right: 3px solid #335108;
						border-top: 2px solid #335108;
						color: #fff;
						margin: 0 -3px;
					}
	#head2 {
		width: 630px;
		height: 98px;
		background: url("images/text.gif") no-repeat;
		float: left;
		text-indent: -10000px;
		margin-top: 28px;
	}

	#get_started {
		width: 215px;
		height: 61px;
		background: url("images/get_started.gif") no-repeat;
		float: left;
		margin-top: 28px;
		text-indent: -10000px;
		outline: none;
	}

/* END HEAD ELEMENTS */

/* LEFT SIDE */

	#left {
		width: 628px;
		height: auto;
		float: left;
		background: #dbded1;
		margin-top: 25px;
		padding: 6px 0 12px 6px;
	}

		#sub {
			width: 158px;
			height: 42px;
			background: url("images/submit.gif") no-repeat;
			float: right;
			border: 0;
			margin-top: 10px;
		}

		#res {
			width: 114px;
			height: 37px;
			background: url("images/reset.gif") no-repeat;
			border: 2px solid #cbcfbf;
			float: right;
			text-indent: -10000px;
			margin: 11px 15px 0 5px;
			outline: none;
		}


		#box {
			width: 622px;
			height: auto;
			background: #fff;
			padding: 20px 0;
			border-bottom: 2px solid #bcbeb2;
		}

			#content {
				padding: 0 15px;
				margin-bottom: 25px;
			}

				#content h2 {
					color: #4d5a6c;
					font-size: 24px;
					margin-bottom: 15px;
				}

				#content h3 {
					color: #212121;
					font-size: 15px;
					margin-bottom: 15px;
				}

				#content h4 {
					color: #212121;
					font: normal 14px arial;
					margin-bottom: 15px;
				}

			#box a {
				color: #282828;
				text-decoration: none;
				font-weight: bold;
			}

				#box a:hover {
					color: #69831d;
					font-weight: bold;
				}

			.input_area {
				width: 606px;
				padding: 25px 0 25px 16px;
				border-top: 1px solid #dbded1;
				background: #fff;
			}

			.input_2 {
				width: 606px;
				padding: 25px 0 25px 16px;
				border-top: 1px solid #dbded1;
				background: #f8f8f8;
			}

				.input {
					width: 519px;
					height: 25px;
					background: #eee;
					border-top: 1px solid #cecece;
					border-left: 1px solid #cecece;
					border-bottom: 0;
					border-right: 0;
					padding: 4px;
					float: left;
					font-size: 16px;
				}

				.sinput {
					width: 90px;
					height: 25px;
					background: #eee;
					border-top: 1px solid #cecece;
					border-left: 1px solid #cecece;
					border-bottom: 0;
					border-right: 0;
					padding: 4px;
					margin: 0 15px 0 8px;
					font-size: 16px;
					float: left;
				}

					.input_area span {
						float: left;
						margin-top: 8px;
					}

				.ssinput {
					width: 90px;
					height: 25px;
					background: #eee;
					border-top: 1px solid #cecece;
					border-left: 1px solid #cecece;
					border-bottom: 0;
					border-right: 0;
					padding: 4px;
					font-size: 16px;
					float: left;
					margin: 0 0 15px 4px;
				}

				.file {
					width: 521px;
					height: 27px;
					float: left;
				}

				.file2 {
					width: 298px;
					height: 27px;
					float: left;
					margin-left: 4px;
				}

				.select {
					width: 226px;
					height: 27px;
					font-size: 16px;
					float: left;
					margin-left: 4px;
				}
				.input_area h2, .input_2 h2 {
					color: #4d5a6c;
					font-size: 24px;
				}

				.input_area h3, .input_2 h3 {
					color: #212121;
					font-size: 15px;
					padding-bottom: 2px;
				}

				.input_area h4, .input_2 h4 {
					color: #212121;
					font: normal 14px arial;
				}

				.input_area p, .input_2 p {
					margin-bottom: 12px;
				}

				.pass {
					float: left;
					margin-left: 6px;
				}

				.pass2 {
					float: left;
					margin: 8px 25px 0 6px;
				}
/* LEFT SIDE */

/* RIGHT SIDE */

	#right {
		width: 208px;
		height: auto;
		margin-top: 54px;
		color: #8e9183;
		float: right;
	}

		#login {
			width: 178px;
			height: 26px;
			border-bottom: 1px solid #d7dacd;
			background: url("images/lock.gif") no-repeat;
			color: #707853;
			font: bold 14px arial;
			padding: 2px 0 0 30px;
		}

		#right p {
			margin: 10px 0 3px 0;
			font: bold 11px arial;
		}

		.login {
			width: 202px;
			height: 20px;
			border: 2px solid #c7cabd;
			padding: 3px;
			font-weight: bold;
		}

		.login2 {
			width: 116px;
			height: 41px;
			background: url("images/login.gif") no-repeat;
			margin-top: 14px;
			border: 0;
		}

		#reg {
			width: 208px;
			height: auto;
			border-top: 1px solid #d7dacd;
			margin-top: 15px;
			padding-top: 10px;
		}

			#reg a {
				font-size: 12px;
				color: #717467;
			}

				#reg a:hover {
					font-size: 12px;
					color: #717467;
					text-decoration: none;
				}

		#adverts {
			margin-top: 20px;
		}

			#adverts img {
				border: 0;
				margin-bottom: 10px;
			}
/* RIGHT SIDE */

/* FOOTER */
#footer {
	width: auto;
	height: 78px;
	background: #33373b;
	border-top: 8px solid #292c2f;
	margin-top: 30px;
	color: #fff;
	padding-top: 16px;
}

	#footer ul {
		list-style: none;
	}

		#footer ul li {
			float: left;
			margin-left: 6px;
		}
			#footer ul li a {
				margin-right: 6px;
				color: #fff;
				text-decoration: none;
			}

				#footer ul li a:hover {
					margin-right: 6px;
					color: #fff;
					text-decoration: underline;
				}

	#footer a {
		color: #8b9095;
	}
		#copy {
			float: left;
			color: #8b9095;
			margin-left: 6px;
		}

		#logo {
			width: 176px;
			height: 16px;
			float: right;
			background: url("images/logo2.gif") no-repeat;
			text-indent: -10000px;
			outline: none;
		}

/* END FOOTER */