﻿body
{
	background:#eee;
	color:#333;
    font-size: 62.5%;
    font-family: Arial,Sans-Serif;
    margin: 0;
    padding: 0;
    text-align:center;
}

h1, h2
{
    font-size: 1.25em;
}

h2
{
	font-style:italic;
}

img
{
	border:0;
}

a
{
	color:#666;
    text-decoration: underline;
}

a:hover
{
	text-decoration:none;
}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/
#page
{
	background-color:#fff;
	font-size:1.2em;
    width: 960px;
    margin: auto;
    text-align:left;
}

#header
{
}

#mainContent
{
	clear:both;
    padding: 0 30px;
    background-color: #fff;
    margin-bottom: 4px;
    _height: 1px; /* only IE6 applies CSS properties starting with an underscrore */
}

#footer
{
}

/* Header  
----------------------------------------------------------*/
#heading
{
	clear:right;
	float:right;
	font-weight:bold;
	margin:1em 1em 0 0;
	font-size:1.5em;
}

#daleWildernContracting
{
	padding:10px 0 0 10px;
	text-decoration:none;
}

/* Menu  
----------------------------------------------------------*/
#navigation
{
	background: url(../Images/nav-bg.gif) repeat-x top;
	height:2.5em;
	margin:16px 0 32px;
}

#navigation ul
{
	line-height:2.5em;
	list-style:none;
	padding-left:2px;
}

#navigation ul li
{
	background: url(../Images/nav-item-bg.gif) top right;
	float:left;
	line-height:2.5em;
}

#navigation ul li div
{
	position:relative;
}

#navigation ul li a{color:#000;padding: 0.625em 2em;text-decoration:none;}
#navigation ul li:hover{background-position:bottom right;}
#navigation ul li:hover a{color:#fff;}

#navigation ul li ul{display:none;left:-3px;padding:0;position:absolute;width:260px;background:url(../Images/nav-drop-down-border.gif) repeat-y; padding-left:3px;}
#navigation ul li ul li{float:none; background:#a7a7a7;}
#navigation ul li ul li:hover{float:none; background:#7e7e7e;}


/* Footer  
----------------------------------------------------------*/
.gallery-turf-1
{
	background: url("../Images/Gallery/turf-cutter-1.jpg") no-repeat top center;
	height:735px;
}

.gallery-turf-2
{
	background: url("../Images/Gallery/turf-cutter-2.jpg") no-repeat top center;
	height:565px;
}

.gallery-turf-3
{
	background: url("../Images/Gallery/turf-1.jpg") no-repeat top center;
	height:536px;
}

.gallery-turf-4
{
	background: url("../Images/Gallery/irrigator-1.jpg") no-repeat top center;
	height:582px;
}

.gallery-turf-5
{
	background: url("../Images/Gallery/turf-2.jpg") no-repeat top center;
	height:536px;
}

.gallery-low-loader-1
{
	background: url("../Images/Gallery/low-loader-1.jpg") no-repeat top center;
	height:552px;
}

.gallery-low-loader-2
{
	background: url("../Images/Gallery/low-loader-2.jpg") no-repeat top center;
	height:588px;
}

.gallery-low-loader-3
{
	background: url("../Images/Gallery/low-loader-3.jpg") no-repeat top center;
	height:588px;
}

.gallery-contracting-1
{
	background: url("../Images/Gallery/stone-burier-1.jpg") no-repeat top center;
	height:588px;
}


/* Window  
----------------------------------------------------------*/
.window
{
	background: url(../Images/window-top-bg.gif) top left no-repeat;
	float:right;
	margin:1em;
	padding:12px 0 0;
	width:300px;
}

.window .bottom
{
	background: url(../Images/window-bottom-bg.gif) bottom left no-repeat;
	padding:0 0 12px;
	width:300px;
}

.window .bottom .body
{
	background: url(../Images/window-body-bg.gif) top left repeat-y;
	font-size:2.5em;
	padding:0 12px;
	text-align:center;
	width:276px;
}

.window .bottom .body .contact
{
	color:Blue;
	font-weight:bold;
}

/* MISC  
----------------------------------------------------------*/
.clear
{
    clear: both;
}

.highlightedItem
{
	font-weight:bold;
	padding-right:1em;
}

.keyMessage
{
	text-align:center;
	font-size:1.25em;
}