/* CSS Document */
body {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	background:url(../grfx/backgrounds/topborder.jpg) repeat-x #000;
	margin: 0;
	padding: 0;
	font-size: 12px;
	color: #bd9571;
}


#container {
	max-width: 1280px;
	min-width: 800px;
	margin: 10px auto 0 auto;
}

	#header {
		max-width: 1280px;
		min-width: 800px;
		background:url(../grfx/header.jpg) no-repeat;
		background-position: center 10px;
		height: 171px;
	}
	
		#logo {
			width: 380px;
			margin-left: auto;
			margin-right: auto;
		}
		
	#banner-wrapper {
		max-width: 924px;
		min-width: 800px;
		margin-top: 4px;
		background:url(../grfx/backgrounds/navbg.gif) no-repeat;
		background-position: center 0px;
		margin-left: auto;
		margin-right: auto;
	}
	
		#slideshow {
			margin: 3px auto 3px auto;
			width: 785px;
		}
		
			/*Extra padding on image - needed pulling up a touch*/
			*:first-child+html #slideshow {
				margin: -12px auto 3px auto;
			}
			
			*html #slideshow {
				margin: -12px auto 3px auto;
			}
		
		#hmpglinks {
			width: 800px;
			margin: 0 auto 0 auto;
		}
		
			* html #hmpglinks {
				margin: 0 auto -18px auto;
			}
		
	#contenttop {
		background:url(../grfx/backgrounds/contenttop.jpg) no-repeat;
		background-position: center;
		max-width: 1280px;
		min-width: 800px; 
		height: 7px;
	}
	
		* html #contenttop {
			margin-bottom: -4px;
		}
	
	#wood {
		background:url(../grfx/backgrounds/wood.jpg) repeat-y;
		background-position: center top;
		max-width: 1280px;
		min-width: 800px;
		margin: 0 auto 0 auto;
		min-height: 500px;
		height: auto !important;
		height: 500px;
	}
	
	#leaf {
		background:url(../grfx/leaf.png) no-repeat;
		background-position: center bottom;
		max-width: 1280px;
		min-width: 800px;
		margin: 0 auto 0 auto;
		min-height: 500px;
		height: auto !important;
		height: 500px;
	}
	
		#content-wrapper {
			width: 760px;
			margin: 0 auto 0 auto;
			background-color: #31200f;
			/* for IE */
  			filter:alpha(opacity=92);
  			/* CSS3 standard */
  			opacity:0.92;
			border-top: 1px solid #bd9571;
			border-left: 2px solid #0e0704;
			border-right: 2px solid #080502;
			padding: 0 0 10px 0;
			min-height: 500px;
			height: auto !important;
			height: 500px;
			
		}
		
		#int-content-wrapper {
			width: 764px;
			margin: 0 auto 0 auto;			
		}
		
			
		
			#topcontent {
				background:url(../grfx/backgrounds/contenttopbg.gif) no-repeat #110a06;
				background-position: left top;
				min-height: 35px;
				height: auto !important;
				height: 40px;
				padding: 20px 0 0 48px;
			}
			
				.leftheader {
					float: left;
					width: 445px;
				}
				
				.rightheader {
					float: left;
					width: 265px;
				}
				
			#int-topcontent {
				background:url(../grfx/backgrounds/contenttopbg.gif) no-repeat #000;
				background-position: left top;
				height: 110px;				
			}
			
			#internal-topcontent {
				background:url(../grfx/backgrounds/contenttopbg.gif) no-repeat #000;
				background-position: left top;
				height: 50px;	
			}
			
				
			
			#int-wrapper {
				/* CSS3 standard */
  				opacity:0.92;	
				width: 760px;			
				background:url(../grfx/backgrounds/intwrapperbg.png) repeat-y #31200f;
				border-left: 2px solid #0e0704;
				border-right: 2px solid #080502;
				min-height: 450px;				
				height: auto !important;
				height: 450px;
				padding: 10px 0 10px 0;
				float: left;
				
			}
			
			#int-full-wrapper {
				/* CSS3 standard */
  				opacity:0.92;	
				width: 760px;			
				background: #31200f;
				border-left: 2px solid #0e0704;
				border-right: 2px solid #080502;
				min-height: 450px;				
				height: auto !important;
				height: 450px;
				padding: 10px 0 10px 0;
				float: left;
				
			}
			
				
			
				#int-full-content {
					margin: 0px 0 0 0;
					width: 715px;
					padding-bottom: 25px;
					float: left;					
					position: relative;
					z-index: 100;					
					line-height: 170%;
					padding: 0 20px 0 20px;
					text-align: justify;					
				}
				
					
			
				
			
				#int-content {
					margin: 0px 0 0 0;
					width: 524px;
					padding-bottom: 25px;
					float: left;					
					position: relative;
					z-index: 100;
					
				}
				
				
				
					#topheaders {
						float: left;
						width: 760px;
						margin: -30px 0 -7px 1px;
					}
					
					.toph2 {
						
						float: left;
						width: 525px;
					}
					
					.righttoph2 {
						float: left;
						width: 235px;
						position: relative;
						z-index: 100;
					}
					
						
				.features {
					border: 1px solid #502f1a;
					background-color: #1b1108;
					padding: 3px 0 20px 0px;
					margin: 0 0 10px 0;
				}
				
					.featuresul {
						padding: 0 0 0 0;
						margin: 0 0 0 50px;
					}
				
					.featuresul li {
						padding: 6px 0 6px 0;
					}
					
					
					
				.small {
					font-size: 11px;
				}
					
				
				#int-rightcol {
					float: left;
					width: 196px;
					padding: 0 10px 10px 25px;
				}
				
					#int-rightcol img {
						margin: 0 0 15px 0;
					}
					
				.inttext {
					width: 460px;
					line-height: 170%;
					padding: 0 20px 0 20px;
					text-align: justify;
				}
				
				.hirerates {
					background-color: #0a0503;
					border-top: 2px solid #b27f52;
					border-bottom: 2px solid #b27f52;
					height: 65px;
					text-align: center;
				}
				
					.hirerates img {
						margin: 15px 0 0 0;
					}
					
				
					
				.features table.includes {
					width: 490px;
					margin: 0 0 0 10px;
					padding: 0 0 0 10px;
					clear: both;
				}
				
				
				#caravan {
					margin: -10px 0 0 -20px;
					background-color: #000;
					width: 760px;
				}
				
					* html #caravan {
						margin: -13px -20px 0 -20px;
						position: relative;
						z-index: 10;
					}
				
					#caravan .cimage {
						margin-bottom: 15px;
					}
				
			
			#content {
				padding: 0 50px 0 48px;
				width: 390px;
				text-align: justify;
				line-height: 170%;
				float: left;
			}
			
			
			#rightcol {
				float: left;
				width: 272px;
			}
			
				.rightbox {
					border-top: 1px solid #bd9571;
					width: 242px;
					color: #cdb489;
					padding: 0 15px 20px 15px;
					background:url(../grfx/backgrounds/boxbg.jpg) repeat-y;
					min-height: 346px;
					height: auto !important;
					height: 346px;
					position: relative;
					z-index: 10;
				}
				
					/*Slight bit of extra padding needed on the top of the boxes*/
					*:first-child+html .rightbox {
						padding: 10px 15px 15px 15px;
					}
					
					* html .rightbox {
						padding: 10px 15px 15px 15px;
					}
					
				/*image creating extra padding which needed removing*/	
				*:first-child+html .boxbtm {
					padding: 0;
					margin: -12px 0 0 0;
				}
				
				* html .boxbtm {
					padding: 0;
					margin: -12px 0 0 0;
				}
				
				.map {
					margin: -30px 0 0 20px;
				}
				
				.maptext {
					width: 168px;
				}
				
				.rightboxbtn {
					float: right;
					margin: -30px 0 0 0;
					position: relative;
					z-index: 10;					
				}
				
				.morebtn {
					float: right;	
					margin: 90px 0 0 0;				
				}
				
				.hireheader {
					margin: -14px 0 0 0;
					padding: 0;
					height: 44px;
				}
				
			#int-banner {
				height: 120px;
				width: 790px;
				margin: 2px auto 0 auto;
				position: relative;
				z-index: 1;
				overflow: visible;
			}
			
			
			
				* html #int-banner {
					margin-bottom: -70px;
					margin-top: -12px;
				}
				
			#internal_banner {
				height: 82px;
				width: 790px;
				margin: 2px auto 0 auto;
				position: relative;
				z-index: 1;
				overflow: visible;
			}
			
				*:first-child+html #internal_banner {
					margin: -13px auto 0 auto;
				}
				
				* html #internal_banner {
					margin: -13px auto -50px auto;
				}
				
			.contact-form {
				border: 1px solid #26140e;
				padding: 10px;
				background-color: #422c19;
			}
			
				.contact-form td {
					padding: 3px;
				}
				
				
				
			#identification {
				border: 1px solid #26140e;
				border-collapse: collapse;
				background-color: #422c19;
				padding: 10px;
				text-align: left;
			}
			
				#identification td {
					padding: 5px 10px 5px 10px;
					vertical-align: top;
					border: 1px solid #26140e;
				}
				
			.ratestable {
				border: 1px solid #26140e;
				border-collapse: collapse;
				width: 720px;
				margin: 10px 0 0 0;
			}
			
				.ratestable td {
					
					border-bottom: 1px solid #26140e;
					padding: 5px 10px 5px 10px;
				}
				
				.ratestable th {
					background-color: #22160b;
					padding: 5px 10px 5px 10px;
					text-align: center;
					font-size: 14px;
					font-weight: normal;
				}
				
				.ratestable .color {
					background-color: #3c2816;
				}
				
			.itemsincluded {
				
				width: 720px;
				margin: 0px 0 20px 0;
				border-collapse: collapse;
				
			}
			
				.itemsincluded td {		
					border: 1px solid #26140e;
					padding: 5px;
					text-align: center;
					width: 168px;
				}
				
				.itemsincluded .color {
					background-color: #3c2816;
				}
				
				.small {
					font-size: 10px;		
				}
				
			
			.photogallery td {
				padding: 5px 10px 5px 10px;
			}
			
				.photogallery img {
					border: 1px solid #27140d;
					background-color: #3c2816;
					padding: 7px;
				}
				
				.photogallery img:hover {
					border: 1px solid #000;
					background-color: #62462f;
				}
				
			#submit {
				background:url(../grfx/btns/submit.jpg) no-repeat;
				width: 67px;
				height: 26px;
				cursor: pointer;
				border: 0;
			}
			
			#reset {
				background:url(../grfx/btns/reset.jpg) no-repeat;
				width: 67px;
				height: 26px;
				cursor: pointer;
				border: 0;
			}
			
			.hirebtn {
				background:url(../grfx/btns/hire-rates.png) no-repeat;
				width: 160px;
				height: 42px;
				display: block;
				cursor: pointer;
				margin: 13px 0 0 182px;
				padding: 0;
			}
			
				*:first-child+html .hirebtn {
					margin-left: 0px;
				}
				
				* html .hirebtn {
					margin-left: 0;
				}
			
				.hirebtn span {
					display: none;
				}
				
				.hirebtn:hover {
					background-position: 0 -43px;
				}
				
				.quoteleft {
					vertical-align: middle;
					padding: 0 7px 0 5px;
					margin-left: -35px;
				}
				
				.quoteright {
					vertical-align: middle;
					padding: 0 0 0 10px;
				}
				
				.testimonial {
					padding-left: 30px;
				}
				
					.testimonialname {
						font-size: 13px;
					}
				
			#footer {
				background-color: #120906;
				width: 764px;
				margin: 0 auto 0 auto;
				height: 70px;
				padding: 5px 0 0 0;
			}
			
				#footer ul {
					margin: 0 0 0 35px;
					padding: 0;
					font-size: 10px;					
					color: #b1710c;
				}
			
				#footer ul li {
					float: left;
					list-style-type: none;
					border-right: 1px solid #b1710c;
				}
				
					#footer ul li a {
						color: #b1710c;
						text-decoration: none;
						padding: 0 7px 0 7px;
					}
					
					#footer ul li a:hover {
						color: #8a0033;
					}
					
					.noborder {
						border: 0 !important;
					}
					
				.perthweb {
					font-size: 10px;
					padding: 0px 0 0 30px;
					font-family: Verdana, Arial, Helvetica, sans-serif;
				}
				
				.ftcopy {
					padding: 0 8px 0 0;
				}
					
				.ftlogo {
					float: left;
					padding: 5px 0 0 10px;
				}
				
				.ftinfo {
					color: #9d610a;
					font-size: 12px;
					padding: 0 0 10px 0;
					margin: 0 0 0 220px;
				}
				
					.ftinfo a {
						color: #9d610a;
						text-decoration: none;
					}
					
					.ftinfo a:hover {
						color: #8a0033;
					}

#btmborder {
	background:url(../grfx/backgrounds/bottomborder.jpg) repeat-x;
	height: 6px;
}


