/* ======================================================
Filename:	stylesheet-home.css
Website:	www.detoxmedia.co.uk
Function:	Styles components specific to the homepage.
Detox Media - Purifying The Web :: www.detoxmedia.co.uk
====================================================== */

/* =================================================== */
/* ----------------- HTML Tag Styles ----------------- */
/* =================================================== */

/* =================================================== */
/* --------------------- General --------------------- */



/* =================================================== */
/* --------------------- Headings -------------------- */

h1, h2, h3, h4 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	text-align: left;
	margin-bottom: 20px;
	color: #555555;
}

h1 {
	font-size: 14pt;
}

h2 {
	font-size: 13pt;
}

h2#heading-latest-news {
	background-image: url(../images/icon-latest-news.jpg);
	background-repeat: no-repeat;
	padding-left: 30px;
}

h2#heading-current-project {
	background-image: url(../images/icon-current-project.jpg);
	background-repeat: no-repeat;
	padding-left: 30px;
}

h2#heading-detox-labs {
	background-image: url(../images/icon-detox-labs.jpg);
	background-repeat: no-repeat;
	padding-left: 30px;
}

h2#heading-twitter {
	background-image: url(../images/icon-twitter.png);
	background-repeat: no-repeat;
	padding-left: 35px;
}

/* =================================================== */
/* -------------------- Paragraphs ------------------- */

p.more-info-link {
	text-align: right;
	margin-right: 15px;
}

/* =================================================== */
/* ---------------------- Images --------------------- */



/* =================================================== */
/* ---------------------- Lists ---------------------- */



/* =================================================== */
/* ---------------------- Anchors -------------------- */



/* =================================================== */
/* ---------------------- Tables --------------------- */



/* =================================================== */
/* -------------------- Form Items ------------------- */



/* =================================================== */
/* ------------------ Layout Classes ----------------- */
/* =================================================== */

.introduction {
	position: relative;
	width: 760px;
	height: auto;
}

.latest-news {
	position: relative;
	float: left;
	width: 250px;
	height: auto;
	margin-top: 20px;
	margin-right: 4px;
	margin-bottom: 15px;
	/* background-color: #99CC33; */
}

.current-project {
	position: relative;
	float: left;
	width: 250px;
	height: auto;
	margin-top: 20px;
	margin-right: 4px;
	margin-bottom: 15px;
	/* background-color: #6666FF; */
}

.detox-labs-demo {
	position: relative;
	float: left;
	width: 250px;
	height: auto;
	margin-top: 20px;
	margin-bottom: 15px;
	/* background-color: #FFCCCC; */
}