#landing .page {
	margin-top: 0;
	background: url(../images/landing_bg2.png) no-repeat left top;
	height: 540px;
}

#landing .page .col {
	width: 400px;
	float: left;
}

#landing .page .left {
	padding-top: 210px;
}

#landing .page .left p {
	font-size: 16px;
	width: 330px;
	margin-left: 40px;
	line-height: 24px;
}

#landing .page .right {
	height: 410px;
}

#landing .page a.launch-reg {
	display: block;
	background: url(../images/signup_btn_130x40.png) no-repeat left top;
	width: 130px;
	height: 40px;
	margin-top: 30px;
	text-align: center;
	text-decoration: none;
	font-size: 16px;
	line-height: 40px;
}


/* a.launch-reg span { margin-left: -9999px; } */

#landing .page .left h2 {
	color: #bd5c2d; 
	font-size: 20px;
	margin-left: 40px;
	font-weight: bold;
}

/* login box */
.login-box {
	position: absolute;
	top: 40px;
	right: 5px;
	z-index: 8888;
	width: 245px;
	height: 174px;
	overflow: hidden;
	display: none;
	background: transparent;
}

.login-box .shadow {
	position:static; 
	width: 245px;
}
.login-box .shadow .mid { height:116px; }

.login-box .rounded-container {
	position:absolute; 
	left: 5px; 
	bottom: 10px;
	width:230px;
}
.login-box .rounded-container {  }
.login-box .client-o { height: 125px;}

.login-box form {
	position: absolute;
	right: 10px;
	top: 30px;
}

.login-box a.sd-button {
	position:absolute;
	right: 10px;
	bottom: 38px;
}

.login-box form div { padding-top: 3px; }
.login-box form div label { width: 96px; }

.login-box p {
	position:absolute;
	bottom: 10px;
	font-size: 11px;
	color: #888;
}

/* --- Form --- */

.reg-welcome {
	width:100%;
	margin-top:120px;
	color: #069; 
	font-weight: bold; 
	font-size: 14px;
	text-align: center;
}

div.reg-form h2 {
	margin-bottom: 20px;
}

div.reg-form p {
	width: 480px;
	margin-bottom: 10px;
	color: #036;
}

div.reg-form p.last {
	font-weight: bold;
}

div.reg-form div {
	clear: left;
	padding-top: 10px;
	line-height: 21px;
}

div.reg-form div.hline {
	margin-bottom: 20px;
	height: 1px;
	border-top: 1px solid #ccc;
}

div.reg-form div label {
	float: left;
	width: 160px;
}

input.txt-input {
	width: 100px;
}

#email {
	width: 180px;
}

div.reg-form div span.msg {
	display: inline-block;
	background-image: url(../images/hint_sprite.png);
	background-position: left top;
	background-repeat: no-repeat;
	margin-left: 5px;
	padding-left: 20px;
	width: 280px;
	height: 21px;
	line-height: 21px;
}

div.reg-form div span.opt {
	margin-left: 5px;
}

div.reg-form div span.hint {
	background-color: #fdfcf5;
	background-position: left -21px;
}

div.reg-form div span.valid {
	background-color: #fdfcf5;
	background-position: left -42px;
}

div.reg-form div span.error {
	background-color: #fdfcf5;
	background-position: left -63px;
}

/* learn more */

#learnMore, #credits {
	margin-top: 0;
	background: url(../images/bg_main_960x540.png) no-repeat left top;
	height: 480px;
	padding-top:60px;
	width: 960px;
}

.learn-page {
	width: 900px;
}

.learn-page p {margin-bottom: 10px;}


.learn-left {
	float:left;
	margin-right: 40px;
	width:500px;
}

.learn-right {
	position: relative;
	float: left;
	width: 360px;
	height: 402px;
}

.container-fade-outer  {
	background: url(../images/container_fade_left.png) no-repeat left top;
}

.container-fade-inner {
	background: url(../images/container_fade_right.png) no-repeat right top;
	margin-left: 15px;
	padding: 15px 15px 0 0;
	min-height: 402px;
}


#learnCopyContainer {
	position: relative;
	height: 402px;
}

.learn-copy {
	position:absolute;
	top: 0;
	left: 0;
	font-size: 14px;
	color: #555;
}
.learn-copy h2 {color:#768b9c; font-size: 18px;margin-bottom: 40px;}
.learn-copy p {margin-bottom: 20px;margin-left:20px;}
#copyHost1 { z-index: 3; }
#copyHost2 { z-index: 2; display:none; }

#nextCtrl {
	position:absolute; 
	width: 63px;
	height: 40px;
	bottom: 25px; 
	left: 203px;
	background: url(../images/more_btn_63x40.png) no-repeat left top;
	cursor: pointer;
}

.learn-image {
	display: block;
	background-repeat: no-repeat;
	background-position: left top;
	height: 246px;
	width: 360px;
	position:absolute;
	top: 0;
	left: 0;
}

#imageHost1  {
	z-index: 3;
	background-image: url(../images/screens/bs4w_07_360x246.jpg);
}

#imageHost2 {
	z-index: 2;
	display:none;
	background-image: url(../images/screens/bs4w_06_360x246.jpg);
}


.learn-page h1 {
	color: #768b9c;
	margin-bottom: 10px;
}

#learnMore .learn-page a.launch-reg {
	display: block;
	background: url(../images/signup_btn_130x40.png) no-repeat left top;
	width: 130px;
	height: 40px;
	bottom: 10px;
	left: 115px;
	position: absolute;
	text-align: center;
	text-decoration: none;
	font-size: 16px;
	line-height: 40px;
}