/* @override http://www.millthorpevillage.com.au/css/default.css */

/* Title:	Millthorpe Business Committee - master style */
/* Author:	Kalon Edser, http://www.kalonedser.com */
/* Updated:	7 Nov 2011 */

/* @group Reset */

/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

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;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to 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;
}


/* @end */

/* @group Core */

body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, Geneva, sans-serif;
	line-height: 1.125em; /* 16x1.125=18 */
	text-align: center;
	color: #615760;
	background: #717171 url(../img/bg-sml.jpg) 50% 0 repeat;
	}

p, ul, ol, th, td {
	margin: .5em 0 1.125em 0;
	font-size: 0.75em /*12*/;
	}
	
ul ul, ol ol, ul ol, ol ul {
	font-size: 100%;
	}

h1, h2, h3, h4, h5, h6 {
	margin: 1.125em 0 .25em 0;
	font-weight: normal;
	color: #660460;
	}
	
h1 { font-size: 1.125em /*18*/; }
h2 { font-size: 0.875em /*14*/; }
h3 { font-size: 0.75em /*12*/; font-weight: bold; }
h4 { font-size: 0.75em /*12*/; }

ins { text-decoration: underline; }
sup { vertical-align: super; }
sub { vertical-align: sub; }

#content ul, .event ul {
	margin-left: 1.75em;
	list-style: disc;
	}
#content ol, .event ol {
	margin-left: 1.75em;
	list-style: decimal;
	}
	
table { width: 100%; margin-bottom: 1em; }
table th { color: #660460; text-align: left; }
table th, table td { padding: .5em 0; }

a:link, a:visited {
	color: #832b7d;
	text-decoration: none;
	}
a:hover, a:active {
	color: #832b7d;
	text-decoration: underline;
	}


/* @end */
/* @group Master Layout */

#wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	min-width: 900px;
	overflow: hidden;
	}
	
.vines {
	position: absolute;
	left: 0;
	width: 100%;
	background-color: transparent;
	background-repeat: no-repeat;
	overflow: hidden;
	z-index: 0;
	}

#vine-top {
	top: 60px;
	height: 278px;
	background-position: 50% 0;
	}
	
.load-vine-top { background-image: url(../img/bg-vine-top-p_new.png); }
	
#vine-btm {
	bottom: 0;
	height: 451px;
	background-position: 50% 50px;
	}
	
.load-vine-btm { background-image: url(../img/bg-vine-btm-p_new.png); }

.wrapper {
	margin: 0 auto;
	padding: 0 25px;
	text-align: left;
	width: 850px;
	min-width: 850px;
	overflow: hidden;
	}
	
#top {
	margin-top: -26px; /* 31 (previously no margin = 60px) */
	height: 30px;
	background: transparent url(../img/bg-shadow-top.png) 0 0 no-repeat;
	}

#content-wrapper {
	margin: 0 auto;
	width: 900px;
	position: relative;
	}

#middle { background: transparent url(../img/bg-shadow-mid.png) 0 0 repeat-y; }
	
#btm {
	height: 123px /*165px*/ /*140px*/;
	background: transparent url(../img/bg-shadow-btm-sml.png) 0 0 no-repeat;
	}

#footer {
	position: relative;
	height: 80px;
	background: transparent url(../img/bg-footer-sml.png) 0 0 no-repeat;
	}
	
	
#middle .inner {
	padding: 20px 20px 0 20px;
	width: 810px;
	min-height: 760px;
	background: #FFF url(../img/bg-mid-inner.jpg) 0 0 repeat-x;
	overflow: hidden;
	}
	
#home #middle .inner { min-height: 1275px; }
	
#main-images {
	margin: 0 0 20px 0;
	width: 100%;
	height: 510px;
	overflow: hidden;
	}

#three-images, #slideshow {
	margin: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	}
	
#three-images li {
	float: left;
	margin-right: 9px;
	width: 264px;
	height: 510px;
	background: #FFF;
	overflow: hidden;
	}
	
#three-images li img {
	display: block;
	margin: 0 auto;
	width: 262px;
	height: 508px;
	padding: 1px;
	overflow: hidden;
	}
	
#three-images li.image-3 {
	margin: 0;
	}
	
#slideshow li {
	width: 810px;
	height: 510px;
	background: #FFF url(../img/loader.gif) 50% 50% no-repeat;
	overflow: hidden;
	}
	
#main-content {
	float: right;
	width: 525px;
	}
	
#home #main-content  {
	min-height: 525px;
	}
	
