/*------------------------------------------------------------------------------
	Site: MM Kembla (http://www.kembla.com.au/)
	Author: Digital Tsunami (http://www.digital-tsunami.com/)
------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------
	DEFAULT GLOBAL
------------------------------------------------------------------------------*/

*				{ padding: 0; margin: 0; border: 0 none; outline: 0;
				vertical-align: baseline; font-weight: inherit;
				font-family: inherit; font-style: inherit; font-size: 100%; }

body			{ font: 62.5% Verdana, Geneva, sans-serif; color: #444444;
				background: #ffffff; }

p				{ margin: 0 0 1.2em 0; }

a				{ color: #f26222; text-decoration: none; cursor: pointer; }
a:hover			{ color: #000000; }
a:focus			{ outline: none; }

embed, object	{ position: relative; z-index: 0; }

table, td, th	{ vertical-align: top; text-align: left; font-size: 1em; }

ul				{ list-style: none; }

h1, h2, h3, h4, h5, h6
				{ font-weight: normal; }
h1				{ font-size: 2.8em; color: #ffffff; margin: 0;
				text-transform: uppercase; }
h2				{ font-size: 2.4em; color: #000000; margin: 0 0 0.5em 0; }
h3				{ font-size: 1.7em; color: #f26222; margin: 0 0 0.5em 0; }
h4				{ font-size: 1.4em; color: #000000; margin: 0 0 0.5em 0;
				font-weight: bold; text-transform: uppercase; }
h5				{ font-size: 1.2em; color: #f26222; margin: 0 0 0.5em 0;
				font-weight: bold; text-transform: uppercase; }
h6				{ font-size: 1.1em; color: #f26222; margin: 0 0 0.5em 0;
				font-weight: bold; text-transform: uppercase; }

strong			{ font-weight: bold; }
em				{ font-style: italic; }

/*------------------------------------------------------------------------------
	UTILITY
------------------------------------------------------------------------------*/

a[href$=".pdf"], a[href$=".PDF"], a.pdf
				{ padding: 2px 2px 2px 20px;
				background: url(../images/icons/page_white_acrobat.png) no-repeat left center; }
a[href$=".doc"], a[href$=".DOC"], a.doc
				{ padding: 2px 2px 2px 20px;
				background: url(../images/icons/page_word.png) no-repeat left center; }
a[href$=".xls"], a[href$=".XLS"], a.xls
				{ padding: 2px 2px 2px 20px;
				background: url(../images/icons/page_excel.png) no-repeat left center; }
a[href$=".gz"], a[href$=".GZ"], a[href$=".gzip"], a[href$=".GZIP"], a[href$=".zip"], a[href$=".ZIP"], a.archive
				{ padding: 2px 2px 2px 20px;
				background: url(../images/icons/page_white_zip.png) no-repeat left center; }
a[href$=".exe"], a[href$=".EXE"], a.application
				{ padding: 2px 2px 2px 20px;
				background: url(../images/icons/application.png) no-repeat left center; }

.smaller		{ font-size: 0.9em; }
.smallest		{ font-size: 0.8em; }
.larger			{ font-size: 1.2em; }
.largest		{ font-size: 1.4em; }

.left			{ text-align: left; }
.center			{ text-align: center; }
.right			{ text-align: right; }
.top			{ vertical-align: top; }
.middle			{ vertical-align: middle; }
.bottom 		{ vertical-align: bottom; }
.float-left		{ float: left; }
.float-right 	{ float: right; }

.strong			{ font-weight: bold; }
.em				{ font-style: italic; }
.hide			{ display: none; }
.block			{ display: block; }
.inline			{ display: inline; }
.none			{ display: none; }

.cap			{ text-transform: capitalize; }
.ucase			{ text-transform: uppercase; }
.lcase			{ text-transform: lowercase; }

.clear			{ position: relative; width: 100%; clear: both; line-height: 0;
				height: 0; display: block; }

hr				{ margin: 1em 0 1em 0; background: #cccccc; width: 100%;
				height: 1px; color: #cccccc; border: none; clear: both; }
.hr				{ margin: 1em 0 1em 0; border-top: 1px dotted #cccccc; }
.hr hr			{ display: none; }
	
img.left		{ float: left; margin: 0 20px 5px 0; }
img.right		{ float: right; margin: 0 0 5px 20px; }
img.center		{ float: none; margin: 0 auto; display: block; }
img.left-bordered
				{ float: left; margin: 0 20px 5px 0; border: 1px solid #cccccc; }
img.right-bordered
				{ float: right; margin: 0 0 5px 20px; border: 1px solid #cccccc; }
img.bordered	{ border: 1px solid #cccccc; margin: 0 5px 5px 0; }

.caption		{ color: #999999; font-size: 0.9em; font-style: italic;
				text-align: left; display: block; }

a.fancybox img	{ background: url(../images/bullet-plus.gif) 100% 100%
				no-repeat; padding-bottom: 11px; }

/*------------------------------------------------------------------------------
	FORMS
------------------------------------------------------------------------------*/

input, textarea, select
				{ color: #808080; padding: 2px 5px 2px 5px; background: #ffffff; width: 200px; border: 1px solid #bbbbbb; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
input:hover, textarea:hover, select:hover, input:focus, textarea:focus, select:focus
				{ border: 1px solid #f26222; }
	
.action			{ background: #f26222; width: auto; color: #ffffff;
				padding: 1px 5px 1px 5px; border: 1px solid #f26222;
				margin: 0 0 10px 0; }
.action:hover, .action:focus
				{ background: #ffffff; color: #f26222; border: 1px solid #f26222; cursor: pointer; }
	
textarea		{ overflow: auto; height: 100px; }
select			{ padding: 0; width: 208px; }


.FormHeading	{ color: #999999; font-size: 1.3em; font-weight: bold;
				margin: 1em 0 1em 0; border-bottom: 1px solid #cccccc; text-transform: uppercase; }
fieldset		{ margin: 2em 0 0 0; padding: 10px;
				border: 1px solid #cccccc; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
label.left		{ font-weight: bold; color: #000000; }
label.required	{ font-weight: bold; color: #f26222; float: right; }
.message		{ font-weight: bold; color: #f26222; }
.middleColumn	{ margin: 0 0 5px 0;}
input.checkbox, input.radio, .checkbox input
				{ width: auto; border: 0; }
.Actions		{ float: right; margin: 10px 0 0 0; }


#Search, #Search .middleColumn
				{ display: inline; margin: 0; }
#Search input
				{ width: 100px; margin: 0; }
#SearchForm_SearchForm fieldset
				{ border: 0; margin: 0; padding: 0; }
#SearchForm_SearchForm .action
				{ border: 0; width: 16px; height: 18px; padding: 0 0 2px 0; margin: 0; text-indent: -9000px; background: transparent url(../images/button-search.gif) 0 1px no-repeat; }
#SearchForm_SearchForm .action:hover
				{ background-position: -30px 1px; }

/*------------------------------------------------------------------------------
	STRUCTURE
------------------------------------------------------------------------------*/

#page-wrap		{ position: relative; width: 980px; margin: 0 auto; }

#page-wrap .inside
				{ padding: 0 10px; }


#top-header		{ position: relative; width: 100%; height: 100px; }

#logo			{ position: absolute; top: 31px; left: 40px;
				background: transparent url(../images/logo-mm-kembla.gif) 0 0 no-repeat; }
#logo a			{ display: block; width: 240px; height: 41px; }
#logo a span	{ display: none; }

#search			{ position: absolute; top: 40px; right: 20px; width: 140px; }


#header			{ position: relative; height: 220px; background: #f26222;
				overflow: hidden; }
#header h1		{ position: absolute; top: 40px; left: 40px;
				color: #ffffff;	width: 240px; height: 180px; margin: 0; }
#header h1.home	{ font-size: 2.5em; }
#header-img		{ position: absolute; top: 0; left: 280px; width: 680px;
				height: 220px; }
#header-img	img	{ width: 680px;	height: 220px; display: none; }
#header-curve	{ position: absolute; top: 0; left: 280px; width: 75px;
				height: 220px; background: transparent url(../images/header-curve.png) 0 0 no-repeat; z-index: 1000; }

#breadcrumbs	{ margin: 0 0 0 340px; line-height: 30px; color: #999999; }

#middle			{ background: url(../images/bg-middle.gif) 100% 0 repeat-y; }

#sidebar		{ float: left; width: 280px; padding: 0 0 30px 0; }
#sidebar .inside
				{ padding: 20px 0 0 20px; }

#main			{ float: right; width: 600px; padding: 20px 20px 30px 30px; }

#content		{ font-size: 1.2em; }

#content ul		{ margin: 0 0 1em 0.5em; }
#content ul li	{ margin: 0 0 0.5em 0; padding: 0 0 0 12px;
				background: transparent url(../images/bullet-1.gif) 0 5px no-repeat; }
#content ol		{ margin: 0.5em 0 1em 1.5em; }
#content ol li	{ margin: 0 0 0.5em 0; }

#content form	{ font-size: 0.9em; }
#content form ul.optionset
				{ margin: 0.5em 0 1em 0; }
#content form ul.optionset li
				{ background: none; padding: 0; }


#sitemap-list li
				{ font-weight: bold; text-transform: uppercase;	margin: 0 0 1em 0 !important; }
#sitemap-list li a
				{ color: #f26222; }
#sitemap-list li a:hover
				{ color: #000000; }
#sitemap-list li ul
				{ margin: 0.5em 0 0.5em 0.1em; }
#sitemap-list li li
				{ font-weight: normal; text-transform: none; margin: 0 0 0.3em 0 !important; }
#sitemap-list li li a
				{ color: #666666; }
			
		
#footer			{ color: #999999; font-size: 1em; padding: 0 0 20px 0; }
#footer a		{ color: #999999; }
#footer a:hover	{ color: #000000; }
#footer .copy	{ font-size: 1.1em; }
#copyright		{ float: left; width: 400px; padding: 20px 0 0 30px; }
#dt				{ float: right; padding: 20px 20px 0 0; }
#logos			{ float: left; width: 310px; text-align: center; }
#logos img		{ margin: 0 20px 0 0; vertical-align: top; }


/*------------------------------------------------------------------------------
	MAIN NAV
------------------------------------------------------------------------------*/

.nav			{ margin: 0 0 50px 40px; }

.nav li a 		{ background: #e3e4e5 url(../images/bullet-nav.png) 0 0
				no-repeat; color: #444444; display: block;	padding: 0 10px 0 23px; font-weight: bold; font-size: 1.2em; line-height: 18px; margin: 0 0 3px 0; }
* html .nav li a
				{ display: inline-block; width: 207px; }
.nav li a:hover, .nav li .current, .nav li .section
				{ background: #000000 url(../images/bullet-nav.png) 0 0 no-repeat; color: #ffffff; }

.nav li ul		{ margin: 0 0 5px 0; }

.nav li li a	{ background: none; padding: 3px 10px 3px 23px; margin: 0;
				font-weight: bold; font-size: 1.1em; color: #444444; line-height: 1.2em; }
* html .nav li li a
				{ width: 207px; }
.nav li li a:hover, .nav li li .current, .nav li li .section
				{ color: #f26222; background: none; }

.nav li li li a
				{ padding: 3px 10px 3px 30px; font-weight: normal;
				font-size: 1em; }
* html .nav li li li a
				{ width: 200px; }
.nav li li li a:hover, .nav li li li .current, .nav li li li .section
				{ color: #f26222; }