@import "nuggets.css";

html, body {
 margin:0;
 padding:0;
 width:100%;
 height:100%;
 min-width: 960px;
 min-height: 620px;
 font-family:Arial;
}

html body {
	background-position: no-repeat;
	background-color:#549D92;
}


html.js body {
	background-image:none;	
}

html body {
	background-image : url( ../gfx/backgrounds/bg_01.jpg );
}



a:hover {
	text-decoration:underline;	
}

#videoWrapper {
	width:100%px;
	/*background-color:#bfbda7;*/
	position:relative;
}

#videoContainer {
	/*
	top:50%;	
	left:50%;
	position:absolute;
	margin-top:-120px;
	margin-left:-166px;
	*/
}

#content {
	width:990px;
	height:300px;
	position:absolute;
	z-index:3000;
	top:0;
	left:50%;
	margin-left:-495px;
}

#navigationBar {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:68px;
}
	#navigationBar.home {
		background:#549D92;
	}

#main {
	float:left;	
	margin-left:46px;
	overflow:hidden;
}


#navigationMain {
	width:100%;
	height:38px;
	display:block;
	margin:0;
	margin-top:30px;
	margin-left:24px;
	overflow:hidden;
}
	#navigationMain li {
		float:left;
		margin-left:0;
		margin-right:30px;
		position:relative;
		overflow:hidden;
	}
	#navigationMain li  {
		color:#ffffff;
		text-transform:uppercase;
		font-size:12px;
	}
	#navigationMain li a b {
		position:absolute;
		left:-400px;
	}
	#navigationMain li.l a img {
		width:75px;
		height:20px;
	}
	#navigationMain li.l.active img, #navigationMain li.l a:hover img {
		background-position:0 -1px;
	}
		
		#navigationMain li.about a img {
			background:url(../gfx/navigation/menuTop/about.png) no-repeat;
			background-position:0 -50px;
			width:65px;
			height:34px;
		}
			#navigationMain li.about a:hover img, #navigationMain li.about.active img {
				background-position:0 -15px;
			}
			
		#navigationMain li.about {
			margin-right:35px;
		}
		
		/*  pancras  */
		#navigationMain li.pancras a img {
			background:url(../gfx/navigation/menuTop/stpancras.png) no-repeat;
			background-position:0 -36px;
			width:110px;
			height:34px;
		}
			
		#navigationMain li.pancras {
			margin-right:21px;
			margin-left:15px;
		}
		#navigationMain li.markets a img {
			background:url(../gfx/navigation/menuTop/street-markets.png) no-repeat;
			background-position:0 -36px;
			height:34px;
			width:56px;
		}
		#navigationMain li.markets {
			margin-right:23px;
		}
		#navigationMain li.events a img {
			background:url(../gfx/navigation/menuTop/festivals-events.png) no-repeat;
			width:62px;
			height:34px;
			margin-left:0px;
			background-position:0 -36px;
		}
		#navigationMain li.events {
			margin-right:19px;
		}
		#navigationMain li.news a img {
			background:url(../gfx/navigation/menuTop/news.png) no-repeat;
			background-position:0 -36px;
			width:54px;
			height:34px;
			margin-right:2px;
		}
		#navigationMain li.news {
			margin-right:4px;
		}
		#navigationMain li.contact a img {
			background:url(../gfx/navigation/menuTop/contact.png) no-repeat;
			background-position:0 -36px;
			width:62px;
		}
		#navigationMain li.contact {
			
		}
		
		
#contentRel {
	position:relative;
	width:100%;
	height:100%;
}
	#contentRel a {
		color:#797979;
		text-decoration:none;
	}
	#contentRel a:hover {
		text-decoration:underline;
	}
