@charset "utf-8";
/* CSS Document */
/*----------- R E S E T ----------*/

	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,
	dd, dl, dt, li, ol, ul,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 0;
		padding: 0;
		border: 0;
		font-weight: inherit;
		font-style: inherit;
		font-size: 100.01%;
		font-family: inherit;
		text-align: left}

	body 							{ font-family:Arial, Helvetica, sans-serif; font-size:74%; line-height:1.6em; color:#353535}
	img 							{ margin: 0px; padding: 0px; border: none}
	a img, :link img, :visited img	{ border: none}
	ol, ul 							{ list-style: none}
	table							{ border-collapse: collapse; border-spacing: 0}
	caption, th, td 				{ text-align: left}
	a, :active, :visited, :link		{ text-decoration:none}
	a:focus							{ outline: none}
	/* custom selection colors */

	::-moz-selection {
		color: #fff;
		background: #d53b9a;
		}
	::selection {
		color: #fff;
		background: #d53b9a;
		}
	
/*	I E  F I X E S
	-------------------------------------------------------------- */

	body			{ text-align: center}
	div#container		{ text-align: left}	
	* html textarea	{ overflow:scroll; display:inline}
	* html input	{ overflow: hidden; display:inline}
	ol 				{ margin-left:2em}
	legend			{ margin-bottom:1.4em}
	a img, img 			{ padding:0; margin:0; }
	
	
/* G L O B A L
	-------------------------------------------------------------- */
	body { background:url(../images/display-images/bg.gif) repeat-x; color:#515151; }
	
/* T Y P O G R A P H Y
	-------------------------------------------------------------- */

	h1, h2, h3, h4, h5 { font-family:'Helvetica Neue LT', Helvetica, Arial, sans-serif; line-height:1.6em}
	h1 { font-size:1.6em; font-weight:bold; letter-spacing:-0.5px}
	h2 { font-size:1.6em; font-weight:bold; color:#ca2188; text-shadow:2px 2px 2px #fff; letter-spacing:-0.5px }
	h3 { font-size:0.8em; text-transform:uppercase; color:#808080; }
	h4 { font-size:1.3em;  color:#808080; }
	strong { font-weight:bold}
	em { font-style:italic}
	ul { padding:0px 0px 0px 25px; list-style:circle; margin:0px 0px 15px 0px}
	li { margin:6px 0}
	a { text-decoration:none; color:#787a7b; }
	a:hover { color:#fff; background: #d53b9a;}
	
	p { padding:0 0 1em 0;}
	table { margin:0px 0 10px 0}
	table td { padding:5px; background:#f4f4f4; border:1px solid #bbb}


/* P O S I T I O N I N G 
	-------------------------------------------------------------- */
	#header,
	ul#nav,
	#content,
	#footer 	{ position:relative; width:960px; margin:0px auto }
	.content-holder { float:left; width:100%; }
	
/* H E A D E R 
	-------------------------------------------------------------- */
	#header { background:url(../images/display-images/header-bg.png) no-repeat; padding:10px 0 0 0;}
	.header-left { float:left; width:400px; }
	.header-right { float:right; width:500px; }
	a.logo  { float:left; width:217px; overflow:hidden; opacity:1; -webkit-transition:opacity 0.4s ease; -o-transition:opacity 0.4s ease; transition:opacity 0.4s ease; }
	a.logo:hover { opacity:0.6; background:none; }
	.date-range { float:left; width:400px; font-size:1.4em; margin:5px 0 0 0; line-height:1em; color:#777777; text-shadow:1px 1px 1px #fff;  }
	.adverts {background:url(../images/display-images/ad-bg.png) 0 20px no-repeat; width:465px; height:78px;padding:5px; overflow:hidden; }
	.advert { float:right; font-size:10px; text-align:right; color:#999; width:465px; height:78px; margin:7px 5px 5px 6px;  }
	.advert a img {display: block;}
	h1.strapline { float:right; width:465px; text-align:right; color:#329e0c; text-shadow:1px 1px 1px #fff; margin:36px 0 0 0; }
	h1.content-title { font-size:2.8em;  color:#329e0c; text-shadow:1px 1px 1px #fff; }
	
/* N A V I G A T I O N
	-------------------------------------------------------------- */
	#nav-hold { float:left; display:inline; overflow:hidden; width:100%; margin:0px 0px 10px 0; height:53px; background:url(../images/display-images/nav-bg.gif) repeat-x }
	ul#nav { list-style:none; padding:0;  width:970px; margin-top:-5px;   }
	ul#nav li { float:left; margin:0; padding:0;  }
	ul#nav li a { float:left; background-image:url(../images/display-images/nav-sprite.png); height:63px; text-indent:-9999em; overflow:hidden; -webkit-transition:all 0.4s ease; -o-transition:all  0.4s ease; transition:all  0.4s ease; }
	ul#nav li a:hover { background-color:transparent;  }
	
	.nav-home a { width:102px; background-position:0 0; }
	.nav-home a:hover { background-position:0 -63px; }
	
	.nav-events a { width:100px; background-position:-102px 0; }
	.nav-events a:hover { background-position:-102px -63px; }
	
	.nav-restaurants a { width:141px; background-position:-202px 0; }
	.nav-restaurants a:hover { background-position:-202px -63px; }
	
	.nav-cafes a { width:94px; background-position:-343px 0; }
	.nav-cafes a:hover { background-position:-343px -63px; }
	
	.nav-offers a { width:119px; background-position:-437px 0; }
	.nav-offers a:hover { background-position:-437px -63px; }
	
	.nav-producers a { width:128px; background-position:-556px 0; }
	.nav-producers a:hover { background-position:-556px -63px; }
	
	.nav-getinvolved a { width:140px; background-position:-684px 0; }
	.nav-getinvolved a:hover { background-position:-684px -63px; }
	
	.nav-sponsors a { width:144px; background-position:-824px 0; }
	.nav-sponsors a:hover { background-position:-824px -63px; }


/* H O M E   I N T R O D U C T I O N
	-------------------------------------------------------------- */
	.home-intro { position:relative; float:left; width:960px;   padding:15px 0 0 0; }
	.home-text { float:left; font-family:'Helvetica Neue LT', Helvetica, Arial, sans-serif; color:#646464; line-height:1.4em; font-size:1.6em;  width:600px; }
	.home-sml-text { float:left; font-family:'Helvetica Neue LT', Helvetica, Arial, sans-serif; color:#646464; font-size:1em;  width:600px; }
	.slideshow { float:right; width:330px; height:311px; overflow:hidden; }
	.home-slide {  position:relative;  z-index:99; background:#fff;  }
	.home-slide img { float:left; }
	 
/* F E A T U R E S
	-------------------------------------------------------------- */
	.features { float:left; width:960px; background:url(../images/display-images/features-bg.png) no-repeat; height:230px; padding:40px 0; }
	.col4 { float:left; width:220px; margin:10px; overflow:hidden; }
	.feature { background:url(../images/display-images/feature-bg.png); width:198px; padding:15px; height:159px; margin:-4px -4px -4px 10px; }

	
/* F O O T E R
	-------------------------------------------------------------- */
	#footer-hold { float:left; width:100%; background:url(../images/display-images/footer-bg.gif) repeat-x;  margin:-270px 0 0 0 ; }
	
	#footer { margin-top:200px; color:#fff; }
	#footer a { color:#fff;  }
	#footer a:hover { background:#59d447; }
	#footer-top { float:left; width:960px; border-bottom:1px dotted #b9d8b6; padding:0 0 10px 0; margin:0 0 10px 0; }
	#footer-end { font-size:11px; color:#aff2a4; }
	#footer-end a { color:#aff2a4; }
	.left { float:left; }
	.right { float:right; }
/* C A L E N D A R
	-------------------------------------------------------------- */
.small-calendar { float:left; width:180px; background:#fff;  }
.large-calendar { float:left; width:460px; }
#home-calendar { float:left; width:200px;    }
.calendar-months { float:left; width:100%; }
.calendar-header { float:left; width:100%; }
.calendar-title { float:left; font-size:1.2em; font-family:Calibri, Arial, sans-serif; text-transform:uppercase; color:#ba1f7e; }
a.calendar-back { float:right; font-size:9px; color:#ba1f7e; }
a.calendar-forward { float:right; margin:0px 5px 0px 25px; font-size:9px;  color:#ba1f7e; }



.calendar-row { float:left; width:100%; text-align:center;  }

.small-day { float:left; padding:2px 0; border:solid 1px #fff; margin:0px 0px 2px 2px;  width:21px;  text-align:center; }
.large-day { float:left; padding:10px 0; border:solid 1px #fff; margin:0px 0px 2px 5px;  width:55px;  text-align:center; }
.home-day { float:left; padding:3px 0; border:solid 1px #052852; color:#fff; margin:0px 0px 2px 2px;  width:24px;  text-align:center; }

/*month headers background and font colour*/
.header { background:#ba1f7e; color:#fff;  }

/*todays date highlight */
.current { border:solid 1px #ba1f7e;  }

/*day which has an event on it */
a.active { background:#ffd8f0;  border:solid 1px #ffd8f0;   color:#133a68;  }
a.active:hover { background:#ba1f7e;  border:solid 1px #ffd8f0; color:#fff; }

/*day which has an event on it and is todays date */
a.current-active { background:#ffd8f0;  border:solid 1px #ba1f7e;   color:#133a68;  }
a.current-active:hover { background:#ba1f7e;  border:solid 1px #ba1f7e; color:#fff; }

.home-calendar-right { float:right; }
iframe { background:none; }

.day-name { float:left; }
.large-day-white { float:left; }

.events-calendar { float:left; background:url(../images/display-images/calendar-bg.gif); width:681px; padding:20px; height:289px; margin:0 0 0 -10px; }
.events-calendar-left { float:left;  width:143px; }
.events-calendar-right { float:right; }

.month-badge { float:left; width:47px; padding:0px 0px 0px 25px; font-size:1.2em; text-align:left; color:#ba1f7e; }
.year-badge { float:left; width:65px; padding:0px 5px 0px 0px; text-align:right; font-size:1.2em; color:#ba1f7e; }

.clear { clear:both; }

a.browseevents { float:left; background:url(../images/display-images/browse-events-btn.gif); width:126px; height:31px; text-indent:-9999em; margin:15px 0 0 0 ; }
a.browseevents:hover { background-position:bottom; }

a.green { color:#2e920b;  }
a.green:hover { color:#fff; background-color:#2e920b; }
a.pink { color:#ca2188; }
a.pink:hover { color:#fff; background-color:#ca2188; }

.recipe-image { float:left; background:#dedede; padding:2px; -moz-border-radius:2px;  -webkit-border-radius:2px; border-radius:2px;  }
.recipe-text { float:left; width:220px; font-size:0.9em; }

.offer-text { font-size:1.4em; line-height:1.4em; }

.intro { font-size:1.4em; border-bottom:1px dotted #dedede; padding:0 0 10px 0; line-height:1.4em; margin:0 0 10px 0;  }
.content-left { float:left; width:700px; margin:0 10px; }
.content-right { float:left; width:220px; margin:0 10px; }

.images { float:left; width:220px; background:url(../images/display-images/images-bg.jpg) no-repeat; width:268px; height:257px; margin:-10px 0 20px -30px;  }
.content-image  { float:left; width:220px; margin:15px 0px 0px 20px;  }
.content-image img { float:left; width:220px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; }
.alt { float:left; width:220px; text-align:center; font-style:italic; }

.doc { float:left; width:150px; line-height: 1.3em; } 
.doc-title { font-size:1.1em; }
.doc-desc { font-size:0.9em; color:#999; }
div.documents {margin-top: -40px; float:right; border: 1px solid #DFDFDF; padding: 7px; background: #EFEFEF;-moz-border-radius: 5px;
-webkit-border-radius: 5px;}
div.documents h2 {font-size: 1.3em;}

.newsletter { float:left; width:200px; }
.newsletter label { float:left; width:200px; font-size:0.8em; text-transform:uppercase; }
.newsletter input { float:left; width:190px; padding:4px; margin:3px 0; color:#999; border:1px solid #dedede; -moz-border-radius:4px;   -webkit-border-radius:4px; border-radius:4px; }
.newsletter input:focus { border:1px solid #d53b9a; background:#ffebf7; color:#d53b9a; }
.newsletter input.submit { float:right; width:85px; height:18px; padding:0; margin:3px 0 0 0 ; }


:focus { outline:none; }

.business { float:left; background:url(../images/display-images/business-bg.gif); width:210px; height:180px; margin:5px; padding:5px; opacity:0.6; }
.business:hover { opacity:1; }
a.business-title { float:left; font-size:1.4em; color:#ba1f7e; padding:10px 10px 0px 10px; width:190px;  }
a.business-title:hover { color:#17c12f; background:none; }
.business-type { float:left; width:190px; padding:0px 10px 10px 10px; height:19px; color:#969696; font-size:1.2em;  } 
.business-logo { float:left; width:210px; height:120px; text-align:center; overflow:hidden; }

.divide { float:left; width:100%;  margin:10px 0; height:1px; }

.right-teasers { float:left; margin:0 0 0 -27px; }

.space { float:left; width:100%; height:200px; }

.event { float:left; background:url(../images/display-images/event-bg.png); overflow:hidden; margin:5px; padding:10px; width:316px; height:99px; }
.event-image { float:left; width:100px; height:75px; overflow:hidden; }
.event-text { float:right; width:210px;  }

a.event-title { float:left; width:100%; font-size:1.4em; color:#2eab1c; }
a.event-title:hover { color:#fff; }

.sponsor { float:left; margin:0px 10px 10px 0; background:url(../images/display-images/sponsor-bg.gif); padding:10px; width:193px; height:192px;  }

.business-detail { float:left; width:440px; margin:10px; }
.business-info { float:right; width:220px; margin:10px; }

#sponsors { float:left; width:960px; margin:20px 0; padding:30px 0 0 0; text-align:center; height:70px; background:url(../images/display-images/sponsor-shadow.png) top no-repeat;   }
#sponsors img { margin:0px 13px; }
#sponsors a { border:none; opacity:0.6; transition:opacity 0.4s ease-in-out;  -moz-transition:opacity 0.4s ease-in-out; -o-transition:opacity 0.4s ease-in-out; -webkit-transition:opacity 0.4s ease-in-out; }
#sponsors a:hover { opacity:1; background:none; background:none; }

.date-links { float:left; width:100%; margin:0 0 10px 0; }
a.day-link { float:left; background:#f4f4f4; margin:0 5px 0 0; padding:3px 3px; background:url(../images/display-images/day-link-bf.gif) repeat-x; border:1px solid #dedede; }
a.day-link:hover { color:#329E0C; }

#ie { position:relative; width:940px; margin:0 auto; background:#fff; padding:10px; }
.error { color:#ca2188; }

.offers-list { float:left; width:217px; margin:0px 5px; border-bottom:1px solid #dedede; padding:5px 3px; }
.offers-list:hover { background:#f4f4f4; }
.offer-date { color:#999; }