/*   
Name: Eireka
Description: Specialising in Construction, Agricultural, Mining and Forestry Equipment Sales 
Author URI: http://www.eireka.com.au
Version: 1.0
Tags: Trucks, contruction, agricultural, mining, telehandlers, excavators, backhoes, loaders, skidteers, tractors
Web Design: Pitstop101media.com
-------------------------------------------------------------- */


/* Reset 
-------------------------------------------------------------- */

	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, sub, sup, tt, var,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-weight: inherit;
		font-style: inherit;
		font-size: 100%;
	}

	ul {list-style:none;}
	
/* Base
-------------------------------------------------------------- */

body {
	background: #FFF url(i/bodybg.jpg) repeat-x;
	margin: 0;
	text-align: center;
	max-width:100%;
	clear:both;
}

.body {
	clear: both; 
	margin: 0 auto; 
	width: 70%;
}

.wrapper {
	overflow: hidden;
}

/************************************************************************************
HEADER
*************************************************************************************/
.mainHeader {
	background:#d7ecd3 url(i/headertopbg.png) top repeat-x;
	height:117px;
}
.mainHeader img {
	float:left;
	height: 111px;
	width:auto;
}

.mainHeader nav {
	font:bold 13px Tahoma, Geneva, sans-serif;
	height:77px;
	line-height: 70px;
	text-align: right;

}
	
/*.mainHeader nav ul {
	list-style: none; 
	margin: 0 auto;
}

.mainHeader nav ul li {
	float:right;
}

.mainHeader nav a:link, a:visited {
	color: #6f6f6f;
	display: inline-block;
	padding: 0 23px;
	text-decoration: none;
}*/

.subs {
	width:100%;
	float:right;
	background:#006600;
	position:relative;
}

.sub1 {
	font:13px Tahoma, Geneva, sans-serif;
	color:#FFF;
	float:left;
	line-height:40px;
	width:63%;
	text-align:left;
	margin-left:1%;
}
.sub2 {
	font:bold 14px Tahoma, Geneva, sans-serif;
	color: #FF0;
	float:right;
	line-height:40px;
	width:34%;
	text-align:right;
	margin-right:1%;
	position:absolute;
	right:0;
	top:0;
	z-index:25px;
}

/************************************************************************************
MEDIA QUERIES
*************************************************************************************/
@media screen and (max-width: 1150px) {
	.body {
	clear: both; 
	margin: 0 auto; 
	width: 90%;
}
	.sub1 {

		width:63%;
		text-align:left;
		margin:.5%;
	}
	
}

/* reset cols to 2-column */
@media screen and (max-width: 875px) {
	.sub1 {
		height:auto;
			line-height:20px;
			width:100%;
			text-align:center;
			margin-left:1%;
			padding:1%;
		}
	.sub2 {
		line-height:18px;
		color:#2a9b13;
		width:60%;
		float:left;
		text-align:left;
		position:absolute;
		left:170px;
		top:-35px;
		z-index:25px;
	}
	.mainHeader img {
		height: 77px;
	}
	.mainHeader {
	height:112px;
}

}


/* reset cols to fullwidth */
@media screen and (max-width: 400px) {
	/* grid4 */
	.col {
		width: 100% !important;
		margin-left: 0 !important;
		clear: none !important;
	}
}