/*

color notes
#B8A97C mr.net

#B1A994    pale khaki  body bg

#92865E    khaki      body txt

#B8050A	   red        Menu & footer bg

#fff	   white      menu txt, header txt (on red banner), footer txt, page bg.


-------------------------------------------*/

body, html {height: 100%;}

body {
	font: 86%/140% "Trebuchet MS","Tahoma", verdana, arial, helvetica, sans-serif;
	background: #B1A994;
	text-align: center;
	padding: 10px 0 ;
	margin: 0;
	color: #7e7d82;
	}

/* =typog
-----------------*/

h1 {	  /*hide it under the banner */


	margin-top: -50px;
	position: absolute; /*or there's a gap below the nav... */
}

p {
	font-size: 1em;
	margin: 1em 0;

}

p.clear {clear: both;}




ul.address, ul.venues {
	list-style: none;
	padding: 0;
	margin: 20px 0;

}

li.header {
	text-transform: uppercase;
	font-weight: bold;
	color: #B8050A;
}

blockquote {	/*border: 1px solid green;*/

	margin: 20px 0;
	padding: 0 0;
	background: #fff url(images/quote-open.gif) top left no-repeat;
	/*border-left: 13px solid #B8050A;
	border-right: 13px solid #B8050A;*/
	padding-bottom: 20px;
}

blockquote p {/* R&L margins - italic txt is making div bulge rhs on services, about, food. */
	/*	border: 1px solid blue; */
	/*	width: 650px; */

	color: #d7e23e;
	margin: 0;
	padding: 10px 40px 0 40px;
	font-size: 1em;
	font-style: italic;
	background: url(images/quote-close.gif) bottom right no-repeat;
}

blockquote .highlight{
	background-color:#7e7d82;
	text-align:left;
	text-transform:none;
	font-size: 1em;
	color: #d7e23e;
	text-decoration:none;
}

blockquote span {
	margin-top:5px;
	display:block;
	color: inherit;
	font-size: 12px;
	text-transform: uppercase;
	text-align:right;
}

#services blockquote span {display: block; clear: left; margin-left: 0;}




/* =maintitles =headers -h2 is the main (visible) graphical headings
-------------------------------------------------------------------*/

h2 {	
	font-size: 1.6em;
	margin: 0 0 1em 0 ;
	text-indent: -9999em; /*exit the text, stage left*/
	height: 37px;
	width:259px !important;
}

body#home h2 {
	background: url(images/h2_home.gif) no-repeat; 	width: 214px;
}

body#about h2 {
	background: url(images/h2_about.gif) no-repeat;
	width: 125px;
}

body#food h2 {
	background: url(images/h2_food.gif) no-repeat;
	width: 192px;
}

body#services h2 {
	background: url(images/h2_services.gif) no-repeat;
	width: 110px;
}

body#venues h2 {
	background: url(images/h2_venues.gif) no-repeat;
	width: 99px;
}

body#gallery h2 {
	/* background: url(images/h2_gallery.gif) no-repeat;
	width: 106px; */
}

body#contact h2 {
	background: url(images/h2_contact.gif) no-repeat;
	width: 156px;
}


h3 {
	font-size: 1.1em;
	text-transform: none;
	color: #d7e23e;
}


img, a img {border: 0; margin: 0;}


a {	text-decoration: underline;}
a:link, a:visited {color: #7e7d82;}
a:hover, a:active {color: #d7e23e;}


img.left {clear:both;float: left; margin-right: 20px;}
img.right {float: right; margin-left: 20px; margin-top: .4em;}
img.clearright {clear: right;}

/* =boxes
-----------------*/



#wrapper_main {
		/*font-size: tweak it here ;*/
	margin: 0 auto 0 auto; /*centering pt 2*/
	text-align: left;
	width: 750px;
	display: block;
	background: #fff;
	}


#header {
	background: #B1A994;
	width: 750px;
	height: 170px;
	display: block;
	margin: 0;
	padding: 0;
	position: relative; /*set context for nav*/
	}

#logo {
	width: 750px;
	height: 170px;
	display: block; /*or gap under img in header*/
	}

img#sidebar{
	width: 265px;
	height: 465px;
	}


/* =nav
------------------------*/
/*
USE first one for img headers

! top declaration in first ul#nav rules: shove to bottom IF pic is in bg;
  if img is in source then comment out.

! tweak: font-size:90%; it fcks up if in 'li' or 'a' .

*/

/*

ul#nav {
	font-size: 90%;
	list-style: none;
	padding: 0 0 0 0;
	margin: -2.5em 0 0 0;
	position: relative;
	left: 0;
	top: 100%;
	float: left;
	background: transparent;
	}
*/

div#wrapper_nav {	/*not for img header*/

	position: relative;
	left: 0;
	top: 100%;

}

ul#nav {
	font-size: 90%;
	list-style: none;
	padding: 0 0 0 0;
	margin: -2.5em 0 0 0;
	float: left;
	position: absolute;
	left: 0;
	top: 0;
	background: transparent;
	}

#nav li {
	float: left;
	background:  transparent;
	line-height: 2.5em;
	}

#nav li a {
	line-height: 2em;
	font-size: 1em;
	display: block;
	margin: .5em 0 0 0;
	padding: 0 10px; 0 0;
	text-transform: uppercase;
	font-weight: bold;
	text-decoration: none;
	color: #7e7d82;
	background:#d7e23e;
	}

#nav li.urhere {
	background: #fff;
	line-height: 2.5em;
	}

#nav li.urhere a {
	color: #7e7d82;
	background: #fff;
	}