#logo {
	background:url(../gfx/logo.png)  no-repeat;
	width:203px;
	height:210px;
	float:left;
	cursor: pointer;
	
}
#logo:hover {
	background-position:0 -226px;
}
.contentCol {
	background-color:#f7f7ec;
	padding-top:62px;
	padding-bottom:42px;
}
	.contentCol p, .contentCol div.p {
		margin-bottom:15px;
		margin-top:0;
		color:#333333;
		font-size:11px;
		line-height:14px;
	}
	.contentCol p h2, .contentCol h2,
	.contentCol p h3, .contentCol h3 {
		margin:0;
		margin-top:0;
		padding:0;
		color:#132646;
		font-size:15px;
		line-height:19px;
		font-weight:normal;
	}
	
#col1 {
	width:552px;
	float:left;
}
#col1.home {
	width:524px;
	padding-top:38px;
	padding-left:28px;
	padding-bottom:44px;
	background:#f4f3e1;
	/*min-height:555px;*/
}
#col1.admin {
	width:602px;	
}
	#col1.home .logo {
		width:295px;
		height:186px;
		background:url(../gfx/logo.home.png);
	}
	#col1.home .t {
		color:#666666;
		font-size:14px;
		margin-top:22px;
		width:438px;
	}
	#col1.home .t {
		font-size:15px;
		line-height:19px;
	}
	#col1.home .t p {
		margin-top:18px;
		font-size:15px;
		line-height:19px;
	}
	#col1.home .t p.blue {
		color:#001f42;
	}
	#col1.home a {
		color:#001f42;
	}

	#col1.about p.a {
		padding-top:10px;
	}
	#col1 .colL {
		float:left;
		padding-left:24px;
		width:116px;
	}
	
		#col1 .colL .top {
			height:81px;
			width:100%;
		}
		#col1 .colL .top h1 {
			text-indent:-500px;
			width:40px;
			overflow:hidden;
			margin:0;
		}
		#col1 .colL .top.markets {
			background:url(../gfx/col1.top.markets.png) no-repeat;
		}
		#col1 .colL .top.about {
			background:url(../gfx/col1.pancras.top.png) no-repeat;
		}
		#col1 .colL .top.news {
			background:url(../gfx/col1.top.news.png) no-repeat;
		}
		#col1 .colL .top.festivals {
			background:url(../gfx/col1.top.festivals.png) no-repeat;
		}
		#col1 .colL .top.contact {
			background:url(../gfx/col1.top.contact.png) no-repeat;
			height:36px;
		}
		#col1 .colL .top.sourcedat {
			background:url(../gfx/col1.sourced-at.png) no-repeat;
			height:56px;
		}
		
	#col1 .colR {
		float:left;
		width:380px;
		padding:0;
	}
	
	
	#col1 ul {
		margin:0;
		margin-bottom:15px;
	}
	div.p.ulic ul li {
		background:url(../gfx/ul-icon.png) 0 1px no-repeat;
		padding-left:7px;
	}
	#col1 li {
		margin:0;
		position:relative;
		margin-bottom:3px;
	}	
	#col1 li a img {
		background:url(../gfx/col1.navlabels.png) no-repeat;
		height:13px;
	}
	#col1 li a:hover img, #col1 li.active a img {
		border-bottom:1px solid #00042c;
		height:12px;
	}
	#col1 li strong {
		display:none;
	}
	
	#col1 .colL li.sub {
		padding-left:10px;
	}
	#col1 li.about a img {
		width:43px;
	}
	#col1 li.prod a img {
		width:69px;
		background-position:0px -16px;
	}
	#col1 li.n a img {
		width:38px;
		background-position:0px -92px;
	}
	#col1 li.news a img {
		width:32px;
		background-position:0px -32px;
	}
	#col1 li.standards a img {
		width:69px;
		height:24px;
		background-position:0px -48px;
	}
	#col1 li.standards a:hover img, #col1 li.standards.active a img {
		height:23px;
	}
	#col1 li.history a img {
		width:49px;
		background-position:0px -75px;
	}
	
	
	
	
	
	#col1 li.intro a img {
		width:94px;
		background-position:0px -16px;
		background:url(../gfx/navigation/menuLeft/introduction.png) no-repeat;
	}
	#col1 li.gallery a img {
		width:51px;
		background-position:0px -16px;
		background:url(../gfx/navigation/menuLeft/gallery.png) no-repeat;
	}
	
	/*******************************************
	* NEWS 
	********************************************/
	
	#col1 .colR.newsitems {
		position:relative;
	}

	#col1 .colR.newsitems .newsItem {
		border-bottom:2px solid #c6ccca;
		margin-bottom:12px;
		width:380px;
	}
	#col1 .colR.newsitems .newsItem .log {
		margin-bottom:10px;
	}
	
	#col1 .colR.newsitems .newsItem.last {
		border-bottom:none;
	}
	
	
	#col1 .colR.newsitems .newsItem div.hid {
		display:none;
	}
	#col1 .colR.newsitems .newsItem div.trig {
		cursor:pointer;
		color:#797979;
	}
	
	
	/*
	#col1 .colR.newsitems .newsItem h2 {
		color:#001f42;
		font-weight:bold;
		margin:0;
		font-size:16px;
	}
	*/
	#col1 .colR.newsitems .newsItem h3 {
		margin:0;
		margin-top:2px;
		font-size:11px;
		color:#636363;
		
	}
	#col1 .colR.newsitems .newsItem h3.narr {
		margin:0;
		padding:0;
		line-height:10px;
	}
	
	#col1 .colR.newsitems .newsItem .content {
		color:#333333;
		font-size:11px;
		line-height:14px;
		padding-top:15px;
		padding-bottom:24px;
	}
	#pageControllerWrapper {
		position:relative;
		border-top:1px solid #c6ccca;
		margin-left:24px;
		padding-top:8px;
		width:495px;
	}
	#pageController {
		margin-top:30px;
		height:20px;
		position:absolute;
		right:6px;
		bottom:-20px;
	}
	#pageController ul.pagenavi {
		margin:0;
		padding:0;
	}
	#pageController ul.pagenavi li {
		float:left;
		color:#878787;
		font-size:12px;
		margin-left:10px;
	}
	#pageController ul.pagenavi li strong {
		display:block;
	}
	#pageController ul.pagenavi li a {
		color:#132646;
		text-decoration:none;
		font-size:12px;
	}
	#pageController ul.pagenavi li.disabled {
		color:#878787;
		
	}
	#pageController ul.pagenavi li.previous {
		padding-left:0;
		margin-left:0;
	}
	#pageController ul.pagenavi li.next {
		
	}
	#pageController ul.pagenavi li.selected {
	
	}
	
	#col2 .newsitems {
		padding-top:4px;
	}
	#col2 .newsitems .newsItem {
		margin-bottom:16px;
	}
	#col2 .newsitems .newsItem h2 {
		color:#001f42;
		font-weight:normal;
		margin:0;
		font-size:12px;
		margin-bottom:1px;
	}
	#col2 .newsitems .newsItem h4.date {
		margin:0;
		margin-top:3px;
		color:#999999;
		font-size:10px;
		font-weight:normal;
	}
	
	#col2 .newsitems .newsItem .content {
		color:#666666;
		font-size:11px;
	}
	
	
