/* LAYOUT */
/* ----------------------------------------- */
/* ----------------------------------------- */
/* date: 29/XI/2009 */
/* author: Daniel Angel */
/* ----------------------------------------- */
/* Color Codes								 */
/*											 */
/* Rialto Orange: #F28109					 */
/* ----------------------------------------- */
/* begin tag redefinition */
/* ----------------------------------------- */

body {
	background: url(../images/main-background.png);
	border-top: 5px solid #F28109;
	color: #7C7C7C;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 75%;
	line-height: 1.5em;
}
a {
	color: #F28109;
	text-decoration: none;
}
a:hover {
	color: #F28109;
	border-bottom: 1px dotted #F28109;
}
h1,h2,h3,h4 {
	color: #F28109;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin: .5em 0;
}
h4 {
	font-size: 1.4em;	
}
h5 {
	border-bottom: 1px solid #F2F2F2;
	font-weight: bold;
	padding-bottom: 1em;
}
h6 {
	font-weight: bold;
}


li {
	margin: .6em 0;
}
p {
	margin: .7em 0;
	line-height: 1.6em;
}
ul li span, ol li span {
	display: block;
}



/* ----------------------------------------- */
/* Layout elements */
/* ----------------------------------------- */

div.wrapper {
	margin: 0 auto;
	width: 950px;
}
div#header {
	background: #FFF;
	height: 125px;
}
body#home div#header { height: 268px; }

	div#header div.wrapper {
		background: url(../images/strip.png) 1px -142px no-repeat;
		overflow: auto;
		position: relative;
	}
	body#home div#header div.wrapper { background-position: top left; }

	div#header h1 {
		background: url(../images/main-title.png) 0 -268px no-repeat;
		float: left;
		height: 125px;
		margin: 0 0 0 93px;
		width: 510px;
	}
	body#home div#header h1 { background-position: top left; float: none; height: 141px; }
	
	div#header h2 {
		background: url(../images/main-title.png) 0 -141px no-repeat;
		height: 127px;
		margin: 0 0 0 93px;
	}
	#home #header h3 {
		background: yellow !important;
		height: 84px;
		position: absolute;
		right: 0;
		top: 130px;
		width: 260px;
	}
	#home #header h3 a {
		background: purple url(../images/free-seminar.png) top left no-repeat;
		display: block;
		height: 100%;
		overflow: hidden;
		text-indent: -99999px;
	}
	#home #header h3 a:hover {
		border: none;
		text-decoration: none;
		opacity: .85;
	}

	div#header div.vcard {
		background: url(../images/phone.png) 0 42px no-repeat;	
		float: left;
		font-size: 90%;
		height: 75px;
		padding: 40px 0 0 45px;
		overflow: hidden;
		width: 290px;
	}
	div#header div.vcard p {
		margin: 0;
	}
	div#header div.vcard h3 {
		display: none;
	}
	div#header div.vcard div.cont {
		float: left;
		width: 100px;
	}
	div#header div.vcard div.adr {
		float: left;
		width: 160px;
	}

	
div#nav {
	background: #FFF;
	border-top: 1px solid #F2F2F2;
	border-bottom: 1px solid #F2F2F2;
	clear: both;
}
div#content {
	background: #FFF;
}
	div#content div#sidebar {
		float: left;
		margin: 0 0 2em 91px;
		width: 287px;
	}
	div#content div#mainbar {
		float: left;
		margin: 0 0 2em 37px;
		width: 535px;
	}
	div#content div#columnone {
		float: left;
		margin: 0 0 2em 0;
		padding-left: 92px;
		width: 858px;
	}	
	div#sidebar h4, div#mainbar h4 {
		border-top: 1px solid #F2F2F2;
		margin: 1em 0 0 0;
		padding: .8em 0 .5em 0;
	}
	div#sidebar h4:first-child, div#mainbar h4:first-child {
		border: none;
	}
	div#content div#adjudicators, div#content div#director, div#content div#forms, div#content div#contact {
		/*float: left;*/
		/*margin: 2em 0 3em 1px;*/
	}
	div#contact-details {
		background: #F28109 url(../images/contact-details.png) top right no-repeat;
		color: #FFF;
		min-height: 176px;
		padding: 0 0 0 1em;
	}
	div#contact-details h4 {
		color: #FFF;
	}
	div#contact-details p {
		margin: 0;
	}
	div#contact-details div {
		margin: .6em 0 0 0;
	}


div#footer {
	border-top: 1px solid #F2F2F2;
	padding: .8em 0 0 0;
}
	div#footer p {
		color: #A9A9A9;
		float: left;
		font-size: 90%;
	}
	div#footer a {
		color: #A9A9A9;
	}
	div#footer a strong {
		font-weight: normal;
	}
	div#footer a:hover {
		border-bottom: none;
	}	
	div#footer p#koodoz {
		width: 300px;
	}
	div#footer p#koodoz a {
		background: url(../images/koodoz-logo.png) 0 -16px no-repeat;	
		display: block;
		height: 16px;
		padding: 0 0 0 25px;
	}
	div#footer p#koodoz a:hover {
		background-position: 0 0;
		color: #D50A27;
	}
	div#footer p#copyright {
		text-align: right;
		width: 650px;
	}



/* application */

body#application div.vcard a, body#contact div.vcard a {
	color: #666;
}

/* complaints policy and procedure page */

h3#complaints-policy-title {
	background: url(../images/complaints-procedure-title.png) no-repeat;
	height: 91px;
	text-indent: -9999px;
}

ol#complaints-policy {
	padding: 0 0 0 20px;
	margin: 25px 0;
}
ol#complaints-policy li ul {
	padding: 0 0 0 50px;
}
ol ul li {
	list-style: disc;
}

ol#complaints-policy li ul.process {
	padding: 0 0 0 50px;
}
ol#complaints-policy li ul.process li {
	list-style: decimal;
}


/* other helpful classes */
.img {
	display: block;
	outline: none;
	text-indent: -9999px;
}
span.skirt {
	clear: both;
	display: block;
	height: 1px;
}
h3.solicitor {
	background: url(../images/titles.png) top left no-repeat;
	border-bottom: 1px solid #F2F2F2;
	height: 91px;
	margin: 0;
}
.that-thing { /* you know .... *that* thing! */
	unicode-bidi: bidi-override;
	direction: rtl;
}