#events-news #main-content {
	margin-bottom: 20px;
	}
	
#extended-content {
	clear: both;
	width: 100%;
	}
	
.main-extra-image {
	float: left;
	width: 262px;
	border: 1px solid #FFF;
	overflow: hidden;
	}
	
#btm .inner {
	margin: 0 130px 0 20px;
	width: 720px;
	height: 100%;
	background: #FFF;
	overflow: hidden;
	}
#home #btm .inner {
	margin: 0 130px 0 0;
	padding-left: 305px;
	width: 440px;
	}

/* @end */
/* @group Logo/Header */
	
#logo {
	float: left;
	width: 210px;
	height: 180px;
	margin: 0 0 30px 18px;
	text-indent: -9000px;
	background: transparent url(../img/logo.png) 0 0 no-repeat;
	overflow: hidden;
	}
	
#logo strong {
	background: transparent url(../img/logo_lo.png) 0 0 no-repeat;
	}

/* @end */

/* @group Navigation */

#nav {
	width: 100%;
	height: 71px;
	padding-top: 20px;
	background: transparent url(../img/bg-nav.png) 0 0 repeat-x;
	overflow: hidden;
	}
	
#nav ul.section_list {
	margin: 0 auto;
	width: 960px;
	height: 71px;
	font-size: 0.6875em;
	text-transform: uppercase;
	list-style: none;
	background: transparent url(../img/bg-nav-ul.png) 0 0 repeat-x;
	overflow: hidden;
	}

#nav li {
	float: left;
	position: relative;
	margin: 0;
	padding: 0 0 0 1px;
	height: 40px;
	/*overflow: hidden;*/
	}
	
#nav a {
	display: block;
	height: 100%;
	color: #4c4c57;
	line-height: 32px;
	background: transparent url(../img/bg-nav-a.png) 50% 0 repeat-x;
	}
	
#nav a:hover,
#nav .active a,
#village-walks .n-heritage a {
	color: #832b7d;
	background-position: 50% -40px;
	text-decoration: none;
	}
	
/*#nav .n-default a { width: 90px; }
#nav .n-accommodation a { width: 160px; }
#nav .n-food-wine a { width: 130px; }
#nav .n-boutique-shops-art-antiques a { height: 37px; padding: 3px 25px 0 25px; line-height: 12px; width: 105px; }
#nav .n-heritage a, #nav .n-heritage { width: 115px; }
#nav .n-services a { width: 115px; }
#nav .n-community a { width: 129px; }*/

#nav .n-default a { width: 80px; }
#nav .n-accommodation a { width: 145px; }
#nav .n-food-wine a { width: 120px; }
#nav .n-boutique-shops-art-antiques a { height: 37px; padding: 3px 20px 0 20px; line-height: 12px; width: 105px; }
#nav .n-heritage a, #nav .n-heritage { width: 105px; }
#nav .n-services a { width: 105px; }
#nav .n-community a { width: 111px; }
#nav .n-events-news a { height: 37px; padding: 3px 20px 0 20px; line-height: 12px; width: 100px; }

/* @group Dropdown */

#nav ul ul {
	padding: 0;
	margin: 0;
	list-style: none;
	}
	
#nav li li {
	width: 100%;
	overflow: hidden;
	}
	
#nav li ul {
	display: none;
	position: absolute; 
	top: 31px;
	left: 0;
	}

#nav li li a {
	padding-top: 10px;
	line-height: 30px;
	background: #FFFFFF url(../img/bg-nav-ul-a.png) 50% 0 repeat-x;
	}
	
#nav li li a:hover,
#nav li li.active a,
#village-walks .n-heritage li a {
	color: #FFF;
	background-color: #66c010;
	background-position: 50% -80px;
	}
	
	
#nav li:hover ul,
#nav li.over ul { display: block; }

/* @end */

/* @end */

/* @group Content */

.article-title { 
	margin: 1em 0;
	padding-bottom: .5em;
	border-bottom: 1px solid #ceafcc;	
	}

/* @group Events - What's On */

#home .linklist {
	position: absolute;
	top: 750px;
	left: 83px /*45px*/;
	width: 169px;
	text-align: center;
	}
	
.subscribe {
	position: absolute;
	top: 800px;
	left: 53px;
	width: 229px;
	text-align: center;
	}
	
.subscribe h3 { margin-bottom: 1.125em; }
	
.subscribe .text input {
	width: 120px;
	}
	
