/*

[ CSS Document ]

	Style Sheet Name: section108_style.css
	Style Sheet URL: www.section108.com.au
	Author: Ken Davis - Jimmyweb Web Design
	Author URL: www.jimmyweb.net
	Version: 1.0
	Date: 29/03/09

[ Table Of Contents ]

	0- Reset
	1- Global
	2- Headings
	3- Header
	4- Navigation
	5- Main Content
	6- Main Content Elements
	7- Extras
	8- Forms
	9- Footer

*/ 
 

/* =0 Reset 
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

/* Universal - reset browser default styles */
	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, 
	strong, sub, sup, tt, var, b, u, i, center, 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-size: 100%; vertical-align: baseline; 
	background: transparent;}
	body 	{ line-height: 1; }
	ol, ul 	{ list-style: none; }
	blockquote, q { quotes: none; font-style:italic;}
	
/* Define focus styles! */
	:focus 	{ outline: 0; }
	
/* Highlight inserts somehow! */
	ins 	{ text-decoration: none; }
	del 	{ text-decoration: line-through; }
	
/* Tables still need 'cellspacing="0"' in the markup */
	table 	{ border-collapse: collapse; border-spacing: 0; }


/* =1 Global 
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
	
/* General style applied to HTML */
	html 	{ text-align: center; padding: 0; margin: 0; border: 0; width: 100%;
	font-family: Arial, Helvetica, sans-serif; background: #f8f8f1 url(../img/bg_main.jpg) top center repeat-x;}
	
/* Body style */
	body 	{ clear: both; padding: 0; margin: 0 auto; text-align: center;}	
		
/* Preset global styles */
	.right 	{ float: right; } 
	.left 	{ float: left; } 
	.align-left { text-align: left; } 
	.align-right { text-align: right; } 
	.align-center { text-align:center; } 
	.justify { text-align:justify; } 
	
	.hide 	{ display: none; } 
	.clear 	{ clear: both; } 
	.bold 	{ font-weight:bold; } 
	.italic { font-style:italic; } 
	 
	img.centered { display: block; margin-left: auto; margin-right: auto; } 
	img.alignleft { float:left; margin:4px 10px 4px 0; } 
	img.alignright { float:right; margin:4px 0 4px 10px; } 
	
	.spacer { display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } 
			
	


/* =2 Headings
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/  

	/* General headings */
	h1 { font-size: 0.1em; color: #222324; background:url(../img/logo.jpg) top no-repeat; height: 20px; 
	width: 313px; margin: 0px 0 0 46px; padding: 95px 0 0 0; position: relative; left: -20px; z-index:400;}
		h2, h3, h4 { color: #fff; font-weight: 500; font-family: Trebuchet MS, Arial, Helvetica, sans-serif;}
			h2 { color: #49453a; font-weight: 900; font-size: 1.4em; margin: 0em 0 0.5em 0;}
			h3 { color: #49453a; font-weight: 900; font-size: 1.0em; margin: 1em 0 0.5em 0; }
			h4 { color: #ebb21a; font-weight: 900; font-size: 1.0em; margin: 1em 0 1em 0; }
			h5 { color: #b3b2af; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase;
			font-size: 0.7em;border-bottom: 1px dotted #b2b1ae;margin: 1em 0 0 0;}

	/* Specific headings - defined within specific divs*/





/* =3 Header
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/ 

	/* Header section style */
		#header {}
		


/* =4 Navigation
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/ 

/* Navigation - top tab style - Lavalamp style */
	.lavaLampBottomStyle {
	position: absolute;
	top: 125px;
	height: 51px;
	width: 900px;
	background: url(../img/bg_nav.jpg) no-repeat;
	padding: 1px 0px 8px 80px;
	_padding: 1px 0px 8px 80px;
	margin: 0px 0px 0px 0px;
	overflow: hidden;
	border: none;
	border-bottom: 3px double #e4e4d3;
}
	.lavaLampBottomStyle li { float: left; list-style: none;  }
	.lavaLampBottomStyle li.back { border-top: 7px solid #fff; width: 0px; height: 32px; z-index: 8; 
	position: absolute;  }
	.lavaLampBottomStyle li a { font-size: 0.74em; text-decoration: none; color: #4d4a45; outline: none; 
	text-align: center; top: 3px; text-transform: lowercase; padding: 8px 28px 5px 28px; 
	z-index: 10; display: block; float: left; height: 17px; position: relative; overflow: hidden; 
	margin: 4px 0px auto 0px; _margin: 4px 0px auto 0px; border-right: 1px solid #c6c8ca;}
	.lavaLampBottomStyle li a:hover, .lavaLampBottomStyle li a:active, .lavaLampBottomStyle li a:visited 
	{ border: none; border-right: 1px solid #c6c8ca;}
	.lavaLampBottomStyle li a:hover{ background-color: #fff;}
	.lavaLampBottomStyle li a:hover { color: #ebb21a;}
	#home a{border-left: 1px solid #c6c8ca;}
		



/* =5 Main Content 
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/ 

/* Div styles - layout specific */
		
/* Outer content wrappers */
	#wrap { width: 974px; text-align: left; margin: 7px auto 0; padding: 0;}
	#content_wrap { width: 974px; text-align: left; margin: 0px 0 0 0; padding-top: 65px; padding-bottom: 10px;}	
	#content { width: 954px; text-align: left; padding: 0px 10px 0px 10px; float: left;
	background: #fff url(../img/watermark.jpg) bottom right no-repeat; border: 1px solid #c6c8ca;
	position: relative;}
		
		#cnr-tl{ background: #fff url(../img/cnr-tl.jpg) bottom right no-repeat;position: absolute; 
		top: -1px; left: -1px; width: 3px; height: 3px;}
		#cnr-tr{ background: #fff url(../img/cnr-tr.jpg) bottom right no-repeat;position: absolute; 
		top: -1px; right: -1px; width: 3px; height: 3px;}
		#cnr-bl{
	background: #fff url(../img/cnr-bl.jpg) bottom right no-repeat;
	position: absolute;
	bottom: 4px;
	left: -1px;
	width: 2px;
	height: 0px;
}
		#cnr-br{ background: #fff url(../img/cnr-br.jpg) bottom right no-repeat;position: absolute; 
		bottom: -1px; right: -1px; width: 3px; height: 3px;}




/* Content Styles */

/* Home Page Content */
	#homeContent{padding: 20px 40px 0 40px; text-align: center;}
	#homeText{width: 600px; margin: auto; text-align: justify;}
	#homeContent #box-left, #homeContent #box-right, #homeContent #box-center
	{width: 258px; height: 153px; background: #f9f9f9 url(../img/bg_box.jpg) top no-repeat; margin:10px 0 40px 20px;
	padding: 0px 10px 0px 10px; text-align:center;}
		#homeContent #box-center{ float:left; }
		#homeContent #box-left{ float:left; margin:10px 0 40px 0px;}
		#homeContent #box-right{ float: right;}

/* Main Content - most pages */	
	#contentMain{ width: 600px; padding: 30px 30px 30px 30px; text-align: justify; 
	border-right: 1px solid #c6c8ca; float: left;}
	
		#boxFeature{ background: url(../img/bg-featurebox.jpg) top center repeat-x;  
		padding: 6px 40px 0px 40px; border-top: 1px solid #e2e2dd; border-bottom: 1px solid #e2e2dd;
		margin:10px 0 0px; text-align:left;}		
		#orderLink{  width: 590px; border-top: 1px solid #f0e4c3;padding-top: 10px;}
	
	
	
	
	
	
/* Side Content - most pages */		
	#contentSide{ padding: 47px 20px 0 0px; margin: 0; width: 248px; float: right; text-align:left;}


	
	

	
	#strata-box1{
	border: 5px solid #c8c8c8;
	padding: 0 20px 0px 20px;
	width: 40%;
	float: left;
	text-align: left;
}
	#strata-box { border: 5px solid #c8c8c8; padding: 0 20px 0px 20px; width: 40%; float: right; text-align:left;}
	#strata-box ul li, #strata-box1 ul li{ padding: 0em 0 0.8em; list-style: disc; margin-left: 15px;}	
	
	
	
	

	#box-left h4, #box-right h4{ color: #dea203; font-weight: 900; font-size: 1.0em; margin: 1em 0 1em 0; clear: both;}
	#box-left p, #box-right p{ color: #000;}
	#box-left1{ width: 246px; float: left; background: #f9f9f9 top no-repeat;padding: 72px 10px 0px 10px; _padding: 82px 10px 0px 10px; border: 5px solid #f0e4c3; margin: 10px 0 40px; text-align: left;}
	#box-right1{width: 246px; float:right;background: #f9f9f9 top no-repeat;padding: 72px 10px 0px 10px;_padding: 82px 10px 0px 10px;border:5px solid #f0e4c3;margin:10px 0 40px;text-align:left;}
	#box-left1 h4, #box-right1 h4{ color: #dea203;font-weight: 900;font-size: 1.0em;margin: 1em 0 1em 0; clear: both;}
	#box-left1 p, #box-right1 p{ color: #000;}
	#right-box{float:right;width: 189px;margin:50px 0 30px 30px;padding:10px 10px 0 10px;border:5px solid #f9e2ac;text-align:left;}
	#right-box img{border:1px solid #c8c8c8;}
	
	
	
	#content a#imglink:link, #content a#imglink:visited, #content a#imglink:hover{border:none;}
	.yel{color: #ebb21a;font-size:80%;position: relative; top: 3px;}
		
		
		

				
	
		
				
				


/* =6 Main Content Elements
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/ 

/* Main content - specific element styles */

/* General paragraph style */
	p { padding: 0em 0 1em; margin: 0; font-size: 0.8em; color: #42403a; word-spacing: 0.1em; 
	line-height: 1.3em; font-family: Arial, Helvetica, sans-serif;}
	#content p {line-height: 1.6em;font-family: Arial, Helvetica, sans-serif;}
	#content q {line-height: 1.0em;font-family: Arial, Helvetica, sans-serif;}
	blockquote p { quotes: none; font-style:italic; margin-left: 70px; margin-right: 70px; font-size: 0.9em;}	
			
/* List styles  */
	#content ul { padding: 0em 0 1em; margin: 0; font-size: 0.8em; color: #42403a; 
	line-height: 1.2em; font-family: Arial, Helvetica, sans-serif;}
	#content ul li{ padding: 0em 0 0.3em;list-style: disc;margin-left: 30px;}
		#content #contentSide ul li{ padding: 0em 0 0.3em;list-style: disc;margin-left: 20px;}
		
		
		
/* Link styles  */
	#content a:link, #content a:visited{text-decoration:none;border-bottom: 1px dashed #fff;color: #1c5cde;}
	#content a:hover {text-decoration:none;border-bottom: 1px dashed #1c5cde;color: #1c5cde;}
	


/* =7 Extras
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/ 

/* Image styles  */
	#strata-img{position:absolute;top:5px;margin: 0 0 0 658px;left: 68px;}
	.left-img{float: left; border:5px solid #f9e2ac;margin: 5px 20px 10px 0;}
	
/* Fader style - used for jQuery Innerfade  */
	#fader{}
	
/* Other jQuery style */
	
/* Lightbox style */
	#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
	#lightbox img{ width: auto; height: auto;}
	#lightbox a img{ border: none; }
	#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
	#imageContainer{ padding: 10px; }
	#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
	#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
	#imageContainer>#hoverNav{ left: 0;}
	#hoverNav a{ outline: none;}
	#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
	#prevLink { left: 0; float: left;}
	#nextLink { right: 0; float: right;}
	#prevLink:hover, #prevLink:visited:hover { background: url(../img/prevlabel.gif) left 15% no-repeat; }
	#nextLink:hover, #nextLink:visited:hover { background: url(../img/nextlabel.gif) right 15% no-repeat; }
	#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }
	#imageData{	padding:0 10px; color: #666; }
	#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
	#imageData #caption{ font-weight: bold;	}
	#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
	#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	
	#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

/* Google Map style */



/* Video style */
	



/* =8 Forms
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/ 

/* Form elements  */
	input {}
	label {}
	#booking-box{ width: 430px; float: right; padding: 0px 10px 100px 10px; border: 5px solid #f0e4c3; 
	margin: 20px 70px 0px 20px; text-align: left; position: relative;}
	#frmContact input, #frmContact select, #frmContact textarea, #frmContact label{ font-size: 0.7em; color: #42403a; 
	word-spacing: 0.1em; line-height: 1.3em; font-family: Arial, Helvetica, sans-serif;}
	#frmContact input{ border: 1px solid #c3beb3; position: absolute; right: 10px; padding: 2px; margin: 10p 0; 
	width: 180px;}
	#frmContact select{ border: 1px solid #c3beb3; position: absolute; left: 260px; padding: 1px 2px;}
	#frmContact select option{ padding: 0 1px;}
	#frmContact textarea{ border: 1px solid #c3beb3; position: absolute; right: 10px; padding: 2px;
	width: 324px; margin-top: -10px;}
	#frmContact label{}
	.frmfields{ text-align: right; margin-right: 193px;}
	#frmContact .buttonSubmit{ position: relative; top: 70px; left: 144px; width: 110px; cursor: pointer;}


/* =9 Footer
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/  

	/* Footer style  */
	#footer { clear: both; padding: 14px 10px 50px;}
		#footer p { color: #b2aea6;font-size: 0.7em; }
		#footer p a:link, #footer p a:visited { color: #997d3b; text-decoration: none;}
		#footer p a:hover { color: #bc8400;text-decoration: underline;}