/* ******************************************
	ABOUT
*********************************************/
#standardPoints {
	position:relative;	
	margin-top:38px;
}
#st-honest {
	background:url(../gfx/about-st-bottom.png) left bottom no-repeat;	
	width:220px;
	height:42px;
	overflow:hidden;
	text-indent:-400px;
}
#standardPoints .col1 {
	width:170px;
	padding-right:33px;
}	
#standardPoints .col2 {
	position:absolute;
	top:0;
	left:203px;
}
#standardPoints .item h3 {
	height:16px;
	overflow:hidden;
	text-indent: -700px;
}
#standardPoints .item p {
	margin-top:	6px;
	line-height:17px;
	font-size:11px;
}
#standardPoints .item.local h3 {
	background: url(../gfx/a-st-local.png) no-repeat;
}
#standardPoints .item.season h3 {
	background: url(../gfx/a-st-seasonal.png) no-repeat;
}
#standardPoints .item.convenient h3 {
	background: url(../gfx/a-st-convenient.png) no-repeat;
}
#standardPoints .item.resp h3 {
	background: url(../gfx/a-st-resp.png) no-repeat;
	height:36px;
}
#standardPoints .item.indep h3 {
	background: url(../gfx/a-st-independent.png) no-repeat;
}
#standardPoints .item.ethical h3 {
	background: url(../gfx/a-st-ethical.png) no-repeat;
}
#standardPoints .item.knowledge h3 {
	background: url(../gfx/a-st-knowledge.png) no-repeat;
}
#standardPoints .item.aff h3 {
	background: url(../gfx/a-st-affordable.png) no-repeat;
}
#standardPoints .item.passionate h3 {
	background: url(../gfx/a-st-passionate.png) no-repeat;
}

	
#col2 {
	width:183px;
	float:left;
	margin-left:5px;
}
#col2.home {
	background:#f4f3e1;
	padding-top:48px;
	/*min-height:547px;*/
}

	#col2.home .top {
		background:url(../gfx/col2.home.top.png) no-repeat;
	}
	#col2.about .top {
		background:url(../gfx/col2.pancras.top.png) no-repeat;
	}
	#col2 .top {
		background:url(../gfx/col2.markets.top.png) no-repeat;
		height:56px;
	}
	#col2 .top.home {
		height:36px;
	}
	#col2 .top.location {
		height:41px;
		background:url(../gfx/col2.location.top.png) no-repeat;
	}
	#col2 .top.press {
		height:41px;
		background:url(../gfx/col2.press.top.png) no-repeat;
	}
	#col2 .top.trader {
		height:57px;
		background:url(../gfx/col2.market-trader.top.png) no-repeat;
	}
	#col2 .top.organizer {
		height:41px;
		background:url(../gfx/col2.event-organizer.top.png) no-repeat;
	}


	#col2.festivals p a {
		display:block;
		line-height:16px;
	}
	#col2 .inner {
		margin-left:18px;
		width:148px;
	}
	#col2 h2 {
		color:white;
		font-weight:normal;
		margin:0;
		font-size:16px;
	}
	#col2 h2.h-1 {
		background: url( ../gfx/col2.h1.png ) no-repeat;
		width:155px;
		height:16px;
		overflow:hidden;
		text-indent:-1000px;
	}
	#col2 h2.h-2 {
		width:117px;
		height:39px;
		overflow:hidden;
		background: url( ../gfx/col2.h2.png ) left bottom no-repeat;
		text-indent:-1000px;
	}
	
	#col2 p {
		font-size:11px;
		color:#0e1d38;
	}
	
	#col2.about p, #col2.about p a {
		color:#666666
	}

	#col2 h3 {
		color:#0e1d38;
		font-size:12px;
		margin:0;
		padding:0;
		margin-bottom:0;
		margin-top:15px;
	}
	#col2 h3.h1 {
		background: url( ../gfx/col2.h2.h1.gif ) no-repeat;
		text-indent:-1000px;
		height:17px;
		overflow:hidden;
	}
	#col2 h3.h2 {
		background: url( ../gfx/col2.h2.h2.gif ) no-repeat;
		text-indent:-1000px;
		height:17px;
		overflow:hidden;
	}
	#col2 .divider {
		height:10px;
		width:198px;
		border-bottom:1px solid #7ab0c0;
	}
	#col2 p.noMarg {
		margin-top:0;
	}