#nav li a:hover, #nav li a:active {
	background: #7e7d82;
	color: #d7e23e;
	line-height: 2em;
	}


#nav li.urhere a:hover, #nav li.urhere a:active {
	margin-top: 0;
		/*so rollover color covers all of 'tab' */
	border-top: .5em solid #7e7d82;
		/*fill gap */
	}

/* ----  // END nav --------------*/


#wrapper_cols {
	width: 750px;
	display: block;
	float: left;
	}

#content_sidebar {
	width: 265px;
	display: inline;
	float: left;
	}

#wrapper_content_main {
/*	background: #fff;*/
	width: 485px;
	display: inline;
	float: right;
	}

#content_main {
	padding: 25px;
	background: transparent;
	min-height: 340px;
	}
* html #content_main { /* hide from FF; IE<7 */
	he\ight: 340px;

}

#footer {
	clear: both;
	display: block;
	width: 750px;

	padding: 0;
}

#footer p {	
	text-align: center;
	padding: 0;
	margin: 0;

}
#footer p#telecomms  {
	background: #d7e23e; /* red */
	font-size: 1.3em;
	font-weight: bold;
	line-height: 2em;
	color: #fff;
	}
	
#footer p#telecomms a{
	color:#ffffff;
}
	
#footer p#copyright {
	color: #E3DFCE;
	font-weight: normal;
	font-size: .86em;
	line-height: 2.4em;
background: #B1A994; /* kh */
}
#footer p#copyright a {color: #ECE9DD; /* pale kh */ text-decoration: underline;}
#footer p#copyright a:hover, #footer p#copyright a:active {color: #fff;}
#footer p span {
	color: #7e7d82;
	}

#footer p span#email {
	margin-left: 25px;
}





body#about #content_main,
body#food #content_main,
body#services #content_main,
body#venues #content_main,
body#gallery #content_main {

	display: block;
	float: left;
	width: 700px;

}

 /*give zero height to h2 so gallery & movie can move up*/

body#gallery h2, body#showcase h2 {

/*	text-indent: 0;	*/
	padding-top: 0;
	margin: 0 0 -32px 0;
	overflow: hidden;
}


 #photos, #movie  {
	background: url(images/gallery_bg_fade.jpg) 0 0 no-repeat;
	width: 700px; height: 515px;
	display: block;
	position: relative;
}

 #photos object#photo_gallery  { 

	position: absolute;
	top: 114px; 
	left:122px;
	background: transparent;
	height: 288px; 
	width: 432px;
}


#photos a, #movie a.intlink{
	margin: 0;
	padding: .4em 10px;
	position: relative;
	display: block;
	top: 422px; 
	left:113px;
	width: 432px; 
	line-height: 1.2em; 
	background: #d7e23e;

	font-weight: bold;
	font-size: 1.1em;
	color: #fff;
	font-family: verdana, "Trebuchet MS", tahoma, sans-serif;
	text-decoration: none;
	text-align: center;

}
#blip_movie_content_122452 {
	position: absolute;
	top: 114px; 
	left:122px;
	margin: 0;
	padding:0; 	
	width: 432px; 
	height: 288px;

}

#movie #blip_movie_content_122452 {}

#movie p#playmovie {
	margin: 0; padding: 0;
	position: absolute; 
	width: 432px; 
	height: 288px;
	top: 0; left: 0;
}

#movie p#playmovie a {

	display: block;	
	margin: 0; padding:0;
	width: 100%;
	height: 100%;
	background: transparent;
	color: #fff;
	line-height: 288px;
	font-weight: bold;	
	font-size: 2em;
	text-align: center;
	text-decoration: none;
}

/* =venues - =lists
----------------------*/

div#wrapper_venuelists {
	float: left;
	width: 700px;
}

div#venuelists_left {
	float: left;
	width: 330px;
	padding-right: 20px;

}

div#venuelists_right {
	float: right;
	width: 330px;
	padding-right: 20px;

}


/* =form
----------------------*/

form#contact-us {
	width: 415px;
	float: left;
	background: #EEE8DC;
	padding: 10px;
	margin-bottom: 20px;
}

legend {border: none;}
form#contact-us p { background: /*pink;*/
	padding: 0;
	margin:0 0 10px 0;
	float: left;
}

label { background: /*#fea;*/
	display: block;
	float: left;
	width: 145px;
}

input, textarea, input#submit {
	float: right;
	width: 261px;
	padding: 3px;
	border: 1px solid #7e7d82;
	color: #92865E;
}

input#submit {
	margin-left: 147px;
	background: #7e7d82;
	line-height: 1.4em;
	width: auto;
	float: none;
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	border:none;
}

input#submit:hover {
	background: #d7e23e;
	color: #7e7d82;
}

textarea {
	overflow: auto;
}

/* =contact-details uls
----------------------*/



div#contact-details {
	display: block;
	float: right;
	width: 435px;

}

div#contact-details h3 {
	margin: 0 0 10px 0;
	padding: 0;
	text-transform: uppercase;
	color: #d7e23e;

}



ul#business-addy, ul#contact-nos {
	width: 216px;
	margin: 0;
	padding: 0;
}
ul#business-addy {
	float: left;
}
 ul#contact-nos {
	 /*margin-top:10px;*/
	float:left;
}
 ul#contact-nos2 {
	margin-top:10px;
	float:left;
}

 ul#contact-online {  /*background: pink;*/
clear: both;
width: 435px;
float: left;
}

/*

#92865E    khaki

#B8050A    red	*/