@charset "utf-8";
/* CSS Document */
/* Hinton's website designed and built by Nic Baddeley */
/* www.jayenne.co.nz */

/* Reset CSS */
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%;
	background:transparent
}
body {
	line-height:1
}
ol, ul {
	list-style:none
}
blockquote, q {
	quotes:none
}
blockquote:before, blockquote:after, q:before, q:after {
	content:'';
	content:none
}
:focus {
	outline:0
}
ins {
	text-decoration:none
}
del {
	text-decoration:line-through
}
table {
	border-collapse:collapse;
	border-spacing:0
}

/* Core Styles */
html {}
body {
	font-family:Arial;
	font-size:12px;
	background:url(/images/background_wide.jpg) top center no-repeat;
}
h1 {}
h2 {}
h3 {}
h4 {}
p {}
a {}
a:hover {}
.clearboth{
	clear:both;	
}

/* Container */
#container{
	clear:both;
	width:960px;
	display:block;
	margin:0 auto;
}

/* Masthead */
#masthead{
	clear:both;
	width:960px;
	height:135px;
	display:block;
}
#masthead #banner a{
	clear:both;
	width:525px;
	height:135px;
	display:block;
	background:url(/images/hintons_logo_525x135.gif) 0 0 no-repeat;
	float:left;
}
#banner-cta{
	width:400px;
	height:135px;
	display:block;
	float:right;
	text-align:right;
	color:#666;
}
#banner-address{
	font-size:11px;
	padding:10px 0;
}
#banner-phone{
	font-size:11px;
}
#banner-phone span{
	clear:both;
	display:block;
	font-size:25px;
	padding-top:5px;
}
#banner-cta ul{
	clear:both;
	display:block;
	padding-top:10px;
}
#banner-cta li.banner-book-table a{
	width:137px;
	height:27px;
	display:block;
	float:right;
	background:url(/images/btn_reserve_table.gif) 0 0 no-repeat;
}
#banner-cta li.banner-make-enquiry a{
	width:137px;
	height:27px;
	display:block;
	float:right;
	background:url(/images/btn_make_enquiry.gif) 0 0 no-repeat;
}
#banner-cta li.banner-book-table a:hover, #banner-cta li.banner-make-enquiry a:hover{
	background-position:0 -27px;
}
#banner-cta li.banner-book-table span, #banner-cta li.banner-make-enquiry span{
	display:none;
	visibility:hidden;
}

