a#sitenav{display:none; font-weight:bold; background:url(images/bg-sitenav.png) no-repeat right #333; text-decoration:none; color:#fff; padding:13px 0 13px 10px; width:auto; border-left:none; text-align:left; border-radius:3px;}

#nav {font-family:arial, sans-serif; font-size:11px; margin-bottom:15px;}
#nav ul{display: block; text-align:center;}
#nav li{display:inline; margin:0; padding:0;}
#nav li a{background:#66FFFF; padding:1px 3px;}

table.resp-tbl{margin:0 auto; font-family:arial, sans-serif; font-size:12px;}
table.resp-tbl p{font-size:12px; font-family:arial, sans-serif;}
table.pg-ot{width:90%;}
table.accomm-tbl{width:70%;}
table.rtb{width:600px; margin:0 auto;}
table.toc{width:75%;}
table.act{width:90%;}

table.r50{width:50%;}
table.r60{width:60%;}
table.r65{width:65%;}
table.r70{width:70%;}
table.r80{width:80%;}
table.r90{width:90%;}
table.r100{width:100%;}

/* aitutaki */

table.ait{width:70%;}
table.pop{width:737px;}

/* akaora */

table.ak{width:70%;}


/* #Media Queries
================================================== */

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (max-width:980px) {
	
	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width:760px) {
	 a#sitenav{display:block;}
	 #nav {font-size:14px;}
	 #nav ul{display:block; display:none; margin:0; padding:0;}
	 #nav li, #nav a{display:block;}
	 #nav ul a{display:block; padding:8px; background:#333; border-bottom:1px solid #222; color:#fff; text-decoration:none;}
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
	 
	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width:760px) {
	 img{max-width:100%!important; height:auto; float:none;}
	 table.accomm-tbl{width:95%;}
	 table.rtb{display:block; width:auto;}
	 table.rtb tr, table.rtb td{display:block;}
	 table.toc{width:100%;}
	 table.toc ul{margin:5px 0 5px 0; padding:0 10px 0 10px;}
	 table.toc ul li{}
	 
	 table.ait, table.pop, table.ak{width:100%;}
	 table.ait td, table.pop td, table.ak td{display:block; width:100%;}
	 tr.no-mob{display:none;}
	 
	 table.r60, table.r65, table.r70, table.r50, table.r90, table.r80{width:100%;}
	 table.r100{width:96%;}
	 table.r60 td, table.r65 td, table.r70 td, table.r50 td, table.r90 td, table.r80 td{display:block; width:100%;}
	 table.r100 td{display:block; width:91%;}
	 
	 ul ul{margin-left:0; padding-left:0;}
	}

	/* 
Max width before this PARTICULAR table gets nasty
This query will take effect for any screen smaller than 760px
and also iPads specifically.
*/
@media 
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {

	/* Force table to not be like tables anymore */
	table.resp-tbl, table.resp-tbl thead, table.resp-tbl tbody, table.resp-tbl th, table.resp-tbl td, table.resp-tbl tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	table.resp-tbl th { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	table.resp-tbl tr { border: 1px solid #ccc; }
	
	table.resp-tbl td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
	}
	
	table.resp-tbl td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}
	
	/* aituthot.htm */
	table.pg-a td:nth-of-type(1){background:#4be7e7!important; font-weight:bold; text-align: center;}
	table.pg-a td:nth-of-type(1):before { content: "Property"; padding:8px 0; }
	table.pg-a td:nth-of-type(2):before { content: "Total Rooms"; padding:8px 0;}
	table.pg-a td:nth-of-type(3):before { content: "Beach Front"; padding:8px 0;}
	table.pg-a td:nth-of-type(4):before { content: "NZ$ pp/per night"; padding:8px 0;}
	table.pg-a td:nth-of-type(5):before { content: "Cooking Facilities"; padding:8px 0;}
	table.pg-a td:nth-of-type(6):before { content: "Air cond/fans"; padding:8px 0;}
	table.pg-a td:nth-of-type(7):before { content: "Fax/email"; padding:8px 0;}
	
	/*	apartmentsrar.htm, motelrar.html	*/
	
	table.pg-ap td {padding-left:0; width:auto;}
	
	/*	aselfrar.htm */
	table.pg-as td:nth-of-type(1){background:#4be7e7!important; font-weight:bold; text-align: center;}
	table.pg-as td:nth-of-type(1):before { content: "Property"; padding:8px 0; }
	table.pg-as td:nth-of-type(2):before { content: "Total Rooms"; padding:8px 0;}
	table.pg-as td:nth-of-type(3):before { content: "Beach Front"; padding:8px 0;}
	table.pg-as td:nth-of-type(4):before { content: "NZ$ per night"; padding:8px 0;}
	table.pg-as td:nth-of-type(5):before { content: "Cooking Facilities"; padding:8px 0;}
	table.pg-as td:nth-of-type(6):before { content: "Air cond/fans"; padding:8px 0;}
	table.pg-as td:nth-of-type(7):before { content: "Phone/email"; padding:8px 0;}
	
	/* budgrar.htm	*/
	table.pg-bg td:nth-of-type(1){background:#4be7e7!important; font-weight:bold; text-align: center;}
	table.pg-bg td:nth-of-type(1):before { content: "Property";}
	table.pg-bg td:nth-of-type(2):before { content: "Total Rooms";}
	table.pg-bg td:nth-of-type(3):before { content: "Beach Front";}
	table.pg-bg td:nth-of-type(4):before { content: "NZ$ pp/per night";}
	table.pg-bg td:nth-of-type(5):before { content: "Cooking Facilities";}
	table.pg-bg td:nth-of-type(6):before { content: "Air cond/fans";}
	table.pg-bg td:nth-of-type(7):before { content: "Fax/email";}
	
	/* outhotel.htm	*/
	table.pg-ot{width:auto;}
	table.pg-ot td:nth-of-type(1){background:#4be7e7!important; font-weight:bold; text-align: center;}
	table.pg-ot td:nth-of-type(1):before { content: "Property";  padding:8px 0;}
	table.pg-ot td:nth-of-type(2):before { content: "Single Room Price $NZ";  padding:8px 0;}
	table.pg-ot td:nth-of-type(3):before { content: "Double Room Price $NZ"; padding:8px 0;}
	table.pg-ot td:nth-of-type(4):before { content: "Total Rooms"; padding:8px 0;}
	table.pg-ot td:nth-of-type(5):before { content: "Children"; padding:8px 0;}
	table.pg-ot td:nth-of-type(6):before { content: "Comments"; padding:8px 0;}
	table.pg-ot td:nth-of-type(7):before { content: "Contact Details"; padding:8px 0;}
	
	/* private2.htm	*/
	table.pg-p2 td{width:auto;}
	table.pg-p2 td:nth-of-type(1){text-align: center;}
	table.pg-p2 td:nth-of-type(1):before { content: "Click picture for link";}
	table.pg-p2 td:nth-of-type(2):before { content: "Property Name";}
	table.pg-p2 td:nth-of-type(3):before { content: "Weekly Rate";}
	table.pg-p2 td:nth-of-type(4):before { content: "Location";}
	table.pg-p2 td:nth-of-type(5):before { content: "Beach Nearby";}
	table.pg-p2 td:nth-of-type(6):before { content: "Maximum Persons";}
	table.pg-p2 td:nth-of-type(7):before { content: "Children";}
	table.pg-p2 td:nth-of-type(8):before { content: "TV";}
	table.pg-p2 td:nth-of-type(9):before { content: "DVD";}
	table.pg-p2 td:nth-of-type(10):before { content: "Air Cond/Fans";}
	table.pg-p2 td:nth-of-type(11):before { content: "Insect Screened";}
	
	table.pg-p2 td:before {top:1px;}
	
	/* hotelrar.htm	*/
	table.pg-ho{width:auto;}
	table.pg-ho tr.row1 td:nth-of-type(1){background:#4be7e7!important; font-weight:bold; text-align: center;}
	table.pg-ho tr.row1 td:nth-of-type(1):before { content: "Property Name";  padding:8px 0;}
	table.pg-ho tr.row1 td:nth-of-type(2):before { content: "On Beach";  padding:8px 0;}
	table.pg-ho tr.row1 td:nth-of-type(3):before { content: "Beach Access Road"; padding:8px 0;}
	table.pg-ho tr.row1 td:nth-of-type(4):before { content: "Total Rooms"; padding:8px 0;}
	table.pg-ho tr.row1 td:nth-of-type(5):before { content: "Studio Rooms"; padding:8px 0;}
	table.pg-ho tr.row1 td:nth-of-type(6):before { content: "Garden Rooms"; padding:8px 0;}
	table.pg-ho tr.row1 td:nth-of-type(7):before { content: "1 Bedroom Units"; padding:8px 0;}
	table.pg-ho tr.row1 td:nth-of-type(8):before { content: "2 Bedroom Units"; padding:8px 0;}
	table.pg-ho tr.row1 td:nth-of-type(9):before { content: "Inter-connecting Rooms"; padding:8px 0;}
	table.pg-ho tr.row1 td:nth-of-type(10):before { content: "Restaurant"; padding:8px 0;}
	table.pg-ho tr.row1 td:nth-of-type(11):before { content: "Bar"; padding:8px 0;}
	table.pg-ho tr.row1 td:nth-of-type(12):before { content: "Tea/Coffee Facilities"; padding:8px 0;}
	table.pg-ho tr.row1 td:nth-of-type(13):before { content: "Air Cond/fans"; padding:8px 0;}
	
	table.pg-ho tr.row2 td:nth-of-type(1):before { content: "Refrigerator";  padding:8px 0;}
	table.pg-ho tr.row2 td:nth-of-type(2):before { content: "Cooking Facilities";  padding:8px 0;}
	table.pg-ho tr.row2 td:nth-of-type(3):before { content: "Shower/Bath"; padding:8px 0;}
	table.pg-ho tr.row2 td:nth-of-type(4):before { content: "Swimming Pool"; padding:8px 0;}
	table.pg-ho tr.row2 td:nth-of-type(5):before { content: "Snorkel Gear"; padding:8px 0;}
	table.pg-ho tr.row2 td:nth-of-type(6):before { content: "Wind Surfing"; padding:8px 0;}
	table.pg-ho tr.row2 td:nth-of-type(7):before { content: "Conference Facilities"; padding:8px 0;}
	table.pg-ho tr.row2 td:nth-of-type(8):before { content: "Squash"; padding:8px 0;}
	table.pg-ho tr.row2 td:nth-of-type(9):before { content: "Transport Rental"; padding:8px 0;}
	table.pg-ho tr.row2 td:nth-of-type(10):before { content: "Children Allowed"; padding:8px 0;}
	table.pg-ho tr.row2 td:nth-of-type(11):before { content: "Tennis"; padding:8px 0;}
	table.pg-ho tr.row2 td:nth-of-type(12):before { content: "Phone in Room"; padding:8px 0;}
	table.pg-ho tr.row2 td:nth-of-type(13):before { content: "Email"; padding:8px 0;}
	
	table.pg-ho tr.row3 td:nth-of-type(1):before { content: "Tariff per night";  padding:8px 0;}
	table.pg-ho tr.row3 td:nth-of-type(2):before { content: "Single NZ$";  padding:8px 0;}
	table.pg-ho tr.row3 td:nth-of-type(3):before { content: "Double Twin $NZ"; padding:8px 0;}
	table.pg-ho tr.row3 td:nth-of-type(4):before { content: "Triple $NZ"; padding:8px 0;}
	table.pg-ho tr.row3 td:nth-of-type(5):before { content: "Extra person/per night"; padding:8px 0;}
	table.pg-ho tr.row3 td:nth-of-type(6):before { content: "Additional information"; padding:8px 0;}
	
	table.pg-ho tr.row4 td:nth-of-type(1):before { content: "Contact address";  padding:8px 0;}
	table.pg-ho tr.row4 td:nth-of-type(2):before { content: "Phone";  padding:8px 0;}
	table.pg-ho tr.row4 td:nth-of-type(3):before { content: "Fax"; padding:8px 0;}
	table.pg-ho tr.row4 td:nth-of-type(4):before { content: "Website"; padding:8px 0;}
	table.pg-ho tr.row4 td:nth-of-type(5):before { content: "Email"; padding:8px 0;}
	
	/* activities.htm	*/
	table.act td{width:auto;}
	table.act th{display:none;}
	table.act td:nth-of-type(1){text-align: left; font-weight:bold;}
	table.act td:nth-of-type(1):before { content: "Activity";}
	table.act td:nth-of-type(2):before { content: "Name";}
	table.act td:nth-of-type(3):before { content: "Location";}
	table.act td:nth-of-type(4):before { content: "Description";}
	table.act td:nth-of-type(5):before { content: "Frequency";}
	table.act td:nth-of-type(6):before { content: "Cost";}
	table.act td:nth-of-type(7):before { content: "Contact";}
}