/* -----------   PROCESS ------------ */

div#process {
	margin: 45px 0 0 0;
	height: 170px;
	width: 100%;
}

div#process ul li {
	display: block;
	float: left;
	width: 232px;
	height: 170px;
	color: #fff;
	background-repeat: no-repeat;
	background-position: top center;
}

div#process ul li h3 {
	font-size: 26px;
	letter-spacing: -1px;
	margin: 15px 5px 0 65px;
}

div#process ul li p {
	font-size: 11px;
	margin: 0 20px 0 67px;
}

div#process ul li#consult {
	background-image: url(../images/box_red.gif);
}

div#process ul li#design {
	background-image: url(../images/box_green.gif);
}

div#process ul li#develop {
	background-image: url(../images/box_blue.gif);
}

div#process ul li#test {
	background-image: url(../images/box_yellow.gif);
}



/* Conditionals */
/* IF BROWSER SUPPORTS PNG */

div#process ul li h3 {
	text-indent: -20000px;
	background-repeat: no-repeat;
	background-position: top left;
}

div#process ul li#consult {
	background-image: url(../images/box_red.png);
}
div#process ul li#consult h3 {
	background-image: url(../images/head_consult.png);
}

div#process ul li#design {
	background-image: url(../images/box_green.png);
}
div#process ul li#design h3 {
	background-image: url(../images/head_design.png);
}

div#process ul li#develop {
	background-image: url(../images/box_blue.png);
}
div#process ul li#develop h3 {
	background-image: url(../images/head_develop.png);
}

div#process ul li#test {
	background-image: url(../images/box_yellow.png);
}
div#process ul li#test h3 {
	background-image: url(../images/head_test.png);
}






/* -----------   INTRODUCTION ------------ */


div#intro {
	float: left;
	width: 560px;
}

div#intro h2{
	font-size: 40px;
	color: rgb(145, 184, 40);
	margin: 3px 0 10px 0;
}

div#intro p {
	margin: 5px 0 10px 0;
}

div#intro ul {
	float: left;
	width: 280px;
}

/* Conditionals */
/* IF BROWSER SUPPORTS PNG */

div#intro h2{
	text-indent: -20000px;
	background-image: url(../images/head_makeIdeasWork.png);
	background-repeat: no-repeat;
	background-position: top left;
}






/* -----------   QUICK ACTIONS ------------ */

div#quick {
	float: right;
	width: 330px;
	height: 500px;
	background-image: url(../images/quick_back.png);
	background-repeat: no-repeat;
	background-position: top center;
}

div#quick h4 {
	margin: 25px 37px 10px 37px;
	color: rgb(213, 56, 78);
	font-size: 18px;
	height: 24px;
}

div#quick form {
	margin: 0 25px 0 25px;
}

div#quick form input.text{
	width: 232px;
	margin: 0 0 2px 0;
	border: none;
	background: none;
	background-repeat: no-repeat;
	background-position: top center;
	padding: 6px 25px 0 25px;
	color: rgb(150, 150, 150);
}

div#quick form input#name {
	background-image: url(../images/form_contactTop.png);
	height: 28px;
}

div#quick form input#email {
	background-image: url(../images/form_contactMiddle.png);
	height: 28px;
}

div#quick form input#comments {
	background-image: url(../images/form_contactBottom.png);
	height: 290px;
}

div#quick form input.submit {
	border: none;
	background: none;
	float: right;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
}

/* Conditionals */
/* IF BROWSER SUPPORTS PNG */

div#quick h4 {
	text-indent: -20000px;
	background-image: url(../images/head_quickContact.png);
	background-repeat: no-repeat;
	background-position: top left;
}