/********************
CONTENT STYLING
*********************/
body {
	font-size: 12px;
	line-height:16px;
	font-family:Tahoma, Geneva, sans-serif;
}
img {
	border: 0;
}
div#mid-col,#left-col {
	line-height: 17px;
	color:#AFAFAF;
}
#footer {
	color:#fff;
	font-size:11px;


	text-align:left;
}
#footer a, #footer a:visited {
	color:#FF5609; /* needed becouse footer link would be same color as background otherwise */
	text-decoration:none;
}
div#footer a:hover {
	text-decoration:underline;
}
/* HEADINGS */

div#mid-col h1 {
	font-size: 2em;
	line-height: 2.5em;
	margin: 0;
	color:#fff;
}
div#mid-col h2, div#left-col h2 {
	font-size: 1.5em;
	line-height: 2.5em;
	margin: 0;
	color:#fff;
	font-family:"Trebuchet MS";
	font-weight:normal;
}

div#mid-col h3 {
	font-size: 1.1em;
	line-height: 2.5em;
	margin: 0;
	color:#fff;
	font-family:"Trebuchet MS";
}
div#mid-col h4 {
	font-size: 0.8em;
	line-height: 2.5em;
	margin: 0;
	color:#fff;
	font-family:"Trebuchet MS";
}
div#mid-col h5 {
	font-size: 0.5em;
	line-height: 2.5em;
	margin: 0;
	color:#fff;
	font-family:"Trebuchet MS";
}
div#mid-col h6 {
	line-height: 2.5em;
	margin: 0;
	color:#fff;
	font-family:"Trebuchet MS";
}

/* END HEADINGS */

/*
////////  NOTE ////////*/

.note {
	clear:both;
	width:213px;
	padding:5px;
	padding-bottom:15px;
	background:#FFF8CF url(uploads/note-bg.png) 0 100% no-repeat;
	font-size:11px;
	line-height: 14px;
	margin: 0 auto;
	margin-top:18px;
	margin-bottom:18px;
}
.note h3 {
	font-size:1.3em;
	color:#67920D;
	border-bottom:2px solid #ccc;
	padding-bottom:4px;
}
.note p {
	color:#222;
	margin-bottom:5px;
}
.note a {
	font-size:1em;
	color:#67920D;
	font-weight:bold;
}
.note a:hover {
	text-decoration:underline;
}
/* TEXT */

p {
	margin-top: 8px;
	margin-bottom: 8px;
	text-align:justify;
	line-height:18px;
	font-family:Tahoma, Geneva, sans-serif;
}
blockquote {
	border-left: 10px solid #ddd;
	margin-left: 10px;
}
strong, b {
	/* explicit setting for these */

   font-weight: bold;
}
em, i {
	/* explicit setting for these */

   font-style:italic;
}
/* Wrapping text in <code> tags. Makes CSS not validate */

code, pre {
	white-space: pre-wrap;       /* css-3 */
	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
	font-family: "Courier New", Courier, monospace;
	font-size: 1em;
}
pre {
	border: 1px solid #000;  /* black border for pre blocks */
	background-color: #ddd;
	margin: 0 1em 1em 1em;
	padding: 0.5em;
	line-height: 1.5em;
	font-size: 90%;
}
/* Separating the divs on the template explanation page, with some bottom-border */

div.templatecode {
	margin: 0 0 2.5em;
}
/* END TEXT */



/* LISTS */

/* lists in content need some margins to look nice */
#left-col {
	list-style-image: url(uploads/pointer.jpg);
	overflow:visible;
}
#left-col ul li{
	margin-top:5px;
}



div#mid-col ul li, div#main ol li {
	margin: 0 0 0.25em 3em;
}
/* definition lists topics on bold */

div#mid-col dl dt {
	font-weight: bold;
	margin: 0 0 0 1em;
}
div#mid-col dl dd {
	margin: 0 0 1em 1em;
}
div#mid-col dl {
	margin-bottom: 2em;
	padding-bottom: 1em;
	border-bottom: 1px solid #c0c0c0;
}
/* END LISTS */

/* contact page */

.contact {
	font-size:11px;
}

/* Stylesheet: layout1 : Content Modified On 2014-09-07 22:43:17 */
/* Horizontal menu for the CMS CSS Menu Module */
/* by Alexander Endresen */

#menu_vert {
	width:900px;
	margin:auto;
	height:48px;
padding-top:122px;
}
/* The wrapper clears the floating elements of the menu */

