/************************************************************************

	Site:		MB Mining

	Author:		MockOrange		[www.mockorange.com.au] 

	Listing Order:
	==============

	1 - Universal
	2 - Structure/Layout
	3 - Main Navigation (Left)
	4 - Page Elements
	5 - Footer/Labels
	6 - Headings
	7 - Forms
	8 - Newsletter Scroller
	9 - Definition Lists

/***********************************************************************
	1 - UNIVERSAL STYLES
************************************************************************/
body { margin:0 auto; padding:0; font: 75%/1em "Lucida Grande", arial, verdana, sans-serif; color: #333; line-height: 130%; background: url("../images/background.gif") repeat-y #074f28 center; }
* { margin: 0; padding: 0; }
img { border: 0; display: block; }
a { color: #018d4a; text-decoration: underline; }

a:hover { color: #000; text-decoration: none; }
.clear { margin:0; clear:both; line-height:0; }

/***********************************************************************
	2 - STRUCTURE/LAYOUT
************************************************************************/
#wrapper{ display:block; margin:0 auto; padding:1em 0; width:65em; }
#logo { margin:0 0 0 2.5em; width:58em; background:url(../images/logo.gif) no-repeat; height:6.5em;  }
#colourbanner { margin:0 0 0 2.5em; width:62em; background:url(../images/brownback.gif) no-repeat right #915d36; height:13px;  }

#images { margin:0 0 0 2.5em; width:57.9em; }

body#home #images #image1, body#about #images #image1, body#services #images #image1, body#software #images #image1, body#contact #images #image1 { background:url(../images/image1_home.jpg);}
body#home #images #image2, body#about #images #image2, body#services #images #image2, body#software #images #image2, body#contact #images #image2 { background:url(../images/banner_home.jpg);}

body#home #images #image1, body#about #images #image1, body#services #images #image1, body#software #images #image1, body#contact #images #image1 { float:left; width:175px; height:145px; border-right:1px solid #949291;}
body#home #images #image2, body#about #images #image2, body#services #images #image2, body#software #images #image2, body#contact #images #image2 { float:left; width:518px; height:145px;}

#content { margin:0 0 0 2.5em; width:58em; }
#navlist { width:175px; float:left; display:block; border-top:1em solid #915d36;  }
#gradient { background:url(../images/gradient.gif); width:1px; float:left; }
#middletext { float:right; width:518px; background:url(../images/top_middletext.gif) top left no-repeat; }

#lowercontent { width:41.6em; float:left;  border-right:1px solid #959190; background:url(../images/back_leftmiddle.gif) bottom right no-repeat; padding-bottom:1em; padding-top:2em; }
#lowercontent p, #leftmiddle p { margin:0 1.75em 2em 1.75em; padding:0; }
#lowercontent .pclass { margin:2em 1.75em 0 2.5em; font-size:13px; color:#006633;}
#lowercontent .subheading { margin:2em 1.75em 0 21px; font-size:13px; color:#006633;}
#lowercontent .pclasssec { margin:1em 1.75em 0 3em;}

#lowercontent li { margin:.5em 4em 1em 5em; }
#leftmiddle { width:329px; float:left; border-right:1px solid #959190; background:url(../images/back_leftmiddle.gif) bottom no-repeat; padding-bottom:1em; margin:0;   }
#leftmiddle li { margin:0 3em 1em 3em;}

#lowermiddletext { float:left; width:43.25em; background:url(../images/top_middletext.gif) top right no-repeat; }

#rightmiddle { width:185px; float:right; margin:0; padding:0;  }

#box { width:183px; background:url(../images/box_back.gif) repeat-y; }
#box p { margin:0 1.25em 1em 1.25em; }
#boxtop { background:url(../images/box_top.gif) no-repeat; height:7px; }
#boxbottom { background:url(../images/box_bottom.gif) no-repeat; height:7px; }

.software { float:right; margin-left:1em; }
/***********************************************************************
	3 - MAIN NAVIGATION (LEFT)
************************************************************************/

#navlist ul { padding:0; margin:0; }
#navlist li {padding:0; list-style-type:none; font-size:11px; font-family:Arial, Helvetica, sans-serif; margin:0; }
#navlist a { padding:0 0 0 0; margin:0; color: #644b39; text-decoration: none; background:url(../images/nav_off.gif) no-repeat center; width:175px; height:22px; text-indent:1em; font-weight:bold; display:block; }
#navlist a:hover { background:url(../images/nav_on.gif) no-repeat center; text-indent:3em; color:#018d4a; }

/***********************************************************************
	5 - FOOTER/LABELS
************************************************************************/
#footer { background:url(../images/footer.gif) no-repeat; height:5em;  }
#subfooter { background:url(../images/sub_footer.gif) no-repeat; height:5em;  }
#footer p, #subfooter p { padding:.5em 0 0 9.25em; }
#footer img, #subfooter img { display: block; float: right; margin-left:.5em; border:0;}
#footer #imagemargin, #subfooter #imagemargin { margin-right:21.5em;}
/***********************************************************************
	6 - HEADINGS
************************************************************************/
#h1heading {margin:0em 0 .75em .75em;  padding:1.5em 0 0 0; text-align:right; font-size:2.5em; color:#000; font-weight:bold;}
#h2heading { margin:12px 0 10px 1em; font-size:1.75em; color:#915d36; font-weight:bold;  }
.h3heading { font-size:1.25em; font-weight:bold; margin:0 1.4em .5em 1.4em; color:#012B17; }
.h3italic { font-size:1.25em; font-weight:bold; margin:0 0 1em 1.4em; font-style:italic; }

.h4heading { font-size:1em; font-weight:bold; margin:1em 0 0 0; color:#666;  }

#box .h2latest { padding-top:1em;  font-size:1.5em; margin:0 1em 0 1em; font-weight: bold; color:#018d4a; font-family:Geneva, Arial, Helvetica, sans-serif; background:url(../images/newspaper.gif) no-repeat right; display:block; height:35px; }
/***********************************************************************
	7 - FORMS
************************************************************************/

fieldset { border:1px solid #666; width:90%; margin:0 auto; font-weight:bold; color:#012B17;}
legend {margin:2em;}

/***********************************************************************
	8 - Newsletter Scroller
************************************************************************/
dl { margin:0 1.25em 1em 1.25em;}
dt {color:#915d36; font-weight:bold;}
dd { margin-bottom:.75em;}
/***********************************************************************
	 - Newsletter Scroller
************************************************************************/