/* RESET */

*				{ margin: 0; padding: 0; }
html			{ }
html, body		{ height: 100%;}
body 			{ margin: 0px;
				font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
				color: #666666;
				font-size:90%;
				text-decoration:none;
				background-image:url(images/backgrounds/gradient-topright.jpg);
				background-position:top right;
				background-repeat:no-repeat;
				background-attachment:fixed;}
h1				{ font-family:Arial, Helvetica, sans-serif; padding-top: 25px; padding-bottom: 10px; line-height:17px; font-size: medium; text-transform:uppercase; }
h2				{ font-family:Arial, Helvetica, sans-serif; font-weight: bold; text-transform:uppercase; font-size: small; }
a, a img, a img:hover		{ text-decoration: none; color:#666666; border: none; }

/* END RESET */





/* STYLING */

#greenCert		{ float: left;
				padding: 10px; 
				position: fixed; }

#wrap			{ width:732px;			
				margin: 0 auto;
				padding-top: 20px; }
								
#header a.logo	{ float: right;
				margin-top: 20px; }
				
#header p.phone	{ float: left;
				height: 31px;
				width: 171px;
				margin-top: 82px;
				background: url(images/backgrounds/phone-bg.png) bottom left no-repeat;
				color: #FFF;
				font: bold large Arial, Helvetica, sans-serif;
				text-align: center;
				line-height: 1.7; }
				
#header p.eftpos { /*float: left;
				margin-top: 84px;
				margin-left: 7px;*/
				display: none; }
															
#innerWrap		{ margin-top: 60px;
				clear: both; }
			
#content		{ min-height: 250px; }

#content p 		{ clear: left; }

#content p.big	{ font-family: Georgia, "Times New Roman", Times, serif;
				font-size: x-large;
				font-style:italic;
				line-height: 1.1;
				width: 500px;
				float: left;
				margin-bottom: 20px; }
				
#content #youtube { float: right;
				margin-right: 17px; }

#content .div { width: 100%;
				clear: both; }

#content a:hover { color: #000; }

/* dot point indent */
#content ul.indent { padding-left: 20px; list-style-position:inside; }
		
.push 			{ height: 70px; }
				
#footerWrap		{ background: url(images/backgrounds/green.gif) top left repeat; }

#footer			{ height: 140px;
				padding-top: 20px;
				background: transparent url(images/backgrounds/shadow.png) top left repeat-x;
				font-family: Arial, Helvetica, sans-serif;
				color: #FFF;
				font-size:small;
				text-align: center;
				clear: both; }
				
a.email			{ color: #FFF; }				
				
a.email:hover	{ text-decoration: underline; }
								
#footer .copyright { border-top: #FFF 1px dashed;
				padding-top: 7px; }

		/* 404 STYLING */
		
		.center	{ width: 500px;
				padding-top: 50px;
				margin: 0 auto;
				text-align: center; }

/* END STYLING */
				
		
		
		

/* SLIDESHOW */

#slider							{ height: 350px;
								width: 711px;
								overflow: hidden;
								position: relative; 
								margin-top: 50px;
								margin-bottom: 0px;
								border: #FFF 10px solid; 	
									/* x-offset, y-offset, shadow radius, shadow colour */
									-moz-box-shadow: 2px 2px 4px #666;
									-webkit-box-shadow: 2px 2px 4px #666;
									box-shadow: 2px 2px 4px #666;
									/* For IE 8 */
									-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#666666')"; }
								  
                                /* DEFAULT is for three panels in width, adjust as needed
                                   This only matters if JS is OFF, otherwise JS sets this. */								  
#mover							{ width: 2133px; position: relative; }

.slide							{ padding-top: 1px;
								padding-right: 0px; 
								width: 711px; 
								float: left;
								position: relative;	}
								
.slide img						{ position: absolute; 
								top: 0px; }

#slider-stopper					{ position: absolute; 
								margin-top: 333px;
								right: 10px; 
								background: #FFF; 
								color: #666;
								padding: 3px 8px;
								font-family: Arial, Helvetica, sans-serif;
								font-size: 10px; 
								text-transform: uppercase; 
								z-index: 1000;}
								

/* END SLIDESHOW */

		
	


/* NAV BAR */

#navBar 		{ margin: 15px 0px 0px 0px;
				padding-left: 0px;
				border:0;
				height:35px;
				width:733px;
				background:url(images/nav/nav-bar.png) top left no-repeat;
				display:block; }

#navBar #navi	{ font-family: Arial, Helvetica, sans-serif;
				font-size:12px;
				line-height:15px;
				text-transform:uppercase;
				text-align: center;
				margin:0px;
				padding: 0px; }

/* first-level list */
#navBar #navi li { list-style: none;
				display: inline;
				margin:9px 0px 0px 0px; }

#navBar a		{ color:#666; }

#navBar a:hover	{ font-weight: bold; }

#navBar .selected { font-weight: bold; }

/* DROPDOWN NAV */ /* by suckerfish */

/* all lists */
#navi, #navi ul {margin:0;
				list-style: none;
				line-height: 1; }

#navi a 		{ display: block;
				width: 183px; }

/* all list items */
#navi li 		{ float: left;
				width: 183px; /* width needed or else Opera goes nuts */ }

/* second-level lists */
#navi li ul 	{ position: absolute;
				background: #FFF;
				border-left: 1px #390 solid;
				border-right: 1px #390 solid;
				border-top: 1px #390 solid;
				width: 183px;
				left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */}
				
/* second-level list items */
#navi li ul li	{ padding-bottom: 7px;
				margin: 0px;				
				border-bottom: 1px #390 solid; line-height: 0.5;}
				
#navi li ul li a { }

/* lists nested under hovered list items */
#navi li:hover ul, #navi li.sfhover ul { left: auto; }

/* END NAV BAR */





/* CONTENT NEXT/BACK */

.prev			{ width: 100px;
				float: left;
				font-size: smaller;
				text-align: left; }
.prev:hover		{ text-decoration: underline; }

.next			{ width: 100px;
				float: right;
				font-size: smaller;
				text-align: right; }
				
.next:hover		{ text-decoration: underline; }

/* END CONTENT NEXT/BACK */





/* CONTACT TABLE */

#contact td		{ width: 160px;
				padding-left: 10px;
				text-align: left;
				border-left: #999 thin dashed; }
				
#contact th		{ width: 160px;
				padding-left: 10px;
				text-align: left;
				border-left: #999 thin dashed; }

/* END CONTACT TABLE */





/* FEEDBACK FORM */

#feedbackForm	{ padding-top: 30px;
				border-top: #999 thin dashed;
				text-align: left; }
					
label 			{ float: left;
				text-align: right;
				margin-right: 15px;
				padding-top: 5px; 
				width: 150px;
				font-family: Arial, Helvetica, sans-serif;
				text-transform: uppercase;
				font-size: 80%;}
				
label.textarea	{ padding: 0; }
				
textarea, input	{ margin-bottom: 7px;
				border: 1px solid #999;
				padding: 3px;
				color: #666;
				font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
				font-size: 90%; } 
				
textarea		{ max-width: 450px; }			
																
textarea:focus, input:focus { border: 1px dashed #390; }

.sendButton		{ margin-left: 360px;
				margin-top: 20px;}

/* END FEEDBACK FORM */