@charset "utf-8";
/* CSS Document */

* { font-family: Arial, Helvetica, sans-serif; font-size: 100%; color: #000000; }

body { text-align: center; background-color: #C8C8C8; }

#wrapper { 
	width: 900px; text-align: left; margin-right: auto; margin-left: auto; margin-top: 5px; background-color: #FFFFFF; padding: 0px; }

#header { width: 900px; height: 109px; position: relative;  }
	.nationalTrust { width: 900px; height: 90px; background-color: #4E1226; border-bottom: solid 18px #BAA373; text-align: right; }

#wrapper2 { width: 900px; float: left; background-color: #FFFFFF;  }

/* NAVIGATION */
#nav { width: 224px; float: left; position: relative; top: -109px; background: url(../images/nav_bg.gif) no-repeat 16px 0px; text-align: right; padding-top: 126px; }

	.westwingLogo { padding: 0px 37px 0px 0px; border: none; }
	
	#navigation { position: relative; top: 162px; }
	#navigation ul {  }
	#navigation li { list-style: none; padding: 3px 0px 3px 0px;  }
	#navigation li a:link, #navigation li a:visited { font-size: 0.75em; color: #000000; text-decoration: none; padding-right: 30px; text-transform: uppercase;  }
	#navigation li a:active, #navigation li a:hover { color: #BAA373; text-decoration: none; background: url(../images/nav_inactive.gif) no-repeat center right; }
	
	body#Home #home, body#NatTrust #trust, body#Venue #venue, body#Events #events, body#Restaurant #restaurant, body#Weddings #weddings, body#Conferences #conference, body#Dinner #dinners, body#Marquee #marquee, body#Contact #contact, body#Gallery #gallery { color: #8F2140; text-decoration: none; background: url(../images/nav_active.gif) no-repeat right center; }


/* CONTENT */

#mainContent { width: 646px; float: right; padding: 20px 0px 0px 10px; text-align: right;  }
	
	.bodyCopy { width: 626px; padding: 20px 20px 0px 0px; text-align: left; font-size: 0.75em;}
	.bodyCopy h1, .show h1 { font-size: 1.5em; color: #BAA373; text-transform: uppercase; padding: 0px 0px 10px 0px; }
	.bodyCopy h2 { font-size: 1.2em; color: #BAA373; padding: 10px 0px 5px 0px; text-transform: uppercase; }
	.bodyCopy h3 { color: #000000; padding: 0px; font-weight: bold; padding-top: 5px;  }
	
	.bodyCopy p, .show p {  padding: 5px 0px 5px 0px; }
	.bodyCopy img { padding-left: 30px; padding-bottom: 30px; }
	.bodyCopy a:link, .bodyCopy a:visited { color: #4E1226; text-decoration: none; }
	.bodyCopy a:active, .bodyCopy a:hover { text-decoration: underline; }
	.tel {color: #4E1226; }
	
	.bodyCopy table {  }
	.bodyCopy td, th { padding: 2px; text-align: center;  }
	.bodyCopy th, .redHeading { color: #000000; padding: 0px; font-weight: bold; }
	
	td.redHeading { text-align: left; }
	
	blockquote { font-size: 0.75em; font-family: Verdana, Arial, "Gill Sans MT"; }
	
	/* GALLERY  */

	.show { width: 490px; padding: 20px 20px 0px 0px; text-align: left; float: left; font-size: 0.75em; }
	#photoGallery { width: 490px; text-align: center; margin-top: 10px;}
	#photoGallery img { width: 41px; padding-right: 4px; padding-bottom: 5px; }
	

/* FOOTER */
#clear { clear: both; }

#footer { width: 890px; text-align: right; font-size: 0.7em; padding: 30px 0px 5px 0px; color: #4E1226; }
#footer a { color: #4E1226; text-decoration: underline; }

/* Home page popup */
#popup {
	visibility: hidden /*visible*/; position: relative; margin: 16px; padding: 15px;
	background-color: #BAA373; width: /*400px */ 200px; color:#FFFFFF; font-size: 0.75em; text-align: left;
	filter:alpha(opacity=85); -moz-opacity:.85; opacity:.85; 
}
	#popup h1 { font-size: 1.2em; text-transform: uppercase; padding: 0px 0px 10px 0px; font-weight: bold; }
	#popup p { padding: 5px 0px 5px 0px; }
	#popup a { text-decoration: none; }

body#Home #mainContent { /*background-image: url(../images/backgrounds/1/01.jpg)*/; background-repeat: no-repeat; background-position: right 20px;  height: 496px; }

/* enquiry form */
	form, #Panel1 { padding: 0px; margin: 0px; }
		form p, asp p {
		margin: 0;
		padding: 0;
		padding-left: 0px; /*width of left column containing the label elements*/
		height: 1%;
		}
		
		form label {
		font-weight: normal;
		float: left;
		margin-left: 0px; /*width of left column*/
		width: 120px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
		}
		
		form input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
		width: 200px;
		}
		
		form textarea {
		width: 200px;
		height: 150px;
		}