@charset "utf-8";
/* CSS Document */


/*-------------------------------------------
THREE STEPS
---------------------------------------------*/

#threesteps {
	margin-top:235px;
	width: 100%;
	height: 355px;
	background-image:url('images/3-step-customization.jpg');
	background-repeat:no-repeat;
	background-position:50px 50px;
}
.threestepstext {
	width:225px;
	padding-left:50px;
	padding-top:14px;
	font-size:1.4em;
	float:left;
}
.threestepstext img{
	vertical-align:middle;
}
#threestepstextlast {
	width:300px;
	padding-left:50px;
	padding-top:14px;
	font-size:1.4em;
	float:left;
}
#threestepstextlast img{
	vertical-align:middle;
}


/*-------------------------------------------
TRY NOW ARROW
---------------------------------------------*/
#tryarrow {
	position: absolute;
	top: 541px;
	padding-left: 320px;
	width: 320px;
	height: 87px;
	z-index:1;
}


/*-------------------------------------------
CATEGORY GRID
---------------------------------------------*/

#categorygrid {
	overflow:auto;	
	min-height:300px;
	width: 828px;
	padding-left:36px;
	padding-right:36px;
	font-size:1.4em;
}

.category {
	width: 250px;
	height: 290px;
	margin-left:13px;
	margin-right:13px;
	margin-top:20px;
	float: left;
	background-image:url('images/darksquare.jpg');
	background-repeat:no-repeat;
	text-align:center;
}
#categorygrid a{
	text-decoration:none;
	padding-bottom:10px;
}

#categorygrid a:hover{
	text-decoration:underline;
	color:#dcdcdc;
}

#category a:hover{
	color:#fbec0b;
}