/* Navigation */
#navigation{
	clear:both;
	width:960px;
	height:27px;
	display:block;
	padding-top:18px;
	background:url(/images/gradient_top.jpg) 0 0 no-repeat;
}
#navigation ul{
	clear:both;
	width:960px;
	height:27px;
	display:block;
	text-align:center;
}
#navigation li{
	display:inline;
}
#navigation li.nav-home a{
	width:72px;
	height:27px;
	display:inline-block;
	background:url(/images/main_home.gif) 0 0 no-repeat;
}
#navigation li.nav-home-on a{
	width:72px;
	height:27px;
	display:inline-block;
	background:url(/images/main_home.gif) 0 0 no-repeat;
	background-position:0 -27px;
}
#navigation li.nav-about a{
	width:102px;
	height:27px;
	display:inline-block;
	background:url(/images/main_about.gif) 0 0 no-repeat;
}
#navigation li.nav-about-on a{
	width:102px;
	height:27px;
	display:inline-block;
	background:url(/images/main_about.gif) 0 0 no-repeat;
	background-position:0 -27px;
}
#navigation li.nav-wine a{
	width:69px;
	height:27px;
	display:inline-block;
	background:url(/images/main_wine.gif) 0 0 no-repeat;
}
#navigation li.nav-wine-on a{
	width:69px;
	height:27px;
	display:inline-block;
	background:url(/images/main_wine.gif) 0 0 no-repeat;
	background-position:0 -27px;
}
#navigation li.nav-food a{
	width:72px;
	height:27px;
	display:inline-block;
	background:url(/images/main_food.gif) 0 0 no-repeat;
}
#navigation li.nav-food-on a{
	width:72px;
	height:27px;
	display:inline-block;
	background:url(/images/main_food.gif) 0 0 no-repeat;
	background-position:0 -27px;
}
#navigation li.nav-meetings a{
	width:98px;
	height:27px;
	display:inline-block;
	background:url(/images/main_meetings.gif) 0 0 no-repeat;
}
#navigation li.nav-meetings-on a{
	width:98px;
	height:27px;
	display:inline-block;
	background:url(/images/main_meetings.gif) 0 0 no-repeat;
	background-position:0 -27px;
}
#navigation li.nav-weddings a{
	width:109px;
	height:27px;
	display:inline-block;
	background:url(/images/main_weddings.gif) 0 0 no-repeat;
}
#navigation li.nav-weddings-on a{
	width:109px;
	height:27px;
	display:inline-block;
	background:url(/images/main_weddings.gif) 0 0 no-repeat;
	background-position:0 -27px;
}
#navigation li.nav-functions a{
	width:113px;
	height:27px;
	display:inline-block;
	background:url(/images/main_functions.gif) 0 0 no-repeat;
}
#navigation li.nav-functions-on a{
	width:113px;
	height:27px;
	display:inline-block;
	background:url(/images/main_functions.gif) 0 0 no-repeat;
	background-position:0 -27px;
}
#navigation li.nav-events a{
	width:81px;
	height:27px;
	display:inline-block;
	background:url(/images/main_events.gif) 0 0 no-repeat;
}
#navigation li.nav-events-on a{
	width:81px;
	height:27px;
	display:inline-block;
	background:url(/images/main_events.gif) 0 0 no-repeat;
	background-position:0 -27px;
}
#navigation li.nav-location a{
	width:106px;
	height:27px;
	display:inline-block;
	background:url(/images/main_location.gif) 0 0 no-repeat;
}
#navigation li.nav-location-on a{
	width:106px;
	height:27px;
	display:inline-block;
	background:url(/images/main_location.gif) 0 0 no-repeat;
	background-position:0 -27px;
}
#navigation li.nav-contact a{
	width:125px;
	height:27px;
	display:inline-block;
	background:url(/images/main_contact.gif) 0 0 no-repeat;
}
#navigation li.nav-contact-on a{
	width:125px;
	height:27px;
	display:inline-block;
	background:url(/images/main_contact.gif) 0 0 no-repeat;
	background-position:0 -27px;
}
#navigation li.nav-home a:hover, #navigation li.nav-about a:hover, #navigation li.nav-wine a:hover, #navigation li.nav-food a:hover, #navigation li.nav-meetings a:hover, #navigation li.nav-weddings a:hover, #navigation li.nav-functions a:hover, #navigation li.nav-events a:hover, #navigation li.nav-location a:hover, #navigation li.nav-contact a:hover{
	background-position:0 -27px;
}
#navigation li span{
	display:none;
	visibility:hidden;
}

/* Links */
.text-area a, #feature .promo .link a, #home .promo .link a, #footer a, #banner-address a{
	color:#444;
}
.text-area a:hover, #feature .promo .link a:hover, #home .promo .link a:hover, #footer a:hover, #banner-address a:hover{
	color:#111;
}

/* Slideshow & Splash Imagery */
#slideshow-container{
	clear:both;
	width:950px;
	height:340px;
	display:block;
	border:solid #e5e5e5 1px;
	padding:4px;				 
}
#splash-container{
	clear:both;
	width:950px;
	height:240px;
	display:block;
	border:solid #e5e5e5 1px;
	padding:4px;				 
}
.slideshow{
	clear:both;
	width:950px;
	height:340px;
	display:block;
	overflow:hidden;
}
/*
.slideshow img {
	display: none;
}
*/
#slider {
    position:relative;
    background:url(../js/themes/default/loading.gif) no-repeat 50% 50%;
	width:950px;
	height:340px;
}
#slider img {
    position:absolute;
    top:0px;
    left:0px;
    display:none;
}
.nivoSlider a {
    border:0;
    display:block;
}
.splash{
	clear:both;
	width:950px;
	height:240px;
	display:block;
	overflow:hidden;
}
#slideshow-base, #splash-base{
	clear:both;
	width:960px;
	height:32px;
	display:block;
	background:url(/images/slideshow_base.jpg) 0 0 no-repeat;
}

/* Feature Layout */
#feature .column-left{
	clear:both;
	width:280px;
	display:block;
	float:left;
	padding-right:20px;
}
#feature .column-right{
	width:660px;
	display:block;
	float:left;
}

