/* # Reset */
html, body, div, section, article, aside, header, hgroup, footer, nav, h1, h2, h3, h4, h5, h6, p, span, strong, img, ul, li, figure{
	margin:0;
	padding:0;
}
article, aside, figure, footer, header, hgroup, nav, section{
    display: block;
}
h1, h2, h3, h4, h5, h6{
	font-weight:normal;
}
ul{
	list-style:none;
}
img{
	border:0px;
}
a{
	color: #fff;
	text-decoration:none;
}
a:hover{
	text-decoration:none;
}
a:focus, a:hover, a:active{
	outline: 0;
	border:none;
}
p{
	margin-bottom:10px;
}	
.clearFix{
	overflow:hidden;
}
/* # Themes */
html {

}

body {
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	padding:0;
	margin:0;
	background-color:#666;
	height:100%;
	width:100%;
	background:url(../images/login-body-bg.jpg) left top repeat;
}
header {
	position:absolute;
	top:0;
	right:0;
	left:0;
	padding:0;
	margin:0;
	background-color:#666;
	height:101px;
	width:100%;
	background:url(../images/login-header-bg.png) left top repeat-x;
}	
.header-content {
	margin:0 auto;
	width:1000px;
	padding:0;
	margin-top:10px;
}
.logo {
	float:left;
}
#logo{margin-top:0 !important}
.header-content-right {
	float:right;
}
.header-content-right h1 {
	margin-top:24px;
	padding:0;
	font:bold 18px/24px 'Arial';
	color:#fff;
	text-transform:capitalize;
}
.header-content-right h1 a{
	color:#fff;
	text-decoration:none;
}
.content {
	margin:0 auto;
	width:1000px;
	height:200px;
	padding:0;
	margin-top:110px;
}	
.content-logo {
	text-align:center;
	width:1000px;
	height:200px;
	padding:0;
}
.content-logo img{
	margin:40px 0 30px 0;
}

.login-panel {
	margin:0 auto;
	width:464px;
	height:256px;
	padding-top:60px;
	background:#f0ead7 url(../images/login-panel-top-bg.png) left top repeat-x;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-o-border-radius:10px;
	border-radius:10px;	
}
.login-panel h3 {
	float:right;
	margin:25px;
	font:normal 14px/50px 'Arial';
	color:#666
}
.login-credential-panel {
	margin:0 auto;
	width:378px;
	height:162px;
	background:url(../images/credential-panel.png) left top no-repeat;
}
.login-credential-panel ul {
	float:left;
	margin:10px 39px;
}
.login-credential-panel ul li {
	float:left;
	list-style:none;
	text-indent:0;
	height:45px;
	width:300px;
	border-bottom:2px solid #f1ebdd;
	font:normal 16px/47px 'Arial';
}
.login-credential-panel ul li input placeholder {
	color:#ccc;
}
.login-credential-panel ul li input {
	background:none;
	border:none;
	width:300px;	
	font:normal 16px/20px 'Arial';
	color:#666;
	border:none;
	outline:none;
	height:45px;
}
.submit {
	margin:16px 28px;
	width:322px;
	height:52px;
	text-align:center;
	font:normal 22px/52px 'Arial';
	color:#fff;
	text-shadow:1px 1px 0 #000;
	text-transform:capitalize;	
	border:none;
	background:url(../images/submit-bg.png) left center no-repeat;
}
.register {
	margin:60px 95px 0;
	width:274px;
	height:72px;
	text-align:center;
	font:normal 24px/72px 'Arial';
	color:#fff;
	text-shadow:1px 1px 0 #000;
	text-transform:capitalize;	
	border:none;
	background:url(../images/register-button.png) left center no-repeat;
}