/*//////////////////////////////////////////////////////////
	Global Stuff
//////////////////////////////////////////////////////////*/

	.clearfix:after {
	   content:".";
	   display:block;
	   height:0;
	   clear:both;
	   visibility:hidden;
	}
	.clearfix {display:inline-block;}
	/* Hide from IE Mac \*/
	.clearfix {display:block;}
	/* End hide from IE Mac */
	
	.hC {
		text-indent: -5999em;
		font: 1px/1px sans-serif;
		background-repeat: no-repeat;
		text-decoration: none;
		color :#fff;
	}
	
	* {
		padding: 0;
		margin: 0;
	}	
		
	br.clear {
		height: 0em;
		font: 1px/1px sans-serif; /* stop IE from revealing unnecessary bg */
		text-decoration: none;
		margin: 0;
		padding: 0;
		clear: both;
	}
	
	button {
		background-color: transparent;
		cursor:pointer;
		border:0; 
	}
	
	#mapFrame, #sideNav a
	{
		text-indent:-9999px; line-height: 0.001em; font-size: 0.001em;	
	}
		
	
/*/////////////////////////////////////////////////////////////////////
	Fontage
/////////////////////////////////////////////////////////////////////*/

	body, a, ul, li, p, h1, h2, h3, h4, input, select, textarea {
		font-family: "Tahoma", Arial, Helvetica, sans-serif;
		text-decoration: none;
	}
	p {
		font-size: 1.1em;
		line-height: 1.4em;
	}

