/* ------------------------------------------------------------

    Title:     Omata Estate master styles - screen
    Author:    Frontend Design
    Created:   November 2006
	Version:   2.0

----------------------------------------------------------------- */

/* ------------------------------------------------------------

    Main Colors Used
	Red for headings: #86251E
	Grey body text color: #4D4D4D

----------------------------------------------------------------- */


/* force scrollbar for Gecko
------------------------------------------------------------------*/
html, body {
	min-height: 100.1%;
}


/* Global Styles
------------------------------------------------------------------*/
.normal, p, h1, h2, h3, h4, ul, ol, li, td, th {
	font-family: "Times New Roman", Times, Georgia, serif;
	margin-top: 0px;    
	margin-bottom: 0px;
}
.normal, p, ul, ol, li, td, th {
	font-size: 13px;
}

ul {
	list-style-type: circle;
	margin-left: 40px;
	margin-bottom: 8px;
}
html>body ul{ margin-left: 0px; }

ol {
	margin-left: 30px;
	margin-bottom: 8px;
}

img { 
	border:none; 
}
form {
	margin: 0px;
}


body {
	color: #4D4D4D;
	font-size: 14px;
	font-family: "Times New Roman", Times, Georgia, serif;
	background-color: white;
	background-image: url("../images/bg_colour.gif");
	margin: 10px 0px 0px 0px;
	padding: 0;
	text-align: center;
	}

.hide {
	display: none;
	 }

hr {
	visibility: hidden;
	clear: both;
	 }	

/* Headings Paragraphs + HREFs
------------------------------------------------------------------*/

p {
	color: #4D4D4D;
	line-height: 1.3em;
	margin-bottom: 20px;
	}
	
h1 {
	font-family: "Times New Roman", Times, Georgia, serif;
	font-size: 22px;
	font-weight: normal;
	color: #86251E;
	line-height: 1.2em;
	margin-bottom: 5px;
}

h1.vines {
	font-family: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
	font-size: 1.5em;
	font-weight: normal;
	color: #86251E;
	line-height: 1.2em;
	margin-bottom: 5px;
	margin-top: 10px;
}

h2 {
	font-family: "Times New Roman", Times, Georgia, serif;
	font-size: 15px;
	font-weight: normal;
	color: #86251E;
	line-height: 1.2em;
	margin-bottom: 5px;
}

h2.index {
	font-family: "Times New Roman", Times, Georgia, serif;
	font-size: 1.2em;
	font-weight: normal;
	line-height: 1.2em;
	margin-bottom: 9px;
	color: #4D4D4D;
}

h2.spaceAbove {
	margin-top: 15px;
}

h3 {
	font-family: "Times New Roman", Times, Georgia, serif;
	font-size: 12px;
	font-weight: normal;
	color: #86251E;
	line-height: 1.1em;
	margin-top: 7px;
}

h4 {
	font-family: "Times New Roman", Times, Georgia, serif;
	font-size: 14px;
	font-weight: normal;
	font-style: italic;
	color: #4D4D4D;
	line-height: 1.1em;
	margin-top: 20px;
}

h4.chef {
	font-family: "Times New Roman", Times, Georgia, serif;
	font-size: 14px;
	font-weight: normal;
	font-style: italic;
	color: #4D4D4D;
	line-height: 1.1em;
	margin-top: 2px;
}

h5 {
	font-family: "Times New Roman", Times, Georgia, serif;
	font-size: 15px;
	font-weight: normal;
	color: #4D4D4D;
	line-height: 1.1em;
	padding: 0px;
	margin: 20px 0px 10px 50px;
}

h6 {
	font-family: "Times New Roman", Times, Georgia, serif;
	font-size: 12px;
	font-weight: bold;
	color: #86251E;
	line-height: 1.1em;
	margin-top: 15px;
	margin-bottom: 3px;
}

a {
	color: #30517C;
	/*text-decoration: none;*/
	 }

a:hover {
	color: #30517C;
	text-decoration: underline; 
	}
	
h3 a, h2 a {
	color: #86251E;
}
	
h3 a:hover, h2 a:hover {
	color: #86251E;
	text-decoration: underline; 
}
	 
	 
/* Main Divs - Display
------------------------------------------------------------------*/	 
#container {
	background-image: url("../images/background_paper.jpg");
	background-repeat: repeat-y;
	background-color: #FFFFFF;
	background-position: 0;
	margin: 0px auto;
	width: 770px;
	text-align: left; 
	}

#header {
	background-image: url("../images/omata_hdr.jpg");
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 770px;
	height: 155px;
	}
	
