/*********************************   HOMEPAGE INTRO   *********************************/

div.home-bg {
	width:					100%;
	border-bottom:			5px solid #8ed5f2;
	background:				#158fc4 url('../imgs/bg-home.png') bottom center repeat-x;
	}
	
div.home-bg div.wrapper {
	padding-top:			20px;
	background:				url('../imgs/intro-bg.png') bottom center no-repeat;
	}

*html div.home-bg div.wrapper {
    background:                none;
    }
	
div.intro-left {
	width:					470px;
	padding:				0 20px 20px 70px;
	float:					left;
	}
	
div.intro-right {
	width:					310px;
	min-height:				50px;
	padding:				0 20px 0 70px;
	float:					left;
	}
	
div.intro-left h1, div.intro-right h1 {
	color:					white;
	font-size:				20px;
	}
	
div.intro-left h2, div.intro-right h2 {
	color:					#99ccff;
	font-size:				15px;
	margin:					0 0 10px 0;
	}
	
div.intro-left p, div.intro-right p {
	color:					white;
	}

div.intro-col-left {
	width:					580px;
	float:					left;
	}
	
	
div.intro-col-right {
	width:					400px;
	float:					left;
	}	
	
div.intro-01 {
	background:				url('../imgs/intro-header-01.gif') top left no-repeat;
	}
	
div.intro-02 {
	background:				url('../imgs/intro-header-02.png') top left no-repeat;
	}

	
div.intro-02 p {
	margin-bottom:			8px;
	padding-bottom:			6px;
	border-bottom:			1px solid white;
	font-size:				12px;	
	}
	
div.intro-03 {
	background:				url('../imgs/intro-header-03.gif') top left no-repeat;
	}
	
div.intro-04 {
	width:					360px;
	padding:				0 20px 20px 20px;
	background:				none;
	}
	
a.screenshot {
	width:					93px;
	min-height:				94px;
	height:					94px;
	margin:					0 0 10px 0;
	}
	
a.ss-01 {
	background:				url('../imgs/home_ss_HKISI.png') center center no-repeat;
	float:					left;
	}
	
a.ss-02 {
	margin-left:			94px;		
	background:				url('../imgs/screenshot-02.jpg') center center no-repeat;
	float:					left;
	}
	
a.ss-03 {
	margin-left:			94px;	
	background:				url('../imgs/home_ss_pda.png') center center no-repeat;
	float:					left;
	}

a.arrow-link-blue {
	padding-left:			20px;
	color:					#8ed5f2;
	background:				url('../imgs/bullet-02.gif') center left no-repeat;
	cursor:					pointer;
	}
	
a:hover.arrow-link-blue {
	color:					#ffba5e;
	background:				url('../imgs/bullet-03.gif') center left no-repeat;
	}

div.intro-03 a.arrow-link-blue {
	margin-bottom:			16px;
	font-size:				14px;
	font-weight:			bold;
	display:				block;
	}
	
div.login-outer {
	width:					332px;
	min-height:				10px;
	height:					10px;
	}
	
div.login-top {
	font-size:				0;
	background:				url('../imgs/login-top.png') bottom center no-repeat;
	}
	
div.login-center {
	width:					300px;
	padding:				5px 16px 10px 16px;
	background:				url('../imgs/login-center.png') top center repeat-y;
	}

div.login-bottom {
	background:				url('../imgs/login-bottom.png') top center no-repeat;
	}	
	
div.login-content {
	width:					300px;
	padding-top:			54px;
	background:				url('../imgs/login-icon_ch.gif') top left no-repeat;
	}
	
div.login-email {
	min-height:				13px;
	margin-left:			40px;
	padding-left:		 	70px;
	background:				url('../imgs/login-email_ch.gif') 26px 5px no-repeat;
	}
	
div.login-pass {
	min-height:				13px;
	margin-left:			40px;
	padding-left:		 	70px;
	background:				url('../imgs/login-password_ch.gif') 0 5px no-repeat;
	}
	
#login-button {
	width:					60px;
	min-height:				20px;
	height:					20px;
	border:					0;
	background:				url('../imgs/login-button_ch.gif') 0 0 no-repeat;
	overflow:				hidden;
	}
	
#login-button:hover {
	background-position:	0 -20px;
	}
	
div.login-register {
	margin:					0 20px 0 20px;
	float:					left;
	}
	
div.login-register p {
	padding:				0 0 0 20px;
	font-size:				12px;
	color:					#8ed5f2;
	background:				url('../imgs/bullet-02.gif') center left no-repeat;
	}

div.login-register a {
	padding:				0 0 0 20px;
	font-size:				12px;
	color:					white;
	text-decoration:		underline;
	}	
	
div.login-submit {
	margin:					0 0 0 20px;
	float:					left;
	}
	
*html div.login-submit {
	margin:					0 0 0 0;
	float:					left;
	}
	
/*********************************   REGISTER   *********************************/	
	
div.our-goal {
	width:					980px;
	margin:					25px 0 20px 0;
	}
	
div.our-goal h1 {
	font-size:				20px;
	margin-bottom:			15px;
	}
	
div.our-goal p {
	color:					#000000;
	width:					450px;
	padding-left:			20px;
	background:				url('../imgs/bullet-04.gif') 0 7px no-repeat;
	float:					left;
	}
	
p.goal-left {
	margin-right:			40px;
	}
	
div.goal-tagline {
	width:					980px;
	padding:				5px 0 15px 0;
	}

div.goal-tagline p {
	color:					#d97c00;
	font-weight:			bold;
	font-size:				15px;
	text-align:				center;
	width:					100%;
	margin:					0;
	padding-top:			0;
	background:				none;
	}
	
	
	
/*********************************   REGISTER   *********************************/

div.form-container {
	width:					938px;
	}

div.register-description {
	width:					300px;
	float:					left;
	}

div.register-input {
	float:					left;
	}
	
div.scroll-box {
	width:					550px;
	min-height:				100px;
	height:					100px;
	border:					1px solid #ebebeb;
	overflow:				auto;
	}

div.scroll-box p {
	font-size:				12px;
	color:					#777;
	}	
	
div.scroll-content {
	width:					508px;
	padding:				10px;
	}

	
/*********************************   ABOUT   *********************************/

div.insiders-image {
	width:					203px;
	min-height:				307px;
	height:					307px;
	background:				url('../images/insiderHome.gif') center center no-repeat;
	float:					right;
	}
	
div.about-content {
	width:					518px;
	padding:				0 30px 0 0;
	margin:					0 30px 0 0;
	border-right:			1px solid #ebebeb;
	float:					left;
	}

/*********************************   COMPANY OVERVIEW   *********************************/	
