/**
 * @file
 * Primary stylesheet for mailforce.com.au.
 *
 * @author Thomas Sutton <thomas@bouncingorange.com>
 */
 
 #bd_inner { width:764px; margin:0 auto; }

/* @group Utility */
	* {
		text-decoration: none;
		border: none;
		outline: none;
		list-style: none;
		margin: 0;
		padding: 0;
	}
	.clear {
		clear: both;
	}
/* @end */

/* @group Typography */
	html, body {
		font-family: Verdana, Helvetica, sans-serif;
		font-size: 11px;
	}

	.secondnav {
		font-size: 10px;
		text-transform: uppercase;
		line-height: 1;
	}
	
	
	.con h2 {
		font-size: 100%;
		line-height: 1;
		font-weight: normal;
		text-transform: uppercase;
	}
	
	.con ul li {
		list-style: disc;
		margin: 1ex 3ex;
	}

	.con ol li {
		list-style: decimal;
		margin: 1ex 3ex;
	}

	.con p,
	.con ul,
	.con ol,
	.con blockquote {
		margin: 0;
	}
	
	.spip_documents_center {
		display: block;
		text-align: center;
		margin: 0 auto;
	}
	
	#ft {
		font-size: 9px;
	}
/* @end */

/* @group Layout */

	#identity {
		display: block; 
		width: 330px;
		float: right;
		margin: 0 0 0 30px;
	}
	#identity h1 {
		margin: 70px 0 60px 0;
	}



	#nav ul { 
		clear: both;
		overflow: auto;
		margin: 0 16px;
	}
	#nav li {
		display: block;
		float: left;
		padding: 0;
		margin: 0 0 0 32px;
	}
	#nav li.item2 {
		margin: 0 3px 0 0;
	}
	#nav a {
		display: block;
	}
	#nav a span {
		display: block;
	}
	
	#ft {
		margin-top: 1em;
	}
	#ft .part {
		padding: 4px 0;
	}

	.wrap .part {
		width: 955px;
		margin: 0 auto;
		overflow: auto;
	}
	.wrap .part .part {
		width: auto;
	}

	body#home #bd .column {
		width: 155px;
		padding: 0 18px 25px 18px;
		float: left;
		background: url(assets/column-gradient.gif) no-repeat top left;
		height: auto !important;
		height: 250px; min-height: 250px;
	}
	body#home #bd .last {
		background-image: url(assets/column-gradient-last.gif);
	}
	
	#home #bd .con {
		margin-top: 0;
	}
	#home #bd .hd {
		display: block;
		height: 45px;
	}
	#home #bd .bd {
		font-size: 85%;
		line-height: 1.4;
		padding-top: 20px;
	}

	#bd .meta {
		display: block;
		float: left;
		width: 365px;
		margin-left: 20px; 
	}
	#bd .con {
		display: block;
		float: left;
		width: 570px;
	}

	#bd .meta, #bd .con {
		margin-top: 50px;
	}

	.meta h2 {
		height: 110px;
	}
	.meta .secondnav {
		display: block;
		width: 115px;
		margin: 0 4px;
		padding-top: 50px;
	}
	.meta .secondnav li {
		padding: 10px 0;
		border-top: 1px solid #BFC3C6;
	}
	.meta .secondnav li.first {
		border-top: none !important;
	}
	.meta .secondnav a {
		color: #6A747C;
	}
	.meta .descr {
		display: block;
		padding-top: 16px;
	}
	
	.con h2 {
		margin-top: 30px;
		margin-bottom: 16px;
	}
/* @end */

/* @group Colours */
	html, body {
		background: #DDDDDD;
		color: #6A747C;
	}
	
	#hd {
		background: url(assets/hd-gradient.gif) #FFFFFF repeat-x top left;
		padding-top: 20px;
	}
	
	#nav {
		background: url(assets/nav-gradient.gif) #ECECED repeat-x top left;
		padding-top: 10px;
	}
	
	#bd {
		border-top: #DDDDDD 9px solid;
		background: url(assets/bd-gradient.gif) #DDDDDD repeat-x top left;
		height: auto !important; height: 388px;
		min-height: 388px;
	}
	#home #bd {
		background-image: url(assets/bd-gradient-home.gif) !important; 
		height: auto !important; height: 290px;
		min-height: 290px;
	}
	
	.con h2 {
		color: #F9A451;
		border-bottom: 1px solid #f9a451;
		padding: 1px 0 4px 0; 
	}
	
	a:link, a:active {
		color: #f9a451;
		font-style: normal;
		text-decoration: underline;
	}
	a:visited {
		color: #B6793D;
		text-decoration: none;
	}
	a:hover, a:focus {
		text-decoration: underline;
	}
	
	a.fool {
		color: inherit;
		text-decoration: none;
	}

	#ft .part {
		border-top: 1px solid #A3A4A5;
	}
	#ft a,
	#ft a:link, 
	#ft a:visited {
		color: #6a747c;
	}
	#ft a:hover i,
	#ft a:focus i,
	#ft a:active i {
		color: #ff6600;
	}
	
	#rub6 #article7 i.spip,
	#rub6 a,
	#rub6 a:link {
			color: #f9a451;
			font-style: normal;
	}
