.error,.error a{
	color:red;
	font-weight:bold;
}
p.liketweet{
	height:21px;
	margin:0;
}
p.liketweet iframe{
	float:left;
	margin-right:10px;
}
html,body,h1,h2,h3,h4,h5,h6,p,ul,ol,li{
	padding:0;
	margin:0;
}
body{
	background:#fff;
	font-family:Arial,sans-serif;
	font-size:100%;
}
#container{
	width:100%;
	height:620px;
/*	background:url(../img/bg-accommodation.jpg) transparent no-repeat left top; */
	margin:0 auto;
}
body.granhotel #container{
/*	background-image:url(../img/bg-granhotel.jpg); */
}
a{
	color:#025FEC;
	font-weight:bold;
	text-decoration:none;
}
strong a{
	color:#025FEC;
}

a:focus,
a:hover,
a:active{
	color:#025FEC;
	text-decoration:none;
}
strong a:focus,
strong a:hover,
strong a:active{
	color:#000;
}
a img{
	border-width:0;
}
#nav a.partof,
#nav a.current{
	text-decoration:underline;
}
h1 a{
	color:#000;
	text-decoration:underline;
}
h1 a:focus,
h1 a:hover,
h1 a:active{
	color:#025FEC
}
h1{
	font-family:Georgia,serif;
	font-size:100%;
	text-transform:uppercase;
}
body.intro h1{
	font-size:130%;
}
h2{
	font-family:Georgia,serif;
	font-size:100%;
	font-weight:bold;
	text-transform:none;
}
body.index h2,
div.indexpage h2{
	font-family:Georgia,serif;
	font-size:162%;
	font-weight:normal;
	text-transform:uppercase;
}
body.index h2 a,
div.indexpage h2 a{
	color:#000;
	font-weight:normal;
}
body.index h2 a:focus,
body.index h2 a:hover,
body.index h2 a:active,
div.indexpage h2 a:focus,
div.indexpage h2 a:hover,
div.indexpage h2 a:active{
	color:#025FEC
}
body.index h2.red{
	color:#025FEC;
}
body.index h2.subintro,
body.index p.subintro{
	font-size:100%;
	font-weight:bold;
	text-transform:uppercase;
	margin-bottom:15px;
}

h3{
	font-family:Georgia,serif;
}
body.index h3{
	font-family:Georgia,serif;
	font-size:120%;
	font-weight:normal;
	text-transform:uppercase;
}


body.index h2 a img{
	display:block;
}
body.index h2.inlinelinks{
	margin-bottom:20px;
}
body.index h2.inlinelinks a img{
	display:inline;
	vertical-align:bottom:
}
#main p,
#main ul{
	font-family:Arial,sans-serif;
	font-size:90%;
}
body.index #main p,
#main p.intro{
	font-family:Georgia,serif;
	font-size:100%;
}
body.index #main ul h2{
	180%; /* to counter the 90% on the ul */
}
h1,
p,
h2.sub,
h2.intro{
	margin-bottom:10px;
}
body.index h2{
	margin-bottom:0px;
}
body.index div.week h2{
	margin-bottom:9px;
}
body.index p{
	margin-bottom:15px;
}
body.index p.description{
	margin-bottom:0;
}
body.index h1{
	margin-bottom:20px;
}

.address,
.info{
	font-family:Arial,sans-serif;
	font-size:90%;
	font-style:italic;
}
span.info{
	font-size:100%;
}
.address a,
.info a{
	
}
.address a:focus,
.address a:hover,
.address a:focus,
.info a:focus,
.info a:hover,
.info a:focus{
}

ul.thepeople li{
	list-style:none;
	min-height:100px;
	font-family:Georgia,serif;
	font-size:100%;
	margin-bottom:10px;
}
ul.thepeople li a{
	color:#000;
	text-decoration:none;
}
ul.thepeople li  a:focus,
ul.thepeople li  a:hover,
ul.thepeople li  a:focus{
	color:#025FEC;

}