#events {
	position: absolute;
	bottom: 0;
	/*top: 750px;*/
	/*top: 950px;*/
	left: 25px;
	width: 245px;
	height: 425px;
	padding: 20px;
	background: transparent url(../img/bg-secondary-content.png) 0 0 no-repeat;
	z-index: 10;
	}
	
#events h2 {
	padding-top: 20px;
	margin: 0 0 10px 0;
	font-size: 0.75em /*12*/;
	font-weight: bold;
	line-height: 15px;
	height: 15px;
	text-transform: uppercase;
	text-align: center;
	overflow: hidden;
	}
	
#events .content-inner {
	position: relative;
	width: 205px;
	height: 370px;
	padding: 0 10px 0 0;
	margin: 10px 10px 10px 20px;
	background: #FFF;
	/*border: 1px solid #cdafca;*/
	overflow: auto;
	z-index: 100;
	}
	
#events .event-title {
	margin-top: 30px;
	font-weight: bold;
	color: #660460;
	/*padding-bottom: .5em;*/
	border-bottom: 1px solid #ceafcc;
	}
	
#events img {
	display: block;
	margin: 0;
	width: 185px;
	border: 1px solid #50b948;
	}
	
#events .first,
#events .date { margin-top: 0; }

/* @end */

/* @group Businesses */

.businesses {
	clear: both;
	padding: 20px 20px 0 20px;
	margin: 30px 0 10px 0;
	width: 768px;
	background: #FFF;
	border: 1px solid #c9aac7;
	overflow: hidden;
	-moz-box-shadow: 1px 1px 10px #bfbfae;
	-webkit-box-shadow: 1px 1px 10px #bfbfae;
	}
	
.businesses .cat-title {
	margin: 1.5em 0 1em 0;
	font-size: 1.125em;
	padding-bottom: .5em;
	border-bottom: 1px solid #ceafcc;	
	}
	
#cat-events { margin-top: 0; }
	
#events-news .businesses { padding-bottom: 20px; }
	
.business {
	width: 766px;
	margin-bottom: 20px;
	background: #f7f5f7;
	border: 1px solid #c9aac7;
	overflow: hidden;
	}
	
.business-image {
	float: left;
	width: 243px;
	height: 243px;
	overflow: hidden;
	}
	
.business-info {
	float: right;
	width: 483px;
	padding: 20px 20px 0 0;
	height: 223px;
	overflow-x: hidden;
	overflow-y: auto;
	}
	
.business-title {
	margin: 0;
	font-size: 1em;
	font-weight: bold;
	}
	
.business-contact {
	margin-top: 0;
	margin-left: 0!important;
	list-style: none!important;
	width: 100%;
	overflow: hidden;
	}

.business-tel, .business-fax, .businesss-mob {
	padding-right: 1em;
	float: left;
	}
.business-url, .business-email {
	clear: both;
	}
	
.business-body p {
	margin: .5em 0 .75em 0;
	}
	
.business-hours {
	margin: 0;
	width: 100%;
	overflow: hidden;
	}
	
.business-hours strong { 
	display: block;
	float: left;
	margin-right: 1em;
	text-transform: uppercase;
	}
	
.business-hours span {
	display: block;
	float: left;
	width: 90%;
	}
	
.cat-news {
	background: none;
	border: none;
	}
	
.cat-news .article-image {
	float: right;
	margin: 0 0 20px 20px;
	}
	
.cat-news .article-image img { border: 1px solid #50b948; }
	
.cat-news .business-info {
	float: none;
	width: 100%;
	padding:0;
	height: auto;
	overflow: hidden;
	}
	
.cat-news .business-title {
	margin-bottom: 1.285em;
	font-size: 0.875em;
	font-weight: normal;
	}
	
.posted {
	margin-top: -1.285em;
	color: #6c6c6c;
	}
	
.downloads-list, .links-list {
	margin-left: 0!important;
	list-style: none!important;
	}
	
.file-size { text-transform: uppercase; }

/* @end */

/* @group Village Walks */

#village-walks #middle .inner { background-position: 0 -550px; }

#village-walks #main-images {
	float: right;
	width: 525px;
	margin: 0;
	height: 235px;
	}
	
#village-walks #three-images li,
#village-walks #three-images li img {
	margin: 0 auto;
	width: 100%;
	height: 100%;
	}
	
#village-walks #logo {
	height: 180px;
	margin: 25px 0 30px 18px;
	}

#village-walks .article {
	clear: both;
	width: 100%;
	overflow: hidden;
	}

#village-walks #extended-content {
	float: left;
	margin: 1em 28px 0 38px;
	width: 180px;
	clear: none;
	}
	