.ContentHeader
{
	width: 684px;
	font-family: "Times New Roman", Times, Georgia, serif;
	font-size: 18px;
	font-weight: bold;
	margin: 20px 0px 0px 45px;
	padding: 0px 0px 10px 0px;
	border-bottom-width: 1px;
    border-bottom-color: gray;
	border-bottom-style: solid;
}

.ContentHeader span{ color: #86251e; }

.ItalicIntro
{
	color: #4D4D4D;
	font-family: "Times New Roman", Times, Georgia, serif;
	font-size: 18px;
	font-style: italic;
}

#Body
{
	width: 684px;
	padding: 0px 0px 0px 45px;
}

#content {
	padding-top: 13px;
	width: 770px;
	 }
	 
#footer {
	background-color: #4D382A;
	background-image: url("../images/footer.jpg");
	background-repeat: no-repeat;
	margin-top: 25px;
	padding-top: 20px;
	padding-left: 55px;
	padding-bottom: 25px;
	width: 770px;
	/*width: 715px;*/
	height: 85px;
	}
/*
* html div#footer {
	width: 770px;
	w\idth: 715px;
}
*/	
#footer p {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	}
	
#footer .copyright {
	float: left;
	position: relative;
	width: 180px;
	margin: 15px 0px 2px 0px; 
}

#footer .policy {
	float: left;
	text-align: center;
	margin: 12px 0 0 100px; 
}

#footer .created {
	float: right;
	position: relative;
	width: 160px;
	margin: 15px 50px 2px 0px; 
	text-align: right;
}
	
html>body #footer .created {
	margin: 15px 100px 2px 0px; 
}

div#bodyLeft {
	padding-left: 60px;
	width: 460px;
	margin-top: 10px;
}

* html div#bodyLeft {
	width: 520px;
	w\idth: 460px;
}

#flourish 
{
	margin-top: 20px;
	margin-bottom: 20px;
	background: transparent url("../images/flourish.gif") center top no-repeat;
	height: 21px;
}

#PageThumbnails
{
	border-bottom-width: 1px;
    border-bottom-color: gray;
	border-bottom-style: solid;
	margin-bottom: 20px;
}

#PageThumbnails img
{
	cursor: pointer !important;   
	cursor: hand;
}

.ThumbnailTitle
{
	color: #86251e;
	font-family: "Times New Roman", Times, Georgia, serif;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	padding-bottom: 5px;
}

#longflourish {
	width: 770px;
	margin-top: 30px;
	margin-bottom: 60px;
	background: transparent url("../images/flourish.gif") center top no-repeat;
	height: 21px;
	display: block;
	position: relative;
}

div#photoGallery {
	padding-left: 42px;
	width: 478px;
	height: 330px;
}

* html div#photoGallery {
	width: 520px;
	w\idth: 478px;
}

#bodyRight {
	width: 195px;
	margin-left: 538px;
	margin-top: 5px;
	position: absolute;
}



#enquire {
margin-top: 50px;
	width: 195px;
	height: 100px;
	position: relative;
	 }
	 
#logos {
	/*padding-left: 60px;*/
	margin-left:80px;
	width: 460px;
	height: 120px;
	margin-top: 40px;
	position: relative;
	 }
	
/* Navigation
------------------------------------------------------------------*/

.replace {
	position: relative;
	/* hide from IE5Mac \*/
	overflow: hidden;
	/* end hide */
}

.replace em {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
}

#navigation {
	width: 770px;
	height: 40px;
	position: relative;
	background: #fff url("../images/background_paper.jpg") repeat-y;
}

#navigation li {
	position: absolute;
	height: 40px;
	font-size: 10px;
}

#navigation li em {
	background-color: Transparent;
	background-repeat: no-repeat;
}

#navigation li.button a:hover em {
	background-position: 0px -40px;
}

#navigation li.button em, #navigation li.buttonon em {
	height: 40px;
}

#navigation li.button a, #navigation li.buttonon a {
	display: block;
	height: 40px;
}

#navigation li.buttonon em {
	background-position: 0px -80px;
}
/*
#nav-topL {
	width: 77px; 
	top: 0;
	left: 0;
}

#nav-topL em{
	background-image: url("../images/topMenu_left.jpg");
}
*/
.navhome {
	width: 69px;
	top: 0;
	left: 50px;
}

.navhome em {
	background-image: url("../images/menu_home.gif");
}

.navourhistory {
	width: 125px;
	top: 0;
	left: 139px;
}

.navourhistory em {
	background-image: url("../images/menu_ourhistory.gif");
}

.navthevineyard {
	width: 155px;
	top: 0;
	left: 289px;
}

.navthevineyard em {
	background-image: url("../images/menu_thevineyard.gif");
}