#footer {
	padding-top:60px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:40px;
	width:530px;
}
	#footer .inner {
		color:#F4F3E1;
		text-transform:none;
		font-size:10px;
		width:100%;
		padding-top:5px;
	}
	
	/* TODO: remove */
	#footer .inner.test {
		letter-spacing:0px;
	}
	
	
	#footer .inner a {
		text-decoration:none;
		color:#F4F3E1;
	}
	#footer .inner a:hover {
		text-decoration:underline;
	}
	#footer .inner .gfx {
		background:url(../gfx/footer.png) no-repeat;
		width:310px;
		height:31px;
	}
	#footer .inner .divider {
		font-size:1px;
		background:transparent url(../gfx/footerborder.png) no-repeat;
		width:513px;
		height:1px;
		margin-bottom:6px;
	}
	#footer .inner span {
		padding-left:5px;
	}
}


/*************** CONTACT ******************/

#cContact {
	margin-top:26px;
	background:black;
}
	#cContact .h1 {
		background: url(../gfx/c-1.png) no-repeat;	
		width:250px;
		height:36px;
	}
	#cContact .h2 {
		background: url(../gfx/contact-venn.png) no-repeat;	
		width:190px;
		height:37px;
	}
	#cContact .h3 {
		background: url(../gfx/contact-hildreth.png) no-repeat;	
		width:190px;
		height:37px;
	}
        #cContact .h4 {
		background: url(../gfx/c-3.png) no-repeat;	
		width:250px;
		height:36px;
	}
	
	#cContact .item {
		width:500px;
		position:relative;
		margin-bottom:16px;
		margin-top:20px;
	}
        
        #cContact .linebreak {
          height: 2px;
          border-bottom:2px solid #c7cece;
          margin-bottom: 20px;
        }
        
	#cContact .item.i2 {
		height:146px;
	}
	#cContact .item .cL, #cContact .item .cM, #cContact .item .cR {
		float:left;
		font-size:11px;
		color:#333333;
		margin-bottom:10px;
		line-height:14px;
	}
        #cContact .item .cL {
		width:155px;
	}
        #cContact .item .cM {
		width:185px;
	}
        #cContact .item .cR {
		width:160px;
	}
	#cContact .h {
		
		margin-bottom:10px;
	}
	#cContact .b {
		background:url(../gfx/btn-arrow.png) no-repeat;
		padding-left:10px;
		margin-top:10px;
		font-weight:normal;
	}
	#cContact .b.b2 {
		margin-top:3px;
		margin-bottom:10px;
	}
	
	#cContact small {
		color:#797979;
	}
	