ul.thepeople li img.portrait{
	float:left;
	margin-right:5px;
}
ul.thepeople li span{
	display:block;
	font-weight:normal;
}
ul.thepeople li span.title{
	font-size:180%;	
}
ol.toptips{
 	padding-top:10px;
}
ol.toptips li{
	list-style-position:inside;
	font-family:Arial, sans-serif;
	font-size:90%;
	margin-bottom:10px;
}
p.pullquote{
	font-style:italic;
}
div.yt{
	margin-bottom:10px;
}
p.quote,
p.qa em{
	font-family:Georgia,serif;
	font-weight:bold;
}
#main p.footnote{
	font-size:75%;
}
#main p.belowslides{
	clear:both;
	padding-top:1em;
}

body.index #main p.podcast,
body.index-test #main p.podcast{
	float:left;
	width:200px;
	font-size:80%;
	text-align:center;
	margin:0 20px 0 0;
}
body.index #main p.even,
body.index-test #main p.even{
	margin-right:0;
}
p.download{
	clear:both;
	font-style:italic;
	line-height:1.4;
	text-align:center;
	padding-top:20px;
}

.panelbottom{
	position:absolute;
	bottom:30px;
}

span.imgloc{
	color:#025FEC;
}

#main{
	clear:left;
	width:980px;
	margin:0 auto;
}
#nav,
#footer{
	background:url(../img/white75.png) transparent repeat left top;
	font-family:Georgia,serif;
	font-size:70%;
	font-weight:bold;
	text-transform:uppercase;
	min-width:974px;
}

#nav .inner,
#footer .inner{
	width:974px;
	margin:0 auto;
}
#nav .inner{
	height:20px;
	padding:10px 0;
}
#footer .inner{
	height:15px;
	padding:0 0 15px 0;
}
.copyright{
	text-align:right;
	padding-top:9px;
}
#main{
	height:550px; /* 620 - 40 - 30 */
	position:relative; /* for positioning the toggle button */
	overflow:hidden;
}
body.transparencytest #main{
	background:url(../img/white75.png) transparent repeat left top;
}
ul.nav{
	position:relative;
}
ul.nav li{
	list-style:none;
	float:left;
	background:url(../img/sep.png) transparent no-repeat 0 6px;
}
#footer ul.nav li{
	background-position:0 12px;
}
ul.nav li.first,
ul.nav li.ni1{
	background:none;
}
ul.nav li a{
	display:block;
	height:8px; /* for when images aren't there */
	padding:5px 4px 12px 5px;
}
#footer ul.nav li a{
	padding:11px 4px 11px 5px;
}
ul.nav li.first a{
	padding-left:0;
}
ul.nav li.ni1 a{}
ul.nav li.last a,
ul.nav li.ni14 a{
	padding-right:0;
}
ul.nav li.ni14 ul li a{
	padding-right:4px;
}
ul.nav li.ni14 ul li.last a{
	padding-right:0;
}
ul.nav a{
	color:#000;
	text-decoration:none;
}
ul.nav a:focus,
ul.nav a:hover,
ul.nav a:active,
ul.nav a.partof,
ul.nav a.current{
	color:#025FEC;
	text-decoration:underline;
}
ul.nav li a img{
/*	vertical-align:top; */
	display:block; 
}
ul.nav ul{
	position:absolute;
	background:url(../img/white75.png) transparent repeat left top;
	top:25px;
	padding:0 10px;
	z-index:100;
	display:none;
}
ul.nav li.niX ul{
	right:0;
}
ul.nav li:hover ul{
	display:block;
	*display:none; /* no sub menu for Ie7, as it doesn't want to play nice! */
}