.navourwines {
	width: 110px;
	top: 0;
	left: 464px;
}

.navourwines em {
	background-image: url("../images/menu_ourwines.gif");
}

.navcontactus {
	width: 115px;
	top: 0px;
	left: 594px;
}

.navcontactus em {
	background-image: url("../images/menu_contactus.gif");
}

/*
#nav-topR {
	width: 59px; 
	top: 0;
	left: 711px;
}

#nav-topR em{
	background-image: url("../images/topMenu_right.jpg");
}

#nav-btmL {
	width: 93px; 
	top: 34px;
	left: 0;
}

#nav-btmL em{
	background-image: url("../images/btmMenu_left.jpg");
}

#nav-weddings {
	width: 128px;
	top: 34px;
	left: 217px;
}

#nav-weddings em {
	background-image: url("../images/menu_weddings.jpg");
}

#nav-vineyard {
	width: 123px;
	top: 34px;
	left: 345px;
}

#nav-vineyard em {
	background-image: url("../images/menu_vineyard.jpg");
}

#nav-location {
	width: 112px;
	top: 34px;
	left: 468px;
}

#nav-location em {
	background-image: url("../images/menu_location.jpg");
}

#nav-enquiries {
	width: 116px;
	top: 34px;
	left: 580px;
}

#nav-enquiries em {
	background-image: url("../images/menu_enquiries.jpg");
}

#nav-btmR {
	width: 74px;
	top: 34px;
	left: 696px;
}

#nav-btmR em {
	background-image: url("../images/btmMenu_right.jpg");
}
*/

/* Enquire Button - Main Site
------------------------------------------------------------------*/

.enquireWithin {
	float: left;
	width: 139px;
	height: 92px;
	margin-left: 25px;
	border: 0;
	background: transparent url("../images/enquireWithin.gif") no-repeat 0 0px;
	display: block;
}
a.enquireWithin:link, a.enquireWithin:visited, a.enquireWithin:active {
	text-decoration: none;
	background: transparent url("../images/enquireWithin.gif") no-repeat 0 0px;
}
a.enquireWithin:hover {
	background: transparent url("../images/enquireWithin.gif") no-repeat -139px 0px;
}

/* Tourism Button - Index Page
------------------------------------------------------------------*/

.tourism {
	position: absolute;
	width: 89px;
	height: 121px;
	top: 0;
	left: 60px;
	border: 0;
	background: transparent url("../images/tourism_logo.gif") no-repeat 0 0px;
	display: block;
}
a.tourism:link, a.tourism:visited, a.tourism:active {
	text-decoration: none;
	background: transparent url("../images/tourism_logo.gif") no-repeat 0 0px;
}
a.tourism:hover {
	background: transparent url("../images/tourism_logo.gif") no-repeat -89px 0px;
}

/* Qualmark Button - Index Page
------------------------------------------------------------------*/

.qualmark {
	position: absolute;
	width: 89px;
	height: 105px;
	top: 0;
	left: 230px;
	border: 0;
	background: transparent url("../images/qualmark_logo.gif") no-repeat 0 0px;
	display: block;
}
a.qualmark:link, a.qualmark:visited, a.qualmark:active {
	text-decoration: none;
	background: transparent url("../images/qualmark_logo.gif") no-repeat 0 0px;
}
a.qualmark:hover {
	background: transparent url("../images/qualmark_logo.gif") no-repeat -89px 0px;
}

/* NZTO Button - Index PAge
------------------------------------------------------------------*/

.nzto {
	position: absolute;
	width: 89px;
	height: 76px;
	top: 4px;
	left: 220px;
	border: 0;
	background: transparent url("../images/gold-membership.gif") no-repeat 0 0px;
	display: block;
}
a.nzto:link, a.nzto:visited, a.nzto:active {
	text-decoration: none;
	background: transparent url("../images/gold-membership.gif") no-repeat 0 0px;
}
a.nzto:hover {
	background: transparent url("../images/gold-membership.gif") no-repeat -89px 0px;
}

/* Page Smudges
------------------------------------------------------------------*/

#smudge1 {
	width: 29px;
	height: 29px;
	position: absolute;
	top: 750px;
	margin-left: 0px;
	background: url("../images/pageSmudge1.jpg") no-repeat;
}

#smudge2 {
	width: 40px;
	height: 138px;
	position: absolute;
	top: 400px;
	margin-left: 0px;
	background: url("../images/pageSmudge2.jpg") no-repeat;
}

#smudge3 {
	width: 29px;
	height: 29px;
	position: absolute;
	top: 280px;
	margin-left: 0px;
	background: url("../images/pageSmudge3.jpg") no-repeat;
}

