/*
Theme Name: Durotech
Theme URI: http://fearless.net.au
Description: Durotech theme by Fearless Media
Version: 1.0
Author: David Fooks
Author URI: http://fearless.net.au
*/



body {
	background-color: #FEF5D8;
	background-image: url(../images/common/durotech_fooksBKD.jpg);
	background-position:top;
	background-repeat:repeat-x;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#fff;
	line-height: 1.4;
}


.pagewrapper {
	width:923px;
	margin-left:auto;
	margin-top: 20px;
	margin-right:auto;

	}

.shadowWrapper {
	width: 903px;
	margin-left:auto;
	margin-right:auto;
	background-image: url(../images/common/shadowBKG.png);
	background-repeat: repeat-y;
	padding-left: 12px;
	padding-right: 10px;

	}
	
.mastHeadTop {
	height:31px;
	background-image:url(../images/common/mastHeadTop.jpg);
	}
	
.mastHead{
	width: 900px;
	background-image: url(../images/common/mastHeadMiddle.jpg);
	background-position: 343px 0px;
	background-repeat: no-repeat;
	font-size: 0;
	}	
	





/* ------------------------------------- */
/* 				COMMON	 				 */

/* ------------------------------------- */
/* Tags 							 */

h1{
	font-size:30px;
	color: #FFFFFF;
}


p{
	padding-top: 12px;
	font size: 12px;
	color: #999;
}

h2{
	font-size:18px;
	font-weight: bold;
	color: #CCCCCC;
}

h3{
	font-size:12px;
	font-weight: bold;
	color: #333333;
}

h4{
	font-size: 15px;
	color: #666666;
	font-weight: bold;
}
	




/* ----------------------------------------------------------------------------------- */
/* -		MAIN NAV: For 'sliding doors' style										 - */
/* ----------------------------------------------------------------------------------- */

/*  TO DO:
	[ ]	Try alternate png fix maybe. Altho the fireworks template is so easy it's hardly worth it.
		In fact the only reason why it'd be worth doing is so the client can see an instant change.
	[x]	Make so that nav can wrap onto 2 lines if too many items go in it
	[ ] 

*/


#mainNavigation {
	background: #000000;
	background-image: url(../images/common/mainNavBKG.jpg);
	background-repeat: repeat-x;
/*	background:#0099FF;
	background:#CCCCCC;*/
	
	height:100%;
	height:1%;
	line-height:1;
	margin:0;
	padding:0;
	padding-left: 10px;
	padding-top: 9px;
	height:41px;
	width: 890px;
	}





	
	#mainNavigation ul {
		/* try moving this background to mainNavigation so that the background graphic of this ul can be the missing RHS border */
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-size:11px;		
		/*height:33px;*/
		padding:0 0px; /* padding either side of navigation */
		}
	
	#mainNavigation ul li {
		display:inline;
		margin-right:0px;
		}

	#mainNavigation ul li a {
		background:transparent	url(../images/common/mainNavPipe.jpg) no-repeat scroll 0 10px;
		display: block;
		float: left;
		
		height: 33px;
		padding-right:9px; /* sliding doors padding = width of main_nav_a */
		margin-right:0px; /* spacing between nav items */
		
		/* main nav text styling */
		text-transform:uppercase;
		text-decoration:none;
		color:#fff;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-weight:bold;
		font-size:11px;
		}
/*	*html #mainNavigation ul li a { padding-right:0px; } /* ie seems to see the a-tag width as padding */

		#mainNavigation ul li a:hover {
			text-decoration:none;
			color:#CCC;
			}
		
		#mainNavigation ul li a:active {
			/*background-position:right -66px; *//*DW*/
			/*background-color:#006699; only used for png version */
			}
		
		#mainNavigation ul li.current_page_item a {
			/*background-position:right -99px;*/
			color: #999999;
			 /*DW*/
			/*background-color:#006699; only used for png version */
			}
			#mainNavigation ul li.current_page_item a:hover {
			/*	background-position:right -99px;*/
				color: #666666;
				}


/*  */
		#mainNavigation ul li a span {

			display: block;
			line-height: 14px; /* image height 33px and a height 33px must equal line-height 14px + padding-top 8px + padding-bottom 11px = 33px */
			padding: 9px 1px 10px 10px;
			}
		* html #mainNavigation ul li a span { padding-right:0; }
		
		#mainNavigation ul li a:active span {
			background-position: top left;
			} 
	
		#mainNavigation ul li a.selected span {

			}

/* ----------------------------------------------------------------------------------- */
/* -		MAIN BODY		                                                         - */
/* ----------------------------------------------------------------------------------- */


.mainSection {
	}

.dividerTop{
	background-image:url(../images/common/dividerTop.jpg);
	background-repeat: repeat-x;
	width: 900px;
	height: 27px;
	}
	
.campaignAreaOneWrapper{
	background-image:url(../images/common/campaignAreaOneStrip.jpg);
	background-repeat: repeat-x;
	width: 900px;
	height: 134px;
	padding: 0;
	}
	
.topNuggetLeft{
	float: left;
	}
	
