html, body {
	background: #dfdfdf url(../images/home-bg.jpg) 0 0 repeat-x;
	height: 100%;
}
	#start {
		background:url(../images/constellation.png) top right no-repeat;
		margin:35px auto;
		position:relative;
		text-align:left;
		}

	#start h1 {
			font:normal 70px Helvetica, Arial, sans-serif;
			font-weight:100;
			letter-spacing:-2px;
			text-align:center;
			text-shadow:1px 1px 0 rgba(255,255,255,0.5);
			}
			#start h1 strong {font-weight:normal;}
	#start h2 {
			color:#2d72cd;
			font:normal 16px Helvetica, Arial, sans-serif;
			letter-spacing:-0.5px;
			padding:0 0 50px;
			
			text-shadow:1px 1px 0 rgba(255,255,255,0.3);
			}
		
		.feature,.steps {
			margin-left: 80px;
		}

		#start li {
			display:block; width:220px;
			float:left;
			text-align: center;
			margin-left:25px;
			padding-bottom:130px;
			}
			#start li:first-child {
				margin-left:0;
				}
			#start li a.step {
				background-position:10px 0;
				background-repeat:no-repeat;
				border:4px solid transparent;
				border-radius:10px;
				color:#266fcc;
				display:inline-block; height:20px; width:200px;
				font:bold 30px Helvetica, Arial, sans-serif;
				letter-spacing:-1px;
				padding:190px 10px 25px;
				position:relative;
				text-align:center;
				text-shadow:1px 1px 0 rgba(255,255,255,0.5);
				transition: box-shadow 0.1s, background-color 0.2s, border-color 0.2s;
				-moz-transition: box-shadow 0.1s, background-color 0.2s, border-color 0.2s; /* Firefox 4 */
				-webkit-transition: box-shadow 0.1s, background-color 0.2s, border-color 0.2s; /* Safari and Chrome */
				-o-transition: box-shadow 0.1s, background-color 0.2s, border-color 0.2s; /* Opera */
				}
				#start li a.step .num {
					background-color:#266fcc;
					border-radius:20px;
					color:#dbdbdb;
					display:inline-block; height:14px; width:14px;
					font:bold 14px Helvetica, Arial, sans-serif;
					margin-right:10px;
					padding:4px 4px 3px;
					position:relative; top:-6px;
					text-shadow:-1px -1px 0 #1f5192;
					}
				#start li a.step:hover {
					background-color:rgba(255,255,255,0.4);
					border-color:#066bf2;
					color:#494949;
					-moz-box-shadow: inset 0px 0px 30px #156de4;
					-webkit-box-shadow: inset 0px 0px 30px #156de4;
					box-shadow: inset 0px 0px 30px #156de4;
					transition: box-shadow 0.3s, background-color 0.2s;
					-moz-transition: box-shadow 0.3s, background-color 0.2s; /* Firefox 4 */
					-webkit-transition: box-shadow 0.3s, background-color 0.2s; /* Safari and Chrome */
					-o-transition: box-shadow 0.3s, background-color 0.2s; /* Opera */
					}
				#start li.step-collect a 	{background-image:url(../images/icon-big-collect.png);}
				#start li.step-select a		{background-image:url(../images/icon-big-select.png);}
				#start li.step-present a 	{background-image:url(../images/icon-big-present.png);}
				#start li.step-assess a 	{background-image:url(../images/icon-big-assess.png);}
				
				#start li a.step p {
					color:#b2b2b2;
					font:bold 12px/14px Helvetica, Arial, sans-serif;
					letter-spacing:0;
					padding:20px;
					position:absolute; top:270px; left:0;
					text-align:left;
					transition: color 0.2s, top ease-out 0.2s;
					-moz-transition: color 0.2s, top ease-out 0.2s; /* Firefox 4 */
					-webkit-transition: color 0.2s, top ease-out 0.2s; /* Safari and Chrome */
					-o-transition: color 0.2s, top ease-out 0.2s; /* Opera */
					}
					#start li a.step:hover p {
						color:#555555;
						top:250px;
						transition: color 0.2s, top ease-out 0.2s;
						-moz-transition: color 0.2s, top ease-out 0.2s; /* Firefox 4 */
						-webkit-transition: color 0.2s, top ease-out 0.2s; /* Safari and Chrome */
						-o-transition: color 0.2s, top ease-out 0.2s; /* Opera */
						}
				
	#start:after {
		content:' ';
		clear:both;
		display:block; height:0px;
		}
		
	#footer {
		display:none;
		}


