html, body {
	height: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
	font: 13px "Trebuchet MS", "Lucida Grande", Helvetica, sans-serif;
	xbackground: #000;
	scrollbar-face-color: #002b4d; 
	scrollbar-highlight-color: #004868; 
	scrollbar-shadow-color: #011b30; 
	scrollbar-3dlight-color: #004868; 
	scrollbar-arrow-color: #01ff00; 
	scrollbar-track-color: #999; 
	scrollbar-darkshadow-color: #000; 
	scrollbar-base-color: #fff;
}
a {
	color: #999;
}
/* HEADER */
#header {
	background: url(../images/login.jpg) repeat-x;
	width: 100%;
	height: 165px;
	padding: 0;
}

#header img {
	float: left;
	margin-left: 5px;
}

/* HEADER LOGIN */
#header form {
	color: #fff;
	margin: 0;
	padding: 10px 20px 0 0;
	float: right;
}

#header table {
	border-collapse: collapse;
}

#header table td {
	padding: 2px;
}

#header input.text {
	width: 180px;
	height: 23px;
	padding-left: 5px;
	font: 14px "Trebuchet MS", "Lucida Grande", Helvetica, sans-serif;
	color: #555;
	border: none;
}

#header input.mail {
	background: url(../images/login_mail_input.png) no-repeat top;
	padding: 5px 4px 0px 30px;
}

#header input.mail:focus {
	background: url(../images/login_mail_input.png) no-repeat bottom;
	outline: none;
}

#header input.password {
	background: url(../images/login_pass_input.png) no-repeat top;
	padding: 5px 4px 0px 30px;
}

#header input.password:focus {
	background: url(../images/login_pass_input.png) no-repeat bottom;
	outline: none;
}

span.fp_rm {
	font-size: 12px;
}

span.fp_rm a {
	font-size: 12px;
	color: #0f0;
	text-decoration: none;
}

span#remember {
	margin-left: 10px;
	*margin-left: 22px;
}

span#remember input {
	width: 10px;
	height: 10px;
	*position: absolute;
	*margin: 4px 0 0 -10px;
}

/*INTERIOR HEADER */
#subheader {
	background: url(../images/header_tile.jpg) repeat-x; 
}

/* LOGIN BUTTON */
#sub {
	float: right;
	font: bold 12px "Trebuchet MS", "Lucida Grande", Helvetica, sans-serif;
	ccolor: #333; 
	padding: 3px 2px 1px 2px;
	width: 100px;
	height: 25px;
	background: transparent url(../images/login_button.png) no-repeat top;
	border: none;
	cursor: pointer;
	text-transform: uppercase;
	margin-top: 8px;
	*margin-top: 3px;
}
	@media screen and (-webkit-min-device-pixel-ratio:0) {
		#sub { 
			margin-top: 11px;
		}
	}

#sub:hover {
	background: transparent url(../images/login_button.png) no-repeat bottom;
}

#reg {
	float: left;
	font: bold 12px "Trebuchet MS", "Lucida Grande", Helvetica, sans-serif;
	ccolor: #333; 
	padding: 3px 0px 1px 5px;
	width: 100px;
	height: 25px;
	background: transparent url(../images/login_button.png) no-repeat top;
	border: none;
	cursor: pointer;
	text-transform: uppercase;
	margin-left: 10px;
	margin-top: 8px;
	*margin-top: 3px;
}
	@media screen and (-webkit-min-device-pixel-ratio:0) {
		#reg { 
			margin-top: 11px;
		}
	}

#reg:hover {
	background: transparent url(../images/login_button.png) no-repeat bottom;
}
/* MAIN CONTENT */
#content {
	clear: both;
	background:;
}

#main_content {
	width: 776px;
	height: 330px;
	margin: 0 auto;
	padding: 32px 0 0 0;
    background: transparent url(../images/main_content.jpg) no-repeat center;
}
#subcontent {
	width: 790px;
	margin: -20px auto 0 auto;
}

.box {
	width: 261px;
	height: 116px;
	float: left;
	background: url(../images/box.jpg) no-repeat;
}

/* MEDIA */
#media {
	float: left;
	width: 455px;
	height: 300px;
	margin-left: 4px
}

/* SIGNUP AREA */
#signup {
	float: left;
	width: 306px;
}

#signup_titlebar {
	background: url(../images/signup_titlebar_blue.jpg) no-repeat;
	width: 306px;
	height: 56px;
}

#signup_area {
	background-color: #eee;
	border-right: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	border-left: solid 1px #ccc;
	height: 243px;
}

#signup_area p {
	color: #999;
	font-size: 11px;
	text-align: left;
	width: 220px;
	margin: 0 auto;
}

#signup_area p a {
	color: #999;
}

/* SIGNUP FORM */
#signup_area form {
	padding: 20px 0;
}

#signup_area input.text {
	width: 180px;
	height: 23px;
	padding-left: 5px;
	font: 14px "Trebuchet MS", "Lucida Grande", Helvetica, sans-serif;
	color: #555;
	border: none;
}

#signup_area input.fullname {
	background: url(../images/login_name_input.png) no-repeat top;
	padding: 5px 4px 0px 30px;
}

#signup_area input.fullname:focus {
	background: url(../images/login_name_input.png) no-repeat bottom;
	outline: none;
}


#signup_area input.mail {
	background: url(../images/login_mail_input.png) no-repeat top;
	padding: 5px 4px 0px 30px;
}

#signup_area input.mail:focus {
	background: url(../images/login_mail_input.png) no-repeat bottom;
	outline: none;
}

#signup_area input.password {
	background: url(../images/login_pass_input.png) no-repeat top;
	padding: 5px 4px 0px 30px;
}

#signup_area input.password:focus {
	background: url(../images/login_pass_input.png) no-repeat bottom;
	outline: none;
}

/* SIGNUP BUTTON */
#signup_button {
	width: 211px;
	height: 64px;
	background: transparent url(../images/signup_button.png) no-repeat top;
	border: none;
	margin: -20px 0 0 2px;
	cursor: pointer;
}

#signup_button:hover {
	background: transparent url(../images/signup_button.png) no-repeat bottom;
}

/* DEMO BUTTON */
#demo_button {
	width: 211px;
	height: 64px;
	background: transparent url(../images/demo_button.png) no-repeat top;
	border: none;
	cursor: pointer;
	margin: 10px 0 0 2px;
}

#demo_button:hover {
	background: transparent url(../images/demo_button.png) no-repeat bottom;
}

/* HIGHLIGHTS AREA */
#highlight_1 {
	float: left;
	margin: 5px;
	background: url(../images/browser_compatibility.jpg) no-repeat;
	width: 445px;
	height: 100px;
}

#highlight_2 {
	float: left;
	margin: 5px 0 0 0;
	background: url(../images/view_demo.jpg) no-repeat;
	width: 306px;
	height: 100px;
}

/* FOOTER */
.footer {
	position: fixed;
	bottom: 0;
	width: 100%;
		background: url(../images/footer.jpg) repeat-x;
		height: 37px;
		
		font-size: 12px;
}

.footer a span {
		color: #b0b4b4;
}

.footer a {
		float: right;
		text-decoration: none;
		color: #fff;
		padding-right: 10px;
		padding-top: 10px;
}