@import url(common.css);

/* ---------- HOME PAGE ------- */
#home {
	background: #030619 url(../img/bg_x.jpg) repeat-x;
}
#home #page {
	background: url(../img/head.jpg) no-repeat center top;
}
#home #footer {
	background: url(../img/foot.jpg) no-repeat;
	height: 880px;
	position: relative;
}
#home #footer .chooseGroovy {
	position: absolute;
	top: 460px; left: 130px;
	width: 280px;
}
.convince {margin-left: 20px; margin-right: 20px;}
#home #footer #getInTouch a {
	width: 252px; height: 102px;
	display: block;
	background: url(../img/contact-groovy-web-design.gif) no-repeat;
}
#home #content {
	padding-top: 620px;
}
.column .content {
	padding: 5px 10px;
}
.column {
	float: left;
}
.column_one {
	margin-left: 30px;
	width: 250px;
}
.column_two {
	margin-left: 60px;
	width: 250px;
}
.column_three {
	margin-left: 60px;
	width: 250px;
}
/* (headings text) */
.column h2 {
	background: transparent url(../img/spr_headings.gif) no-repeat;
	display: block;
	width: 226px;
	margin-bottom: 15px;
}
.column_one h2 {
	height: 43px;
	background-position: 0 0;
}
.column_two h2 {
	height: 65px;
	background-position: 0 -48px;
}
.column_three h2 {
	height: 52px;
	background-position: 0 -113px;
}