/* Fix for Opera 8 */
.clearb {
	clear: both;
}
#menuwrapper {
	/* Fix for Opera 8 */ 
   /*   overflow: hidden;  */ 
	width: 100%;
	position:relative;
	z-index:99;

}
/* Set the width of the menu elements at second level. Leaving first level flexible. */
#primary-nav li li {
	width: 200px;
}
/* Unless you know what you do, do not touch this */ 
#primary-nav, #primary-nav ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#primary-nav ul {
	position: absolute;
	display: none;
}
#primary-nav ul ul {
	margin-top: 1px;
	margin-left: -1px;
	left: 100%;
	top: 0px;


}
#primary-nav li {
	list-style: none;
	float: left;
}
#primary-nav li li {
	margin-left: 0px;
	margin-top: -1px;
	float: none;
	position: relative;
}
/* Styling the basic apperance of the menu elements */
#primary-nav a {
	display: block;
	padding:5px 10px 5px;
	text-decoration: none;
	color: #ccc;
	font-size:11px;
	font-weight: bold;
text-transform:uppercase;
}
#primary-nav li a {
	border-right: 1px solid #727272;
	padding:15px 16px 17px 16px;
	
}
#primary-nav li li a {
	color:#fff;
padding:5px;
}
#primary-nav li, #primary-nav li.menuparent {
}
/* Styling the basic apperance of the active page elements (shows what page in the menu is being displayed) */

#primary-nav li.menuactive {
}
/* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) */
#primary-nav ul li.menuparent, #primary-nav ul li.menuparent:hover, #primary-nav ul li.menuparenth {
	/* arrow for menuparents */
   background-image: url(uploads/arrow.gif);
	background-position: center right;
	background-repeat: no-repeat;
}
/* Styling the apperance of menu items on hover */

#primary-nav li:hover, #primary-nav li.menuh, #primary-nav li.menuparenth, #primary-nav li.menuactiveh {
}
/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */

/* 
just add 
#primary-nav li:hover ul ul, 
#primary-nav li.menuparenth ul ul ul,
for fourth level 
*/
#primary-nav ul, #primary-nav li:hover ul, #primary-nav li:hover ul ul, #primary-nav li.menuparenth ul, #primary-nav li.menuparenth ul ul {
	display: none;
}
/* add 
#primary-nav ul ul ul li:hover ul, 
#primary-nav ul ul ul li.menuparenth ul,
for fourth level
*/
#primary-nav li:hover ul, #primary-nav ul li:hover ul, #primary-nav ul ul li:hover ul, #primary-nav li.menuparenth ul, #primary-nav ul li.menuparenth ul, #primary-nav ul ul li.menuparenth ul {
	display: block;
}
/* IE Hacks */
#primary-nav li li {
	float: left;
	clear: both;
}
#primary-nav li li a {
	height: 1%;
}

/* Stylesheet: layout1 : Simple - Horizontal Modified On 2014-09-07 23:36:26 */
/*****************
basic layout 
*****************/

body {
	background:#0A2736 url(http://metalmark.com.au/uploads/bg.png);
}
#wrapper {
	background:url(http://metalmark.com.au/uploads/bg-wrapper.jpg) repeat-x;
}
#header {
	width:920px;
	height:374px;
	margin:0 auto;
	background:#FFF url(http://metalmark.com.au/uploads/header.png) no-repeat;
}
#rotator1 {
	width:282px;
	height:189px;
	float:left;
	margin-left:23px;
	margin-top:8px;
}
#rotator2 {
	width:282px;
	height:189px;
	float:left;
	margin-left:14px;
	margin-top:8px;
}
#rotator3 {
	width:282px;
	height:189px;
	float:left;
	margin-left:14px;
	margin-top:8px;
}
#content-wrapper {
	width:920px;
	margin:0 auto;
	overflow:visible;
	background:#272727 url(http://metalmark.com.au/uploads/bg-content.png);
}
#col-wrapper {
	width:855px;
	overflow:visible;
	margin-left:23px;
}
#left-col {
	width:228px;
	float:left;
	padding-top:0px;
	list-style-image: url(http://metalmark.com.au/uploads/pointer.jpg);
	overflow:visible;
}
#left-col ul li {
	margin-top:5px;
}
#mid-col {
	margin-left:235px;
	padding-left:10px;
	overflow:visible;
	min-height:450px;
	background:url(uploads/line-vert.png) repeat-y left;
}
#footer{
	width:890px;
	margin:0 auto;
	background:url(uploads/footer.png) no-repeat top;
padding:35px;
color:#FFFFFF;
}

#footer a {
color:#FFFFFF;
}

/* Stylesheet: layout1 : Layout Modified On 2014-09-07 23:36:08 */
/******* menu colours here ********************************************************/


/* this is background colour for entire menu */
#primary-nav li, #primary-nav li.menuparent {



}
#primary-nav li.menuactive {
background:#333 url(http://metalmark.com.au/uploads/nav-1.png) repeat-x;
}
/* Styling the apperance of menu items on hover */

#primary-nav li:hover, #primary-nav li.menuh, 
#primary-nav li.menuparenth, #primary-nav li.menuactiveh {
background:#333 url(http://metalmark.com.au/uploads/nav-1.png) repeat-x;
	
}

#primary-nav li ul li:hover{



}

/* this is the space at the end of the menu */
#menuwrapper {
	
}

/* Stylesheet: layout1 : Layout 1 - C2 Modified On 2014-09-07 23:36:17 */