/* text area Styling */
.text-area{
	color:#444;
	font-size:14px;
	line-height:21px;
}
.text-area h1{
	clear:both;
	display:block;
	font-size:18px;
	padding-bottom:15px;
	font-weight:bold;
}
.text-area h2{
	clear:both;
	display:block;
	font-size:16px;
	padding-bottom:15px;
	font-weight:bold;
}
.text-area h3{
	clear:both;
	display:block;
	font-size:14px;
	padding-bottom:15px;
	font-weight:bold;
}
.text-area h4{
	clear:both;
	display:block;
	font-size:12px;
	padding-bottom:15px;
	font-weight:bold;
}
.text-area ul{
	list-style:square;
	padding-left:25px;
}
.text-area em{
	font-size:12px;
	color:#900;
}
.text-area table{}
.text-area tr{
	border-bottom:solid #e5e5e5 1px;
}
.text-area td{
	padding:8px 0;	
}
/* Sitewide Buttons */
#cta-weddings{
	clear:both;
	display:block;
	padding-top:30px;
}
#cta-weddings li{
	display:inline;	
}
#cta-weddings li.weddings-download-pack a{
	width:235px;
	height:52px;
	display:inline-block;
	background:url(/images/btn_wedding_pack.gif) 0 0 no-repeat;
	float:left;
	margin-left:50px;
}
#cta-weddings li.weddings-make-enquiry a{
	width:235px;
	height:52px;
	display:inline-block;
	background:url(/images/btn_booking_enquiry.gif) 0 0 no-repeat;
	float:right;
	margin-right:50px;
}
#cta-weddings li.weddings-download-pack span, #cta-weddings li.weddings-make-enquiry span{
	display:none;
	visibility:hidden;
}
  
/* Subnav */
#subnav ul{
	clear:both;
	width:280px;
	display:block;
	border-top:solid #f0f0f0 1px;
	font-size:12px;
}
#subnav li a{
	clear:both;
	height:35px;
	width:265px;
	display:block;
	border-bottom:solid #f0f0f0 1px;
	line-height:35px;
	padding-left:15px;
}
#subnav li.highlighted a, #subnav li a:hover{
	font-weight:bold;
}
#subnav ul a{
	text-decoration:none;
	color:#666;
}

/* Promos */
#home-promos{
	clear:both;
	width:950px;
	display:block;
	margin:10px 0 10px 10px;
}
#sitewide-promos{
	clear:both;
	width:950px;
	display:block;
	margin:50px 0 10px 10px;
}
#home-promos .spacer, #sitewide-promos .spacer{
	width:20px;
	height:20px;
	display:block;
	float:left;
}
#home .promo, #feature .promo{
	width:300px;
	height:220px;
	display:block;
	float:left;
	margin-top:10px;
	text-align:center;
}
#home .promo .content, #feature .promo .content{
	width:290px;
	height:200px;
	display:block;
	padding:4px;
	border:solid #e5e5e5 1px;
}
#home .promo h2.hintons-wine, #feature .promo h2.hintons-wine{
	clear:both;
	width:290px;
	height:35px;
	display:block;
	background:url(/images/wines_promo_header.gif) 0 0 no-repeat;
}
#home .promo h2.hintons-food, #feature .promo h2.hintons-food{
	clear:both;
	width:290px;
	height:35px;
	display:block;
	background:url(/images/food_promo_header.gif) 0 0 no-repeat;
}
#home .promo h2.hintons-events, #feature .promo h2.hintons-events{
	clear:both;
	width:290px;
	height:35px;
	display:block;
	background:url(/images/events_promo_header.gif) 0 0 no-repeat;
}
#home .promo h2.hintons-weddings, #feature .promo h2.hintons-weddings{
	clear:both;
	width:290px;
	height:35px;
	display:block;
	background:url(/images/weddings_promo_header.gif) 0 0 no-repeat;
}
#home .promo h2.hintons-functions, #feature .promo h2.hintons-functions{
	clear:both;
	width:290px;
	height:35px;
	display:block;
	background:url(/images/functions_promo_header.gif) 0 0 no-repeat;
}
#home .promo h2.hintons-meetings, #feature .promo h2.hintons-meetings{
	clear:both;
	width:290px;
	height:35px;
	display:block;
	background:url(/images/meetings_promo_header.gif) 0 0 no-repeat;
}
#feature .promo h2.weddings-feedback{
	clear:both;
	width:290px;
	height:35px;
	display:block;
	background:url(/images/feedback_promo_header.gif) 0 0 no-repeat;
}
#feature .promo h2.weddings-gardens{
	clear:both;
	width:290px;
	height:35px;
	display:block;
	background:url(/images/gardens_promo_header.gif) 0 0 no-repeat;
}
#feature .promo h2.weddings-venue{
	clear:both;
	width:290px;
	height:35px;
	display:block;
	background:url(/images/venues_promo_header.gif) 0 0 no-repeat;
}
#home .promo span, #feature .promo span{
	display:none;
	visibility:hidden;
}