/* @end */


/* @group Forms */
	.spip_forms {
		display: block;
		width: 405px;
		margin: 2em 0;	
	}
	.spip_form_champ {
		background: none;
		padding-bottom: 10px;
	}
	.spip_form_champ textarea, 
	.spip_form_champ input { 
		width: 300px;
		border: 1px solid #6a747c;
		border-left: 2px solid #a3a9ad;
	}
	.spip_forms legend,
	.spip_form_label_details,
	.spip_form_label_obligatoire
	 {
		display: none;
	}
	.spip_form_label {
		display: block;
		width: 100px;
		float: left;
	}
	.spip_form_champ,
	.spip_form_champ .nettoyeur {
		clear: both; 
	}
	.spip_forms .spip_bouton {
		text-align: right;
	}
	.spip_forms .spip_bouton input {
		border: none;
		background: url(assets/button.gif) no-repeat top left;
		width:55px;
		padding: 2px;
		margin: 1px;
		color: white;
		font-size: 10px;
		text-transform: uppercase;
	}
	.spip_forms .spip_bouton input:active,
	.spip_forms .spip_bouton input:focus {
		margin: 2px 0 0 2px;
	}
	
	.spip_forms .erreur {
		margin-left: 100px;
		color: red;
	}
	.spip_forms .champ_obli_oubli {
		border-color: #aa0000;
	}
	
	.spip_forms .spip_form_ok {	
		color: #f9a451;
		font-weight: bold;
	}
/* @end */


/* Profiles */

.profile .con .logo {
	display: block; 
	width: 155px;
	float: left;
}
.profile .con .part {
	display: block;
	width: 405px;
}

/* News */
.news #bd .part .meta {
	width: 230px;
}
.news #bd .part .con {
	width: 530px;
}
.news #bd .part .con .part h2 {
	margin-top: 0;
}
.news #bd .part .con .part {
	margin-bottom: 30px;
}
.news #bd .part #archive {
	display: block;
	width: 110px;
	margin: 50px 40px 0 0;
	float: left;
}
.news #bd .part #archive h2 {
	font-size: 100%;
	line-height: 1;
	font-weight: normal;
	text-transform: uppercase;
	color: #F9A451;
	border-bottom: 1px solid #f9a451;
	padding: 1px 0 4px 0; 
	margin-bottom: 16px;
}
.news #archive .year a:link,  
.news #archive .year a:visited {
	color: #6a747c;
	text-decoration: none;
}
.news #archive .year {
	margin-bottom: 15px;
}
.news #archive .month {
	margin-left: 1em;
}
.news #archive .month a:link, 
.news #archive .month a:visited {
	color: #f9a451;
}

#rub7 #article8 p { 
	list-style: none;
	padding: 0;
	margin: 0 0 2em 0;
	clear: both;
	background: url(assets/icon-tick.gif) no-repeat bottom right;
	height: auto !important; 
	height: 20px; min-height: 20px;
	width: 400px

}
#rub7 #article8 p i { 
	display: block;
	font-style: normal;
	width: 280px; 
}
#rub7 #article8 p strong { 
	display: block;
	text-indent: -9999px;
	position: absolute;
	top: 0;
	right: 0;
}

/* @group Sustainability */

#rub4 .jquery-opener .jquery-opener-button {
	background-image: url(assets/icon-arrow-green.gif);
}
#rub4 .con h2 {
	color: #a8dd5d;
	border-color: #a8dd5d;
}
#article30 table {
	border-collapse: collapse;
}
#article30 table td {
	border-right: 5px solid #dddddd;
	width: 118px;
	padding: 2em 7px;
	vertical-align: top;
	background: url(assets/table-gradient.gif) repeat-x center center;
}
#article30 td img, 
#article30 td strong {
	display: block;
}
#article30 td strong {
	color: #84cf1a;
	font-weight: normal;
	margin-top: 1em;
}

/* @end */



.jquery-opener h2 {
	overflow: auto;
}
.jquery-opener .jquery-opener-button {
	display: block;
	float: left;
	height: 14px;
	width: 13px;
	margin: 0px 7px 0 0;
	text-indent: -99999px;
	background: url(assets/icon-arrow.gif) no-repeat left bottom;
}
.jquery-opener-open .jquery-opener-button {
	background: url(assets/icon-arrow.gif) no-repeat left top;		
}
.clickable {
	cursor: pointer;
}


.img_hover {
	display: block;
	margin: -20px auto 0 auto;
	text-align: center;	
}

.slogans {
	display: block; 
}