/*////////////////////////////////////////////////////
//													//
//                HOMEPAGE STYLES	                //
//													//
// SITE: ICS										//
// AUTHOR: MARC JONES, ICEBOMB						//
// VERSION: 1.0										//
// CREATED: 04 MAY 09								//
// LAST UPDATED: 25 OCT 11
//													//
////////////////////////////////////////////////////*/

.hp-row {
	width: 870px;
	overflow: hidden;
}
.top-row {
	border-bottom: solid 15px #ae1400;
}
.hp-module {
	float: left;
	display: inline;
	overflow: hidden;
}

.hp-intro {
	width: 432px;
	height: 205px;
	border-right: solid 5px #ae1400;
	background: #fff url(img/hp-intro_bg-2.jpg) no-repeat;
}
.hp-image {
	width: 433px;
	height: 205px;
}
.hp-advice {
	width: 275px;
	height: 205px;
	border-right: solid 5px #ae1400;
	background: #d4d4d4 url(img/hp-advice_bg.jpg) no-repeat;
}
.hp-join {
	width: 310px;
	height: 205px;
	border-right: solid 5px #ae1400;
	background: #000 url(img/hp-join_bg.jpg) no-repeat;
}
.hp-news {
	width: 275px;
	height: 205px;
}

h1 {
	padding: 0 0 15px 0;
	margin: 15px;
	color: #000;
	font-size: 1.8em;
	text-align: center;
	border-bottom: solid 5px #d51800;
}
h1 span {
	display: block;
}

h2 {
	font-size: 1.6em;
	font-weight: bold;
	text-align: left;
	color: #fff;
}
.hp-join h2 {
	margin: 15px 40px 12px 15px;
}
.hp-advice h2, .hp-news h2 {
	background-color: #d51800;
	line-height: 30px;
	text-indent: 15px;
	margin: 15px 15px 8px 0;
}

.hp-intro p {
	font: bold 1.4em Arial, Helvetica, sans-serif;
	padding: 0 15px 15px 15px;
	margin: 0;
}
.hp-advice p {
	font: 1.4em/1.4em Arial, Helvetica, sans-serif;
	text-align: left;
	margin: 8px 15px;
}
.hp-join p {
	color: #fff;
	font: 1.4em/1.4em Arial, Helvetica, sans-serif;
	text-align: left;
	margin: 12px 80px 20px 15px;
}
.hp-join-link {
	color: #fff;
	font: italic 1.4em/1.4em Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	background-color: #d51800;
	line-height: 30px;
	padding: 0 15px;
	text-align: right;
	margin: 15px;
	display: block;
	text-decoration: none;
}
.hp-join-link:hover {
	text-decoration: underline;
}
.hp-news ul {
	list-style: none;
	margin: 8px 15px;
	padding: 0;
}
.hp-news ul li {
	font: 1.4em/1.4em Arial, Helvetica, sans-serif;
	text-align: left;
	margin: 6px 0;
	padding: 0 0 6px 0;
	border-bottom: solid 3px #d51800;
}
.hp-advice a, .hp-news li a {
	color: #000;
	text-decoration: none;
}
.hp-advice a:hover, .hp-news li a:hover {
	color: #d51800;
	text-decoration: underline;
}