@charset "UTF-8";
/* CSS Document */
/*   
Web Site Name: Material Creative Ltd.
URL: http://materialcreative.co.nz
Copyright: Material Creative Ltd.
Designer: Michael Crosbie, Ninth Design
Email: mcrosbie@ninthdesign.co.nz

TABLE OF CONTENTS

  HTML Tags
  Structure
  Header & Menu
  Form elements
  Overlays
  Dashboard
  Single tab
  Multi-tab
  Statistics
  Profile
  

 

/* ---------- @ Typefaces -----------*/
@font-face {
  font-family: DinBold;
  src: url(../fonts/DIN-BOLD.TTF);
}
@font-face {
  font-family: DinMed;
  src: url(../fonts/DIN-MEDI.TTF);
}
@font-face {
  font-family: DinReg;
  src: url(../fonts/DIN-REGU.TTF);
}
/* ---------- @ HTML Tags -----------*/
* {
	margin:0;
	padding:0;
	outline:none;
	}

body,html {
	min-height:101%; /*Firefox scrollbar fix*/
	height:101%;
	}
	
body {
	background:#000 url(../body/background.jpg) repeat-y center;
	color:#000;
	letter-spacing:.01em;
	}

body, select, input, textarea {
	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
	}
	
p {	
	margin-bottom: 10px;
	line-height:125%;
	}

a {
	color:#808285;
	border-bottom:1px solid #808285;
	text-decoration:none;
	cursor:pointer;
	}
a.none {
	color:#808285;
	border-bottom:none;
	text-decoration:none;
	border:none;
	cursor:pointer;
	}
hr.full {
	display: block;
	height:20px;
	background:url(../body/divider.png) no-repeat center 5px;
	border:0;
	clear:both;
}
img a {
	text-decoration:none;
}
object {
	border-bottom:none;
}
pre {
	width:100%;
	}
	
li {
	list-style:none;
	}
#clear_both {
	clear:both;
	height:0px !important;
}
h1 {
	text-transform:uppercase;
	font-size:25px;
	font-family:DinMed;
	float:left;
	display:block;
	width:100%;
	height: 42px;	
}
h2 {
	text-transform:uppercase;
	font-size:12px;
	font-weight:bold;
	margin-bottom:10px;	
}
h2 span {
	color: #f4921d;	
}
/* ---------- @ Structure -----------*/
#background_img {
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
}
#wrapper {
	width:1018px;
	position:absolute;
	left:50%;
	margin-left:-509px;
}
#container {
		background: url(../body/content_bg.png) top center repeat-y;
		padding:0 34px;
}
#footer {
	background:url(../body/content_footer.png) bottom center no-repeat;
	height:75px;
}
/* ---------- @ header -----------*/
#header {
	background:url(../body/header.png) top center no-repeat;
	height:211px;
	width:100%;
	margin-top:20px;
}
#header #logo {
	background: url(../body/logo.png) no-repeat;
	height: 62px;
	width:213px;
	cursor:pointer;
	float:left;
	margin-top:92px;
	margin-left:88px;
}
#header #logo a {
	display: block; 
	width:213px; 
	height:62px;
	border-bottom:none;
}
#menu {
	clear:both;
	position:relative;
	height:42px;
	background:#322f31;
	margin-bottom:7px;
}
#menu ul {
	margin:0 7px;
}
#menu li {
	float:left;
	height: 42px;
	text-transform:uppercase;
	font-family: DinReg;
	font-weight:normal;
	font-size:13px;
	text-align:center;
	background:none;
	padding-left:0px;
}
#menu li a {
	display:block;
	color: #FFF;
	border:none;
	padding-top:14px;
	height:13px;
	margin:0 25px;
}
#menu li a:hover {
	color: #808285;	
}
#menu li.selected a {
	color: #f4911f;
}
#menu li+li {
	background:url(../body/menu_divider.png) left center no-repeat;
}
/* ---------- @ sub-menu -----------*/
#sub_menu {
	margin-top:85px;
	width: 138px;
	float:left;
	text-align:right;
}
#content.internal #sub_menu ul {
	margin-bottom:0px;
}
#content.internal #sub_menu ul li {
	height:20px;
	margin-bottom:5px;
	text-align:right;	
	font-weight:bold;
	background-image:none;
	cursor:pointer;
}
#sub_menu li a {
	color:#000;
	border:none;
}
/* ---------- @ content home -----------*/
#content.home #left {
	margin-left:42px;	
	margin-right:28px;
	margin-top:42px;
	width:583px;
	float:left;
}
#content.home #right {
	float:left;
	width:229px;
	border-left: dashed #6d6e71 1px;
	padding-left:22px;
	margin-top:42px;
	margin-left:3px;
}
/* ---------- @ content internal --------- */
#content.internal #left {
	margin-left:21px;
	margin-right:28px;
	margin-top: 42px;
	width: 452px;
	float:left;
}
#content.internal #right {
	margin-top:28px;
	width:295px;
	float:right;
}
ul {
	margin-bottom:10px;
}
li {
	background:url(../body/li_plus.png) left 5px no-repeat;
	padding-left: 20px;	
}
#content.internal #full {
	width:755px;
	float:left;
	margin-left:28px;
	margin-right:28px;
	margin-top: 42px;
}
.img {
	margin-left:-9px;
}
.back_to_top {
	float:right;
	right:0px;
	width:25px;
	height:25px;
	background:url(../body/back_to_top.png) no-repeat center;
	cursor:pointer;
}
/* ---------- @ label images --------- */
.brand_img {
	float:left;
	width: 107px;
	padding-top:3px;
}
.brand_img .img {
	display: inline-block;
	border: solid 2px #bcbec0;
	overflow: hidden;
	width:137px;
	height:125px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.brand_img a {
	color:transparent;
	border:none;
}
.brand_desc {
	float:right;
	width: 330px;
}
#left.equipment .brand_desc {
	float:right;
	width: 302px;
}

/* ---------- @ gallery       ----------- */
.gallery {
	margin-left:-9px;
	width: 462px;	
}
.gallery ul {
	margin: 0 auto;
    padding: 0;	
}
.gallery li {
	float:left;
	background:url(../body/gallery_thumb.png) no-repeat center;
	width:231px;
	height: 165px;
	padding-left:0px;
}
.gallery  li img {
	margin-top: 18px;
	margin-left:13px;
	width:204px;
	height:129px;
	cursor:pointer;
}
.gallery li a {
	display:block;
	border:none;
}