/*/////////////////////////////////////////////////////////////////////
	Shell
/////////////////////////////////////////////////////////////////////*/

	body {
		font-size: 62.5%;
		text-align: center;
		background: #ebebeb url(../../images/layout/shared/grow-body.jpg) left top repeat-x;
		margin: 0; padding: 0;
	}
	
	body.dark{
		background-color:#464646;
	}
	
	body.terms{
		background-color:#464646;
	}
	
	body.terms h1{
		padding-top: 15px;
		color:#FFFFFF;
	}
	
	body.terms p{
		padding: 10px 20px 0 20px;
		color:#FFFFFF;
	}		
	
	#container {
		width: 960px;
		text-align: left;
		margin: 0 auto 0 auto; padding: 6px 0 0 0;
	}
	
	/* head details */
	
	#head {
		background: #fff url(../../images/layout/shared/head-curve-white.gif) left top no-repeat;
		padding: 12px 0 0 0;
	}
	
	
	
	#logo {
		width: 468px;
		float: left;
	}
	#advert {
		width: 471px; height: 63px;
		background:url(../../images/layout/shared/head-banner-bg.gif) no-repeat;
		margin: 1px 0 0 0;
		padding: 3px 0 0 3px;
		float: left;
	}
	#headInfo {
		padding: 8px 24px 0 24px;
	}	
	#headInfo address {
		color: #474747;
		font-size: 1.1em;
		line-height: 1.4em;
		font-style: normal;
	}
	#headInfo address,
	#headInfo p
	{
		float: left; 
		margin: 0 18px 0 0;
	}
	#headInfo p {
		font-size: 1.2em;
	}
	#headInfo p,
	#headInfo p a 
	{
		color: #474747;
	}
	#headInfo p a:hover {
		text-decoration: underline;
	}
	#headInfo p span {
		color: #acacac;
		font-size: 91.6%;
	}
	#headFoot {
		background: #fff url(../../images/layout/shared/head-foot-white.gif) left bottom no-repeat;
		padding: 10px 24px 10px 24px;
	}
	#headFoot p {
		color: #474747;	
		margin: 0 0 5px 0;
		font-weight:bold;
	}
	
	p.std{
		color: #474747;		
	}
	
	a.stdLink{
		color:#7DA612;
	}
	
	a:hover{
		text-decoration:underline;
	}
	
	/* map setup and frame */
	
	#mapCon {
		width: 960px; height: 451px;
		position: relative;
		z-index: 1;
		overflow: hidden;
	}
	
	#mapFrame div {
		background-image: url(../../images/layout/shared/mapframe.gif);
		background-repeapt: no-repeat;
		position: absolute;
		z-index: 3;
	}	
	#frameT {
		width: 960px; height: 8px;
		background-position: 0 0;
		top: 0;
		left: 0;
	}
	#frameR {
		width: 4px; height: 435px;
		background-position: -956px -8px;
		top: 8px;
		right: 0;
	}
	#frameB {
		width: 960px; height: 8px;
		background-position: 0 -443px;
		top: 443px;
		left: 0;
	}
	#frameL {
		width: 6px; height: 435px;
		background-position: 0 -8px;
		top: 8px;
		left: 0;
	}
	#gmap {
		width: 960px; height: 451px;
		background: #fff;
		z-index: 1;
	}
	
	/* tabs and tab content */

	#tabs {
		width: 476px; height: 441px;
		position: absolute;
		top: 6px;
		right: 0;
		z-index: 4;
		overflow: hidden;
	}
	
	#sideNav {
		margin-top:110px;
		width: 26px; height: 441px;
		background: url(../../images/nav/livemap-nav.png) right top no-repeat;
		float: left;
	}
	ul.left {
		background-position: left top !Important;
	}
	ul.right {
		background-position: right top !important;
	}
	#sideNav  li {
		list-style: none;
	}
	#sideNav a {
		display: block;
		outline: 0;
	}
	#tb1 a {
		height: 195px;
	}
	ul.left #tb1 a {
		background-position: 20px 101px;
	}
	#tb2 a {
		height: 180px;
	}
	#tb3 a {
		height: 180px;
	}
	ul.right #tb2 a
	{
		background-position: 20px 81px;
	}
	
	div.overlayBox {
		width: 450px; height: 441px;
		background: #777 url(../../images/layout/shared/about-bg.gif) right top no-repeat;
		float: left;
	}
	
	/* about live uk */
	
	#aboutHolder {
		padding: 0px 30px 0 20px;
		margin-top:30px;
		height:420px;
		overflow:auto;
	}

	
	#aboutCon h1 {
		color: #fff;
		font-size: 2.7em;
		font-weight: normal;
		margin: 0 0 10px 0;
	}
	#aboutLogo {
		float: right;
		margin: 1px 0 10px 15px;
	}
	#aboutCon h2 {
		color: #b9d800;
		font-size: 1.5em;
		line-height: 1.4em;
		font-weight: normal;
		margin: 0 0 13px 0;
	}
	#aboutCon p {
		color: #fff;
		font-size: 1.2em;
		line-height: 1.4em;
		margin: 0 0 16px 0;
	}
	
	/* attraction / event content */
	
	#mapInfo {
		color: #fff;
		padding: 30px 0 0 20px;

	}
	#mapImg {
		margin: 0 0 21px 0;
	}
	
	#mapInfo h1,
	#mapInfo h2 
	{
		font-size: 1.8em;
		line-height: 1.3em;
		font-weight: normal;
	}	
	#mapInfo h1 span,
	#mapInfo h2 span 
	{
		font-size: 66%;
		line-height: 1.2em;
		text-transform: uppercase;
		display: block;
	}	

	#mapInfo h2 {
		margin: 0 0 5px 0;
	}
	
	#mapInfoL {
		width: 414px;
		float: left;
		overflow: auto;
		height:105px;
		clear:both;
	}
	#mapInfoR {
		width: 414px;
		float: left;
		padding: 15px 0 0 0;
		clear:both;
	}
	#dateScroller {
		width: 414px;
		height: 150px;
		overflow: auto;
	}
	#mapInfoR table {
		width: 394px;
		border-top: 1px solid #858585;
	}
	#mapInfoR td,
	#mapInfoR th {
		font-size: 1.1em;
		padding:  2px 0;
		border-bottom: 1px solid #858585;
	}
	
	#mapInfoR th a{
		color:#FFFFFF;
	}
	
	#mapInfoR th {
		width: 185px;
		font-weight: normal;
		text-align: left;
	}
	#mapInfoR td {
		text-align: right;
		vertical-align: bottom;
	}
	
	/* download boxes */
	
	
	#boxes {
		background: #fff;
	}
	div.boxRow {
		background: #f8f8f8 url(../../images/layout/shared/grow-boxes.jpg) left bottom repeat-x;
		margin: 0 1px 1px 1px;
	}
	div.boxRow div.clearfix {
	/*	background: url(../../images/layout/shared/whitedot.gif) center top repeat-y; */
	}
	div.box {
		width: 405px;
		float: left;
		padding: 12px 43px 15px 31px;
	}
	div.box h3 , .linkBlock h3{
		font-size: 1.4em;
		color: #555555;
		line-height: 1.4em;
		font-weight: normal;
	}
	div.box p {
		color: #898989;
		margin: 0 0 7px 0;
	}
	div.box a {
		min-width: 70px;
		width: auto;
		width: 70px;
		height: 15px; 
		line-height: 15px;
		font-size: 1.1em;
		color: #7da612;
		background: url(../../images/layout/shared/download.gif) right top no-repeat;
		padding: 0 23px 0 0;
		display: block;
	}
	div.box a:hover {
		background-position: right bottom !important; 
	}
	
	#downloadNotice{
		background-color:white;
		padding:5px 5px 0 0;
		color:#898989;
		text-align:right;
	}

	/* footer */
	
	#footer {
		background: url(../../images/layout/shared/foot-curve-white.gif) no-repeat;
		background-position:0 -10px;
		padding: 35px 0 50px 0;
	}
	#footer,
	#footer a 
	{
		color: #898989;
	}
	#footer a:hover  {
		text-decoration: underline;
	}
	#footL{
		float:left;
	}
	
	#footR {
		float: right;
		text-align:right;
		padding-top:10px;
		
	}
	#footR img {
		margin: 0 0 13px 0;
	}
	#footR p {
		padding: 0 23px 0 0;
	}	
	#footR p a {
		font-size: 126%;
		text-transform: uppercase;
		display: block;
		padding: 0 0 1px 0;
	}
	
	a.closeIcon{
		float:right;
		padding: 4px 4px 0 0
	}
	
	p#footerHref, p#footerHref a {
		text-decoration:none;
	}
	
	
	/* LINKS */
	#head .linkBlock{
		padding: 0 10px 40px;
	}
	
	#head .linkBlock li.first{
		clear:left;
	}
	
	#head .linkBlock li {
		margin-right:20px;
		float:left;
		list-style:none;
		display:block;
		width:30%;
		
		
	}
	
	#head .linkBlock li{
		font-size:1.1em;
		padding:5px 0 10px ;
	}
	
	#head .linkBlock li a{
		color:#898989;
	}
	
	
	
	