/*************************************************************************
	Money Advice Trust
	Developed by Matthew Hill (c) 2008 -- http://www.friskdesign.com/
	for Electric Putty - http://www.electricputty.co.uk/
	MODULE: 	section-home.css
	PURPOSE:	specific rules for the home page
*************************************************************************/


/* Main heading (layout)
*************************************************************************/
#welcome {
	margin:20px 0;	
}
#welcome:after {
	content: ".";
	height:0;
	display:block;
	clear:both;
	visibility:hidden;
}

#welcomewrap {
	width:100%;
	float:left;
}
#welcometext {
	margin-right:484px;
	position:relative;
}
#welcomepic {
	width:464px;
	float:left;
	margin-left:-464px;
}
#welcometext {
	position:relative;
	min-height:124px;
	padding:0 13px 13px;
	border-left:1px solid #A2BEC9;
	background:url(../images/bg-panel-bottom-right.png) bottom right no-repeat;	
}
#welcometext .bcorner {
	width:10px;
	height:10px;
	line-height:0;
	font-size:0;
	position:absolute;
	bottom:0;
	left:-1px;
	background:url(../images/bg-panel-bottom-left.png);
}

/* Main heading (styling)
*************************************************************************/
#welcometext h1 {
	position:relative;
	margin:0 -13px;
	padding:8px 13px 0;
	min-height:106px;
	font-size:1.8em;
	font-weight:bold;
	line-height:normal;
	color:#025F82;	
	background:url(../images/bg-homeintro-right.png) right top no-repeat;	
}
#welcometext h1 span {
	width:10px;
	height:10px;
	display:block;
	line-height:0;
	font-size:0;
	position:absolute;
	top:0;
	left:-1px;
	background:url(../images/bg-homeintro-left.png) left top no-repeat;	
}
#welcometext p {
	font-size:0.90em;
	font-weight:bold;
	letter-spacing:-0.04em;
	margin:-65px 0 0 0;
	position:relative;
}

/* What's new *************************************************************************/
#whatsnew {
	position:relative;
	padding:0 13px 13px;
	border-left:1px solid #A2BEC9;
	margin:0 327px 10px 0;
	background:url(../images/bg-panel-bottom-right.png) bottom right no-repeat;
}
#whatsnew .bcorner {
	width:10px;
	height:10px;
	line-height:0;
	font-size:0;
	position:absolute;
	bottom:0;
	left:-1px;
	background:url(../images/bg-panel-bottom-left.png);
}
#whatsnew h2,
#content h2 {
	position:relative;
	margin:0 -13px 12px;
	padding:8px 13px;
	font-size:1.6em;
	font-weight:bold;
	line-height:normal;
	color:#025F82;	
	background:url(../images/bg-heading-home-wide.png) right top no-repeat;
}
#whatsnew h2 span,
#content h2 span {
	width:10px;
	height:10px;
	display:block;
	line-height:0;
	font-size:0;
	position:absolute;
	top:0;
	left:-1px;
	background:url(../images/bg-heading-home-corner.png) left top no-repeat;	
}

#whatsnew h3 {
	font-size: 1.2em;
	font-weight:bold;
	line-height:1.4em;
	color:#025F82;		
}

#whatsnew h4 {
	font-weight:bold;
	line-height:1.4em;
	color:#025F82;		
}

#whatsnew .floatright,
#whatsnew .floatleft {
	padding:0 0 0 9px;
	margin:10px 0 0 0;
	background:url(../images/arrow-yellow.png) left 5px no-repeat;	
}

/* Content
*************************************************************************/
#content {
	padding:0;
}
#content h2 {
	position:relative;
	margin:0 0 12px;
	padding:8px 13px;
	font-size:1.6em;
	font-weight:bold;
	line-height:normal;
	color:#025F82;	
	background:url(../images/bg-heading-home-wide.png) right top no-repeat;
}
#content h2 span {
	width:10px;
	height:10px;
	display:block;
	line-height:0;
	font-size:0;
	position:absolute;
	top:0;
	left:-1px;
	background:url(../images/bg-heading-home-corner.png) left top no-repeat;	
}

/* Four boxes
*************************************************************************/
#secwrap {
	padding:0 0 10px 2%;
}
#secwrap div.panel {
	float:left;
	width:47%;
	min-height:360px;
	border:1px solid #BFDEE3;
	margin:0 2% 10px 0;
}
#secwrap div.panel div {
	padding:10px;
}
/* Headings */
#secwrap img {
	float:left;
	margin:0 10px 10px 0;
}
#secwrap h3 {
	font-size:1.6em;
	font-weight:bold;
	line-height:1;
	padding:10px 0 0 0;
}
#secwrap #secRecovery h3 {
	padding:0;
}
#secwrap p {
	clear:both;
	margin:0 0 10px 0;
}
#secwrap p.subcats {
	font-weight: bold;
	margin: 0 8px 0 0;
	float: left;
	}

/* Section specific stuff */
#main #secDebt h3 a,
#main #secDebt h3 a:visited {
	color:#826502;
	border-color:#826502;
}
#main #secCredit h3 a,
#main #secCredit h3 a:visited {
	color:#31995E;
	border-color:#31995E;
}
#main #secRecovery h3 a,
#main #secRecovery h3 a:visited {
	color:#100282;
	border-color:#100282;
}
#main #secAdvice h3 a,
#main #secAdvice h3 a:visited {
	color:#82021E;
	border-color:#82021E;
}


/* Lists */


#secwrap ul {
	list-style:none;
}
#secwrap ul li {
	display:inline;
	/*
	padding:0 9px;
	background:url(../images/arrow-yellow.png) left 5px no-repeat;
	*/
	margin: 0 9px 0 0;
}

#secwrap ul li a,
#secwrap ul li a:visited {
	border-right: 1px solid white; /* Add a white border to the right to seperate these in IE */
}