/* Other Stay Types - Thumbs - Main Site
------------------------------------------------------------------*/


#boatShedThumb {

	border-right: 1px solid #C4C2C1;
	width: 100px;
	height: 90px;
	padding: 0px 25px 0px 25px;
	margin-left: 0px;
	/*position: absolute;*/
}

#loftThumb {
	
	width: 100px;
	height: 90px;
	position: absolute;
	padding: 0px 25px 0px 25px;
	margin-left: 150px;
}

/* Accommodation Divisions - Main Site
------------------------------------------------------------------*/
#accommodation {
	position: relative;
	width: 710px;
	margin-top: 10px;
	padding-left: 60px;
	/*min-height:400px;*/
	}

#boathouse {
	border-left: 1px solid #C4C2C1;
	width: 200px;
	height: 355px;
	padding: 20px 15px 0px 20px;
	
	position: relative;
	float: left;
}

* html div#boathouse {
	width: 230px;
	w\idth: 200px;
}

#loft {
	width: 200px;
	height: 355px;
	padding: 20px 20px 0px 15px;
	margin-left:90px;
	float:left;
	position: relative;
	/*left: 335px;*/
}

* html div#loft {
	width: 215px;
	w\idth: 200px;
}

#retreat {
	position: relative;
	width: 640px;
	margin-top: 10px;
	padding-left: 60px;
	}


/* Enquiries Page - Form - Main Site
------------------------------------------------------------------*/
#enquiries {
	position: relative;
	width: 421px;
	height: 569px;
	margin-top: 10px;
	margin-left: 150px;
	padding: 30px;
	background: transparent url("../images/enquiry_bg.gif") top left no-repeat;
	text-align: center;
	}
	
html>body #enquiries{
	height: 509px;
}

#enquiries fieldset {
	display: block;
	width: 405px;
	margin: 0 0 10px 0;
	border: 0px;
}

#enquiries label {
	display: block;
	margin-bottom: 1.5em;
	font-size: 90%;
}

#enquiries input.visible, #enquiries textarea, #enquiries select {
	display: block;
	width: 22em;
	margin: 0px auto;
	margin-top: 5px;
	border: 1px solid #A2B8BC;
	font-size: 90%;
}

#enquiries input.submit {
	display: block;
	width: 9em;
	margin: 0px auto;
	margin-top: 5px;
	border: 1px solid #A2B8BC;
	font-size: 85%;
	color: #4C6E74;
	background-color: #C8E1E6;
	cursor: pointer;
}

#enquire_flourish {
	margin: 0px auto;
	width: 405px;
	margin-top: 30px;
	margin-bottom: 10px;
	background: transparent url("../images/flourish.gif") center top no-repeat;
	height: 21px;
	position: relative;
}

#address {
	position: relative;
	width: 480px;
	margin-top: 10px;
	margin-left: 150px;
	height: 90px;
	overflow: hidden;
	}

#add_line1 {
	width: 120px;
	position: absolute;
}

#add_line2 {
	width: 120px;
	position: absolute;
	margin-left: 160px;
}

#add_line3 {
	width: 170px;
	position: absolute;
	margin-left: 300px;
}

/* Popup
------------------------------------------------------------------*/
#popup {
	background-image: url("../images/popup_paper.jpg");
	background-repeat: repeat-y;
	background-position: 0;
	margin: 0px auto;
	width: 500px; 
	text-align: left;
	}

#popup_header {
	background-image: url("../images/popup_hdr.jpg");
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 500px;
	height: 101px;
	}
	
#popup_content {
	width: 400px;
	padding: 0px 50px 0px 50px;
	 }
	 
#popup_footer {
	background-color: #4D382A;
	background-image: url("../images/popup_footer.jpg");
	background-repeat: no-repeat;
	margin-top: 35px;
	padding-top: 20px;
	padding-bottom: 5px;
	width: 500px;
	height: 55px;
	}
	
p.menu {
	font-size: 90%;
	}
	
p.heavy {
	font-weight:bold;
	}

	
p.pricing {
	font-size: 90%;
	text-align: right;
	}
	

	
/* Secure a Vine Promo
------------------------------------------------------------------*/
.secure {
	margin-top: 60px;
	}
	
.readmore {
	width: 195px;
	height: 45px;
	background: url("../images/readmore-on.jpg") top left no-repeat;
	display: block;
	float: right;
	margin: 15px 0px 15px 0px;
	}
	
.readmore a {
	width: 195px;
	height: 45px;
	display: block;
	background: url("../images/readmore.jpg") top left no-repeat;
	text-decoration: none;
	}
	
.readmore a:hover {
	background: none;
	text-dec