ul.nav ul li a:hover{
	color:#025FEC;
	text-decoration:underline;
}
#toggle{
	width:26px;
	height:26px;
	position:absolute;
	right:27px;
	top:29px;
	color:white;
	font-weight:bold;
	text-align:center;
}
#toggle a{
	display:block;
	color:white;
	text-decoration:none;
}
#panel1{
	height:490px;
	width:420px;
	position:relative;
	background:url(../img/white75.png) transparent repeat left top;
	padding:20px 20px 40px 20px;
	overflow:auto;
}
body.products #panel1{
	width:940px;
	background:white;
}
body.widepanel #panel1{
	width:980px;
	height:550px;
	padding:0;
}
#slidesContainer{
	min-height:100px; /* solves problem in Ie7 ! */
}
body.products #slidesContainer{
	padding-top:36px;
}
body.products #panel1 .slide{
	text-align:center;
	padding-bottom:20px;
}
body.widepanel #panel1 .slide img,
body.products #panel1 .slide img{
	display:block;
}
body.products #panel1 .slide img{
	margin:0 auto;
}
body.widepanel #panel1 h1,
body.products #panel1 h1{
	position:absolute;
	top:20px;
	left:20px;
}
#discovercontrol,
#discovercontrolpn{
	position:absolute;
	left:0;
	bottom:0;
	width:420px;
	min-height:16px;
	background:url(../img/blue90.png) transparent repeat left top;
	text-align:center;
	padding:9px 20px;
	overflow:hidden; /* this avoids scrollbars for people who have their font set larger */
}
body.widepanel #discovercontrol,
body.widepanel #discovercontrolpn,
body.products #discovercontrol{
	width:980px;
	padding:0;
}
body.products #discovercontrolpn{
	display:none;
}
#leftNoControl,
#rightNoControl{
	color:black;
}
#leftControl,
#rightControl,
#leftControl a,
#rightControl a{
	cursor: pointer;
	color:white;
}
#discovercontrolpn span,
#discovercontrolpn span a{
	font-family:Georgia,serif;
	font-size:21px;
	font-weight:normal;
}


#lovebrunchlogo{
	position:absolute;
	bottom:0;
	left:20px;
}



html, body, #bg, #bg table, #bg td, #wrapper{
    width:100%;
    height:100%;
    overflow:hidden;
}
#wrapper{
    position:absolute;
    left:0;
    top:0;
    overflow:auto;
    z-index:70;
}
#bg{position:absolute;}
#bg div{
    height:200%;
    width:200%;
    position:absolute;
    left:-50%;
    top:-50%;
}
#bg td{
    background:none repeat scroll 0 0 #fff;
    text-align:center;
    vertical-align:middle;
}
#bg img{
    min-height:50%;
    min-width:50%;
    margin:0 auto;
}


@media all and (max-width: 980px){
	#bg img{
	    min-height:100%;
	    min-width:100%;
	}
}

@media screen and (max-width: 970px) {

	html,body{
		height:auto;
		overflow:auto;
	}
	#wrapper{
		position:relative;
	}
	#bg{
		position:fixed;
		top:0;
	}
	#container{
		height:auto;
	}
	#nav,
	#footer{
		min-width:0;
	}
	#nav .inner,
	#footer .inner{
		width:auto;
		height:auto;
		overflow:hidden;
	}
	
	#nav ul.nav li:hover ul{
		display:none;
	}
	#main{
		height:auto;
		width:auto;
	}
	#toggle{
		right:auto;
		left:20px;
	}
	a.triggerback{
		display:none !important;
	}
	div#panel1{
		height:auto;
		width:90%;
		max-width:420px;
		min-height:510px;
		overflow:auto;
		padding:30px 2%;
		margin:auto;
	}
	body.widepanel #panel1,
	body.products #panel1{
		width:auto;
		height:auto;
		padding:0;
	}
	
	body.widepanel #panel1 img,
	body.products #panel1 img{
		max-width:100%;
		height:auto;
		margin-bottom:10px;
	}

	div#slidesContainer,
	body.widepanel #panel1 div#slidesContainer,
	body.products #panel1 div#slidesContainer{
		width:100%;
		overflow:auto !important;
		padding-top:60px;
	}
	div#slidesContainer div#slideInner,
	body.widepanel #panel1 div#slidesContainer div#slideInner,
	body.products #panel1 div#slidesContainer div#slideInner{
		width:100% !important;
	}
	body.widepanel #panel1 div#slidesContainer div#slideInner div.slide,
	body.products #panel1 div#slidesContainer div#slideInner div.slide{
		width:100% !important;
		padding:10px 0 !important;
	}
	
	div#slidesContainer div#slideInner div.slide{
		clear:left;
		width:100% !important;
	}
	div#discovercontrol{
		display:none;
	}
	div#discovercontrolpn{
		width:100%;
		padding:0;
	}
	

	#footer .inner ul,
	#footer .inner p{
		float:none;
		text-align:left;
	}
	#footer .inner p{
		clear:left;
		padding-left:5px;
	}

}