/***************** ABOUT PRODUCERS ******************************/
#col1.contentCol.producers .h {
	text-indent:-500px;
	overflow:hidden;
	margin-bottom:0;
	background-position:left bottom;
	background-repeat:no-repeat;
	padding-top:6px;
}
#col1.contentCol.producers .h-1 {
	background-image:url(../gfx/prod-1.png);
}
#col1.contentCol.producers .h-2 {
	background-image:url(../gfx/prod-2.png);
}
#col1.contentCol.producers .h-3 {
	background-image:url(../gfx/prod-3.png);
}
#col1.contentCol.producers .h-4 {
	background-image:url(../gfx/prod-4.png);
}
#col1.contentCol.producers .h-5 {
	background-image:url(../gfx/prod-5.png);
}
#col1.contentCol.producers .h-6 {
	background-image:url(../gfx/prod-6.png);
}
#col1.contentCol.producers .h-7 {
	background-image:url(../gfx/prod-7.png);
}
#col1.contentCol.producers .h-8 {
	background-image:url(../gfx/prod-8.png);
}

/*************** MARKET PAGE ******************/

.marketPageColL, .marketPageColR {
    float:left;
    width: 50%;
}

.marketPageBlock {
    width:170px;
    border-top: 2px solid #c7cece;
    padding-top: 35px;
}

.marketPageColL .title {
    background:url(../gfx/title-venn.png) no-repeat;
    height:50px;
    margin-top: 15px;
}

.marketPageColR .title {
    background:url(../gfx/title-hildreth.png) no-repeat;
    height:50px;
    margin-top: 15px;
}

.marketPageColL .l1, .marketPageColR .l1 {
    background:url(../gfx/our-location.png) 0px 10px no-repeat;
}

.marketPageColL .o1, .marketPageColR .o1 {
    background:url(../gfx/opening-times.png) 0px 10px no-repeat;
}

.marketPageColL .m1, .marketPageColR .m1 {
    background:url(../gfx/maps.png) 0px 10px no-repeat;
}

.marketPageColL .m-arrow, .marketPageColR .m-arrow {
    background:url(../gfx/btn-arrow.png) no-repeat;
    padding-left:10px;
    font-weight:normal;
    height:20px;
}