#home .promo .link, #feature .promo .link{
	font-size:11px;	
}
#home .promo .promo-base, #feature .promo .promo-base{
	clear:both;
	width:300px;
	height:20px;
	display:block;
	background:url(/images/promo_base.jpg) 0 0 no-repeat;
}

/* Homepage */
#home .header-text h1{
	display:block;
	color:#444;
	text-align:center;
	font-size:21px;
	padding-bottom:10px;
}
#home .text-area{
	display:block;
	color:#444;
	text-align:center;
	font-size:12px;
	line-height:18px;
	padding:0 80px 10px 80px;
}
#home-facebook{
	clear:both;
	height:20px;
	width:100%;
	display:block;
	line-height:20px;
	text-align:center;
}
#home-facebook span{
	padding:0 25px;	
}
#sitewide-facebook{
	clear:both;
	height:20px;
	width:265px;
	display:block;
	line-height:20px;
	text-align:left;
	padding-left:15px;
}
#home-facebook a, #sitewide-facebook a{
	color:#666;	
}
#home-facebook img, #sitewide-facebook img{
	vertical-align:middle;
	padding-right:10px;
}
#home-buttons ul{
	display:block;
	text-align:center;
	padding:15px 0;
}
#home-buttons li{
	display:inline;
	padding:0 15px;
}
#home-buttons li.home-book-table a{
	width:137px;
	height:27px;
	display:inline-block;
	background:url(/images/btn_reserve_table.gif) 0 0 no-repeat;
}
#home-buttons li.home-online-menu a{
	width:137px;
	height:27px;
	display:inline-block;
	background:url(/images/btn_online_menu.gif) 0 0 no-repeat;
}
#home-buttons li.home-christmas-menu a{
	width:137px;
	height:27px;
	display:inline-block;
	background:url(/images/btn_christmas_menu.gif) 0 0 no-repeat;
}
#home-buttons li.home-christmas-dinner-menu a{
	width:137px;
	height:27px;
	display:inline-block;
	background:url(/images/btn_christmas_dinner_menu.gif) 0 0 no-repeat;
}
#home-buttons li.home-special-events a{
	width:137px;
	height:27px;
	display:inline-block;
	background:url(/images/btn_special_events.gif) 0 0 no-repeat;
}
#home-buttons li.home-book-table a:hover, #home-buttons li.home-online-menu a:hover, #home-buttons li.home-special-events a:hover, #home-buttons li.home-christmas-menu a:hover, #home-buttons li.home-christmas-dinner-menu a:hover{
	background-position:0 -27px;
}
#home-buttons li span{
	display:none;
	visibility:hidden;
}

/* Lightbox */
#lightbox-gallery{
	clear:both;
	display:block;
	padding: 50px 0;
	text-align:center;
}
#lightbox-gallery a{
	width:150px;
	height:150px;
	display:inline-block;
	zoom:1;
	*display:inline;
	border:solid #e5e5e5 3px;
	margin:2px;
}
#lightbox-gallery a:hover{
	border:solid #f30 3px;	
}

/* Google Map */
#google-map{
	clear:both;
	width:652px;
	height:500px;
	disaplay:block;
	border:solid #e5e5e5 4px;
}

/* Footer */
#footer{
	clear:both;
	width:960px;
	height:100px;
	display:block;
	color:#666;
}
#footer-base{
	clear:both;
	width:960px;
	height:18px;
	display:block;
	background:url(/images/gradient_bottom.jpg) 0 0 no-repeat;
}
#footer-contact{
	clear:both;
	display:block;
	text-align:center;
	padding:10px 0 20px 0;
}
#site-links{
	clear:both;
	width:500px;
	display:block;
	float:left;
	font-size:11px;
	padding-left:120px;
}
#site-designer{
	width:160px;
	display:block;
	float:right;
	text-align:right;
	font-size:11px;
	padding-right:120px;
}

/* Disclaimer */
#disclaimer, #masthead #banner h1{
	display:none;
	visibility:hidden;
}