.topNuggetLeft a{
	background-image: url(../images/common/topNuggetLeft.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	color:#000000;
	display:block;
	font-size:12px;
	height:134px;
	text-decoration:none;
	width:275px;
}

.topNuggetLeft a:hover{
	background-position: 0px -134px;
}
	
	
.topNuggetRight{
	float: left;
	}
	
.topNuggetRight a{
	background-image: url(../images/common/topNuggetRight.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	color:#000000;
	display:block;
	font-size:12px;
	height:134px;
	text-decoration:none;
	width:271px;
}

.topNuggetRight a:hover{
	background-position: 0px -134px;
}	


.strapLineOne p{
	text-align: right;
	font-size: 23px;
	color: #CCCCCC;
	margin-right: 15px;
	padding: 18px 0px;
	line-height: 23px;
	}

.blueDivider{
	background-image:url(../images/common/blueDivider.jpg);
	background-repeat: repeat-x;
	width: 547px;
	height: 42px;
	}

.gradDivider{
	background-image: url(../images/common/gradDivider.jpg);
	background-repeat: repeat-x;
	width: 900px;
	height: 42px;
	}
	
.campaignAreaTwoBKD{
	background-image: url(../images/common/campaignAreaTwoStrip.jpg);
	background-repeat: repeat-x;
	width: 900px;
	height: 142px;
	}

.campaignTwoText p{
	text-align: left;
	font-size: 17px;
	color: #999999;
	margin-left: 15px;
	line-height: 23px;
	}
	
.campaignTwoText p strong{
	text-align: left;
	font-size: 18px;
	font-weight: bold;
	color: #999999;
	line-height: 23px;
	}
	
.campaignTwoText p a{
	text-align: left;
	font-size: 11px;
	color: #268DE9;
	line-height: 23px;
	}
	
.campaignTwoText p a:hover{
	text-align: left;
	font-size: 11px;
	color: #FFFFFF;
	line-height: 23px;
}

.servicesArea{
	background-color: #FFFFFF;
	width: 339px;
	height: 122px;
	float: right;
	font-size: 0px;
	margin: 0;
	padding: 0;
	padding-left: 15px;
	padding-top: 15px;
	}
	
.servicesArea p{
	text-align: left;
	font-size: 12px;
	line-height: 15px;
	color: #999999;
	padding-top: 0;
}

.servicesArea p strong{
	color: #FF6600;
	font-size: 17px;
}

.servicesArea p a{
	text-align: left;
	font-size: 11px;
	color: #268DE9;
	line-height: 23px;
}

.servicesArea p a:hover{
	text-align: left;
	font-size: 11px;
	color: #333333;
	line-height: 23px;
}

.lowerDivider{
	background-image: url(../images/common/lowerDivider.jpg);
	background-repeat: repeat-x;
	width: 900px;
	height: 47px;
	}
	
.orangeDivider{
	background-image: url(../images/common/orangeDivider.jpg);
	background-repeat: repeat-x;
	width: 900px;
	height: 4px;
	font-size: 0px;
	}
	
.mastHeadTop p{
	color: #FFFFFF;
	float: right;
	margin-right: 20px;
}

.mastHeadTop p a{
	color: #FFFFFF;
	} 	
	
.mastHeadTop p a:hover{
	text-decoration: underline;
	}

.bottomNuggetArea{
	background-image: url(images/common/bottomNuggetArea.jpg);
	background-repeat: repeat-y;
	width: 900px;
	height: 162px;
	font-size: 0px;
	padding-left:10px;
	}

.footer{
	background-image: url(../images/common/footer.jpg);
	background-repeat: no-repeat;
	width: 923px;
	height: 31px;
	}
	
.footerText{
	color: #999999;
	text-decoration: none;
	margin: -10px 0px 0px 760px;
	}
	
.footerText a{
	color: #999999;
	text-decoration: none;
	}
	
.footerText a:hover{
	color: #999999;
	text-decoration: underline;
	}

.bottomNuggetArea .nugget a{
float:left;
color:#ffffff;
display:block;
font-size:12px;
/*	height:162px;*/
padding: 114px 10px 19px 3px;
text-decoration:none;
line-height: 14px;
width:162px;
font-size: 10px;
}
.bottomNuggetArea .nugget a:hover{
background-position: 0px -162px!important;
}
	
#basinNugget a{
background: url(images/common/basinNugget.jpg) no-repeat;
background-position: 0px 0px;
}
	
#deckNugget a{
background: url(images/common/deckNugget.jpg) no-repeat;
background-position: 0px 0px;
}

#gardenNugget a{
background: url(images/common/gardenNugget.jpg) no-repeat;
background-position: 0px 0px;
}

#constructionNugget a{
	background: url(images/common/constructionNugget.jpg) no-repeat;
	background-position: 0px 0px;
}

#miscNugget a{
background: url(images/common/miscNugget.jpg) no-repeat;
background-position: 0px 0px;
}

.truck{
	float: right;
	margin-right: 10px;
	margin-top: 15px;
	font-size: 0;
	
	}

.mmf-response-output {
	color: #333;
}