/*==================================================================================================================*\
	RESET STYLES
\*==================================================================================================================*/
html,body,h1,h2,h3,h4,h5,h6,div,p,a,img,ul,li,table,tr,th,td,col,form,input,label,textarea,select,option,sup,sub,iframe,object{	background:transparent;color:inherit;font-size:100%;font-family:inherit;font-weight:500;margin:0;padding:0;border:none;vertical-align:baseline;}html{height:100%;}body{min-height:100%;height:100%;text-shadow:none;}html,textarea{overflow-x:auto;overflow-y:scroll;}:hover,:active,:focus{outline:none;}::selection{background:#fff;color:#333;}::-moz-selection{background:#fff;color:#333;}ul{list-style:none outside;}ul li{vertical-align:middle;}

/*==================================================================================================================*\
	MAIN STYLE
\*==================================================================================================================*/
body,
input,
select,
option,
textarea{
	font:500 12px "Trebuchet MS",Helvetica,Jamrul,sans-serif;
}

html{
	height:100%;
}
body{
	background:#999 url(../images/bg4.png) repeat-x;
	color:#fff;
	min-height:100%;
	height:100%;
	text-shadow:none;
	position:relative;
	top:-330px;	
}

#space{
	width:950px;
	margin:0 auto;
	height:100%;
	background:#999;
}
.page{
	width:950px;
	margin:0 auto;
	background:#999;
	height:auto!important;
	min-height:100%;
	height:100%;

}
	/**** HEADER **/
	.page .header{
		height:470px;
		background:#999 url(../images/bgHeader02.png) no-repeat 20px 0;
		position:relative;

	}
		.page .header .menu{
			position:absolute;
			bottom:16px;
			right:24px;
			overflow:hidden;
			background:url(../images/bgHeaderMenu.png) no-repeat;
			width:373px;
			height:45px;
		}
			.page .header .menu li{
				float:left;
				border-right:1px solid #e5e5e5;
				padding:0 14px;
				margin:20px 0 0;
				height:15px;
			}
				.page .header .menu li.last-child{
					border:none;
				}
				.page .header .menu li a{
					font-size:15px;
					color:#e5e5e5;
					text-decoration:none;
					position:relative;
					top:-4px;
				}
					.page .header .menu li a:hover{
						text-decoration:underline;
					}
	/**** LOGIN **/
	.page .login{
		background:url(../images/bg4.png) repeat-x;
		height:416px;
		position:relative;
	}
		.page .login .buttons{
			overflow:hidden;
			padding:20px 0 0 20px;
		}
			.page .login .buttons .but1,
			.page .login .buttons .but2,
			.page .login .buttons .but3{
				width:180px;
				float:left;
				margin:0 6px 0 0;
				cursor:pointer;
			}
			.page .login .buttons .but1{
				background:url(../images/home/button1.png) no-repeat;
				height:206px;
			}
			.page .login .buttons .but2{
				background:url(../images/home/button2.png) no-repeat;
				height:219px;
			}
			.page .login .buttons .but3{
				background:url(../images/home/button3.png) no-repeat;
				height:266px;
			}
		.page .login .login-logo{
			background:url(../images/logo2.png) no-repeat;
			position:absolute;
			bottom:40px;
			right:24px;
			width:900px;
			height:108px;
		}
		.page .login .login-form{
			width:181px;
			height:102px;
			background:url(../images/login/bgLoginForm.png) no-repeat;
			position:absolute;
			top:20px;
			right:24px;
		}
			.page .login .login-form .login-form-inner{
				padding:6px 10px;
			}
				.page .login .login-form .login-form-inner .subtitle{
					font-weight:700;
					padding:0;
					font-size:13px;
					margin:0 0 4px;
				}
				.page .login .login-form .login-form-inner .iText{
					width:100%;
					margin:0 0 4px;
				}
				.page .login .login-form .login-form-inner .iButton{
					color:#333;
				}
	/**** CONTENT **/
	.page .content{
		overflow:hidden;
		padding:20px 0 20px 20px;
	}
	.page .welcome,
	.page .features,
	.page .benefits{
		height:206px;
		position:relative;
		margin:0 0 10px;
	}
		.page .welcome .info,
		.page .features .info,
		.page .benefits .info{
			width:530px;
			height:146px;
			margin:0 5px 0 0;
			padding:60px 15px 0 20px;
			float:left;
			font-size:14px;
		}
			.page .welcome .info	{background:url(../images/home/bgWelcome.png) no-repeat;}
			.page .features .info	{background:url(../images/home/bgFeatures.png) no-repeat;}
			.page .benefits .info	{background:url(../images/home/bgBenefits.png) no-repeat;}

			.page .welcome .info p{
				text-align:justify;
				margin:0 0 0px;
				line-height:30px;
			}
			.page .features .info ul{
			}
				.page .features .info ul li{
					line-height:30px;
					padding:0 0 0 20px;
					background:url(../images/home/square.png) no-repeat 0 12px;
				}
					.page .features .info ul li a{
						color:#fff;
						text-decoration:none;
					}
						.page .features .info ul li a:hover{
							text-decoration:underline;
						}
			.page .benefits .info ul{
				overflow:hidden;
				float:left;
				width:49%;
			}
				.page .benefits .info ul li{
					line-height:30px;
					padding:0 0 0 20px;
					background:url(../images/home/square2.png) no-repeat 0 12px;
					color:#000;
				}
		.page .welcome .other,
		.page .features .other,
		.page .benefits .other{
			float:left;
			width:180px;
			height:206px;
		}
				.page .welcome .other,
				.page .features .other{background:url(../images/home/bgOther.png) no-repeat;}
				.page .benefits .other{background:url(../images/home/bgOther2.png) no-repeat;}
		.page .benefits .login-form{
			width:154px;
			height:102px;
			background:url(../images/home/bgLogin.png) no-repeat;
			float:left;
			margin:0 0 0 10px;
		}
			.page .benefits .login-form .login-form-inner{
				padding:6px 10px;
			}
				.page .benefits .login-form .login-form-inner .subtitle{
					font-weight:700;
					padding:0;
					font-size:13px;
					margin:0 0 4px;
				}
				.page .benefits .login-form .login-form-inner .iText{
					width:100%;
					margin:0 0 4px;
				}
				.page .benefits .login-form .login-form-inner .iButton{
					color:#333;
				}
	/**** FOOTER **/
	.footer{
		background:url(../images/bgFooter2.png) no-repeat 587px 100%;
		clear:both;
		height:196px;
	}
		.footer .menu{
			overflow:hidden;
			margin:0 0 0 10px;
		}
			.footer .menu li{
				float:left;
				border-right:1px solid #acacac;
				padding:0 15px;
				margin:10px 0 0;
			}
				.footer .menu li.last-child{
					border:none;
				}
				.footer .menu li a{
					font-size:14px;
					color:#b4b4b4;
					text-decoration:none;
				}
					.footer .menu li a:hover{
						text-decoration:underline;
					}

/**** PRESETs **/
.colorBlue	{color:#4c9fe8;}
.hAC		{text-align:center!important;}
.hAL		{text-align:left!important;}
.hAR		{text-align:right!important;}

.iText{
	background:#fff;
	border:1px solid #eee;
	color:#666;
}

.iButton{
	cursor:pointer;
}
.upper{text-transform:uppercase;}