/*
CSS - Nilos Australia
*/

/* layout styles */

@import url('../css/nav.css');

* {
	padding: 0;
	margin: 0;
}/* this will reset all elements to margin/padding = 0 */

body {
	margin: 0;
	padding: 0;
	background: #626f78 url(../images/core/body-background.gif) top left repeat-x;
}

div#container {
	margin: 0 auto;
	padding: 0;
	width: 740px;
	background: #fff;
	overflow: hidden;
}

img {border: none;}

.clearfix:after {
    content: "."; 
    clear: both; 
    display: block; 
    height: 0; 
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/**************************
	HEADER
**************************/
div#header {
	width: 740px;
	height: 84px;
	background: url(../images/core/header-background.jpg) top left no-repeat;
}

div#header img.header-logo {
	width: 64px;
	height: 58px;
	margin: 20px 0 0 22px;
	float: left;
	background:url(../images/core/header-logo.jpg) top left no-repeat;
}

div#header h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 32px;
	color: #0078c1;
	float: left;
	margin: 38px 0 0 20px;
}


/**************************
	BANNER
**************************/
div#banner {
	width: 738px;
	border-left: 1px solid #485056;
	border-right: 1px solid #485056;
	height: 214px;
	background: url(../images/core/banner-background.gif) top left repeat-x;
}

div#banner img.banner-image01 {
	float: left;
}


/**************************
	LEFTBOX
**************************/
div#leftbox {
	width: 247px;
	float: left;
	border-left: 1px solid #4a5156;
	padding-bottom: 32767px; /* equal-height columns - http://www.positioniseverything.net/articles/onetruelayout/equalheight */
	margin-bottom: -32767px;
}

div#leftbox blockquote {	
	background: url(../images/core/leftbox-calltoaction.gif) top left no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	color: #226997;
	font-weight: bold;
	text-align: center;
	margin: 34px 0 34px 0;
	height: 91px;
}

div#leftbox h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #246897;
	margin: 40px 0 0 20px;
}

div#leftbox ul li {
	list-style: disc;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #93b7d1;
	margin: 5px 0 0 40px;
}

div#leftbox p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #3a3736;
	margin: 5px 0 10px 20px;
}

div#leftbox p a, div#leftbox p a:visited {color: #226997; font-weight: bold; text-decoration: none;}
div#leftbox p a:hover  {color: #226997; font-weight: bold; text-decoration: underline;}

div#leftbox img.webbasic {
	margin: 40px 0 40px 20px;
}


/**************************
	CONTENTBOX
**************************/
div#contentbox {
	width: 491px;
	background: #fff;
	float: right;
	border-right: 1px solid #4a5156;
	padding-bottom: 32767px; /* equal-height columns - http://www.positioniseverything.net/articles/onetruelayout/equalheight */
	margin-bottom: -32767px;
}

div#contentbox div.content {
	width: 450px;
	margin: 37px 0 0 12px;
}

div#contentbox div.content h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #3a3736;
	margin: 0 0 10px 0;
}

div#contentbox div.content h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #246897;
	margin: 0 0 -7px 0;
	border-bottom: 1px dotted #ccc;
}

div#contentbox div.content h2.h2-index {border-bottom: none;}

div#contentbox div.content p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #3a3736;
	line-height: 16px;
	margin: 10px 0 10px 2px;
}

div#contentbox div.content div.img_block {
	width: 415px;
	margin: 20px auto;
}

div#contentbox div.content div.img_block a img.thumb {border: 2px solid #d6e2ea;}
div#contentbox div.content div.img_block a:hover img.thumb {border: 2px solid #226997;}

div#contentbox div.content ul.list, div#contentbox div.content ol.list {
	margin: 10px 0 10px 20px;
}

div#contentbox div.content ul.list li, div#contentbox div.content ol.list li {
	list-style: disc;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #3a3736;
	line-height: 16px;
}

div#contentbox div.content ol.list li {
	list-style: decimal;
}

div#contentbox div.content ul.list li ul li {
	list-style: circle;
	margin-left: 30px;
}

div#contentbox div.content img.img_right {float: right; margin-right: 10px; clear: right;}
div#contentbox div.content img.img_left {float: left; margin: 0 10px 10px 0;}

div#contentbox div.content p a, div#leftbox p a:visited {color: #226997; font-weight: bold; text-decoration: underline;}
div#contentbox div.content p a:hover  {color: #226997; font-weight: bold; text-decoration: none;}

div#contentbox div.content p.pdf {background: url(../images/core/icon-pdf.gif) center left no-repeat; padding-left: 20px;}



/**************************
	FOOTER
**************************/
div#footer {
	clear: both;
	background: url(../images/core/footer-background.jpg) top left no-repeat;
	width: 740px;
	height: 58px;
	margin: 0 auto;
}

div#footer p {
	padding: 5px 0 0 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #04578c;
	font-weight: bold;
}

div#footer p.left {float: left;}
div#footer p.right {float: right; font-weight: normal; padding: 15px 10px 0 0;}

div#footer a {color: #04578c; text-decoration: none;}
div#footer a:hover {text-decoration: underline;}