#village-walks .legend {
	margin: 0;
	list-style: none;
	}
	
#village-walks .legend li {
	margin: 2px 0 2px 22px;
	line-height: 18px;
	}
	
#village-walks .legend li span {
	float: left;
	margin-left: -22px;
	height: 18px;
	width: 18px;
	line-height: 18px;
	text-align: center;
	color: #FFFFFF;
	font-size: 0.833em /*10*/;
	background: transparent url(../img/spot-red.gif) 0 0 no-repeat;
	}

#village-walks .railway-walk li span { background-image: url(../img/spot-orange.gif) ;}

#village-walks .legend a,
#village-walks .map-points a {
	cursor: help;
	}

.js .map-item { display: none; }

#village-walks-map {
	position: relative;
	margin: .5em 0 0 0;
	width: 808px;
	height: 800px;
	border: 1px solid #e7e7e7;
	overflow: hidden;
	/*background: #FFF url(../images/100.png) 0 0 no-repeat;*/
	z-index: 0;
	}
	
#village-walks-map img {
	z-index: 0;
	}
	
#village-walks-map .map-points {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	list-style: none;
	z-index: 1000;
	}
	
#village-walks-map .map-points li {
	position: absolute;
	margin: 0;
	width: 18px;
	height: 18px;
	text-indent: -9000px;
	}
	
#village-walks-map .map-points li a {
	display: block;
	width: 100%;
	height: 100%;
	background: transparent url(../img/pixel.gif) 0 0 repeat;
	}
	
/*#village-walks-map .village-walk li a  { background-image: url(../img/spot-red.png); }
#village-walks-map .railway-walk li a  { background-image: url(../img/spot-orange.png); }*/
	
#village-walks-map .map-points span { display: none!important; }
	
.point0 { top: 378px; left: 476px; }
.point1 { top: 331px; left: 421px; }
.point2 { top: 229px; left: 484px; }
.point3 { top: 167px; left: 453px; }
.point4 { top: 85px; left: 458px; }
.point5 { top: 46px; left: 458px; }
.point6 { top: 350px; left: 185px; }
.point7 { top: 262px; left: 340px; }
.point8 { top: 359px; left: 275px; }

.point9 { top: 417px; left: 506px; }
.point10 { top: 421px; left: 486px; }
.point11 { top: 439px; left: 441px; }
.point12 { top: 603px; left: 322px; }
.point13 { top: 475px; left: 216px; }
.point14 { top: 431px; left: 369px; }
.point15 { top: 474px; left: 386px; }
	
#easyTooltip {
	margin: 0 10px 1em 0;
	width: 304px;
	padding:15px 20px 5px 20px;
	background:#ffffff;
	border: 1px solid #ceafcc;
	text-align: left;
	-webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, .5);	
	-moz-box-shadow: 0 1px 10px rgba(0, 0, 0, .5);	
	}
	
#easyTooltip h2 {
	margin: 0 0 1em 0;
	padding-bottom: .5em;
	border-bottom: 1px solid #ceafcc;	
	}
		
#easyTooltip img{
	background:#fff;
	padding:1px;
	border:1px solid #e7e7e7;
	}

/* @end */

/* @group Btm */

#btm #slogan {
	margin-top: .75em;
	}
	
#links {
	margin: 20px 0;
	width: 100%;
	height: 83px;
	font-size: 0.5625em /*9*/;
	color: #660460;
	overflow: hidden;
	}
	
#links li {
	position: relative;
	float: left;
	margin: 0 20px 0 0;
	line-height: 1em;
	width: 140px;
	height: 100%;
	overflow: hidden;
	}
	
#links li span {
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	}

#links li img {
	display: block;
	margin-top: 8px;
	}
	
#links li#map {
	margin-right: 0;
	width: 120px;
	}

/* @end */

/* @group Footer */

#footer p {
	margin-top: .65em;
	color: #FFF;
	font-size: 0.6875em;
	}
	
#footer p#copyright { float: left; }
	
#footer p#emd {
	float: right;
	margin-left: 1em;
	padding-left: 25px;
	margin-right: 120px /*115px*/;
	background: transparent url(../img/emd.png) 0 50% no-repeat;
	}
	
#footer a:link, #footer a:visited { color: #FFF; }
#footer a:hover, #footer a:active { color: #b8b8b8; }

/* @end */

/* @end */
/* @group Misc. */

.hide { display: none; }
	
a.img,
a.img:hover { border-bottom: none !important; }

a img { border: none; }

/* @end */
