@charset "utf-8";
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	background-color: #fff;
	margin: 0px;
}
div.OfferRight			{
		position:absolute;
		left:100%;
		top:0px;
		overflow:visible;
		height:200x;
		width:200px;
		background-image:url(../images/offer.png) no-repeat -100px -100px transparent;
		margin:0 0 0 -200px;
		padding:0;
		z-index:1000000000;
		border:none;
		float:none;
}
input, select, textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
	
div.centered {
	position:absolute;
	left: 50%; 
	top: 50%;
	width: 940px;
	height: 560px;
	margin-top: -290px; /* half of the height */
	margin-left: -470px; /* half of the width */
	padding-top: 0px;
}

#container {
	width: 940px;
	text-align: left;
	margin: auto;
	height: 537px;
}
	#left {
		width: 142px;
		margin: 0;
		padding: 0;
		float: left;
	}
		
		#left-top {
			margin-left: 22px;
			height: 22px;
		}
		
		body.home #left-top, body.home #left img, body.home #left-nav, body.home #right-nav, body.home #right-body { background: url(../images/bgcolours/weddings.png)  }
		body.weddings #left-top, body.weddings #left img, body.weddings #left-nav, body.weddings #right-nav, body.weddings #right-body { background: url(../images/bgcolours/weddings.png)  }
		body.parties #left-top, body.parties #left img, body.parties #left-nav, body.parties #right-nav, body.parties #right-body { background: url(../images/bgcolours/parties.png)  }
		body.mansfield #left-top, body.mansfield #left img, body.mansfield #left-nav, body.mansfield #right-nav, body.mansfield #right-body { background: url(../images/bgcolours/mansfield.png)}
		body.corporate #left-top, body.corporate #left img, body.corporate #left-nav, body.corporate #right-nav, body.corporate #right-body { background: url(../images/bgcolours/corporate.png) }
		body.drinks #left-nav, body.drinks #left-top, body.drinks #left img, body.drinks #right-nav, body.drinks #right-body { background: url(../images/bgcolours/drinks.png); }
		body.food #left-nav, body.food #left-top, body.food #left img, body.food #right-nav, body.food #right-body { background: url(../images/bgcolours/food.png); }
		body.wedding-design #left-nav, body.wedding-design #left-top, body.wedding-design #left img, body.wedding-design #right-nav, body.wedding-design #right-body { background: url(../images/bgcolours/wedding_design.png); }
		body.parties-design #left-nav, body.parties-design #left-top, body.parties-design #left img, body.parties-design #right-nav, body.parties-design #right-body { background: url(../images/bgcolours/parties_design.png); }
		body.corporate-design #left-nav, body.corporate-design #left-top, body.corporate-design #left img, body.corporate-design #right-nav, body.corporate-design #right-body { background: url(../images/bgcolours/corporate_design.png); }
		body.hpl #left-nav, body.hpl #left-top, body.hpl #left img, body.hpl #right-nav, body.hpl #right-body {  background: url(../images/bgcolours/hpl.png);}
		body.people #left-nav, body.people #left-top, body.people #left img, body.people #right-nav, body.people #right-body {  background: url(../images/bgcolours/people.png);}
		body.spec  #left-nav, body.spec  #left-top, body.spec  #left img, body.spec  #right-nav, body.spec  #right-body {  background: url(../images/bgcolours/spec.png);}
		body.facts #left-nav, body.facts #left-top, body.facts #left img, body.facts #right-nav, body.facts #right-body {  background: url(../images/bgcolours/key_facts.png);}
		body.awards #left-nav, body.awards #left-top, body.awards #left img, body.awards #right-nav, body.awards #right-body {  background: url(../images/bgcolours/awards.png);}
		body.contact #left-nav, body.contact #left-top, body.contact #left img, body.contact #right-nav, body.contact #right-body {  background: url(../images/bgcolours/contact.png);}
		body.gallery #left-nav, body.gallery #left-top, body.gallery #left img, body.gallery #right-nav, body.gallery #right-body {  background: url(../images/bgcolours/gallery.png);}
		body.testimonials #left-nav, body.testimonials #left-top, body.testimonials #left img, body.testimonials #right-nav, body.testimonials #right-body {  background: url(../images/bgcolours/testimonials.png);}
		body.murals #left-nav, body.murals #left-top, body.murals #left img, body.murals #right-nav, body.murals #right-body {  background: url(../images/bgcolours/murals.png);}
		body.history #left-nav, body.history #left-top, body.history #left img, body.history #right-nav, body.history #right-body {  background: url(../images/bgcolours/history.png);}
		body.restoration #left-nav, body.restoration #left-top, body.restoration #left img, body.restoration #right-nav, body.restoration #right-body {  background: url(../images/bgcolours/restoration.png);}
		body.phoebe #left-nav, body.phoebe #left-top, body.phoebe #left img, body.phoebe #right-nav, body.phoebe #right-body {  background: url(../images/bgcolours/phoebe.png);}
		body.timeline #left-nav, body.timeline #left-top, body.timeline #left img, body.timeline #right-nav, body.timeline #right-body {  background: url(../images/bgcolours/timeline.png);}
		body.trustfriends #left-nav, body.trustfriends #left-top, body.trustfriends #left img, body.trustfriends #right-nav, body.trustfriends #right-body {  background: url(../images/bgcolours/trustfriends.png);}
		body.scvo #left-nav, body.scvo #left-top, body.scvo #left img, body.scvo #right-nav, body.scvo #right-body {  background: url(../images/bgcolours/scvo.png);}

		
		#left img {	padding-left: 22px;}
		
		#left-nav {
			margin: 0 0 0 22px;
			padding: 13px 0 20px 0;
			height: 362px;
		}
				
		#left-nav ul, #left-nav li {
			list-style: none;
			padding: 0;
			margin: 0;
		}
		#left-nav li {
			padding: 6px 0 8px 0;
		}
		#left-nav li a {
			display: block;
			width: auto;
			height: 8px;
			overflow: hidden;
			text-indent: -9999px;
			background-position: right 0;
			margin: 0 4px 0px 0;
		}
		#left-nav li a:hover, #left-nav li a.on {
			background-position: right -9px;
		}
		
		body.weddings #left-nav li.on { background: #F9A09A; }
		body.parties #left-nav li.on { background:  #DFD2E6;}
		body.mansfield #left-nav li.on { background: #D9AF7E; }
		body.corporate #left-nav li.on { background: #A6DCFE; }
		
		body.drinks #left-nav li.on { background: #A5C4E1 }
		body.food #left-nav li.on { background: #C7AB61 }
		
		body.wedding-design #left-nav li.on { background: #D0AA59 }
		body.parties-design #left-nav li.on { background: #CE542C }
		body.corporate-design #left-nav li.on { background: #CE7645 }
		body.awards #left-nav li.on { background: #C72928 }
		body.hpl #left-nav li.on { background: #EB92A0 }
		body.people #left-nav li.on { background: #999999 }
		body.spec #left-nav li.on { background: #F8995F }
		body.facts #left-nav li.on { background: #CAA298 }
		body.contact #left-nav li.on { background: #6D4858 }
		body.gallery #left-nav li.on { background: #E9D5A9 }
		body.testimonials #left-nav li.on { background: #CEC6B1 }
		body.murals #left-nav li.on { background: #983444 }
		body.history #left-nav li.on { background: #C7AB61 }
		body.restoration #left-nav li.on { background: #C7AB61 }
		body.phoebe #left-nav li.on { background: #CDA569 }
		body.restoration #left-nav li.on { background: #F09139 }
		body.timeline #left-nav li.on { background: #907963 }
		body.trustfriends #left-nav li.on { background: #A79C8D }
		body.scvo #left-nav li.on { background: #BA9985 }
		
		#left-nav-food {  background: url(../images/nav/food.png) right 0 no-repeat; }
		#left-nav-drinks {  background: url(../images/nav/drinks.png) right 0 no-repeat;}
		#left-nav li a#left-nav-hpl {  
			background: url(../images/nav/heritage_portfolio.png) right 0 no-repeat;
			height: 18px;
		}
		#left-nav-people {  background: url(../images/nav/people.png) right 0 no-repeat;}
		#left-nav li a#left-nav-wedding-design {  
			background: url(../images/nav/wedding_design.png) right 0 no-repeat;
			height: 18px;
		}
		#left-nav li a#left-nav-corporate-design {  
			background: url(../images/nav/corporate_design.png) right 0 no-repeat;
			height: 18px;
		}
		#left-nav li a#left-nav-parties-design {  
			background: url(../images/nav/party_design.png) right 0 no-repeat;
			height: 18px;
		}
		#left-nav li a:hover#left-nav-wedding-design, #left-nav li a:hover#left-nav-hpl, #left-nav li a:hover#left-nav-parties-design, #left-nav li a:hover#left-nav-corporate-design { background-position: right -19px; }
		#left-nav-spec {  background: url(../images/nav/specification.png) right 0 no-repeat;}
		#left-nav-facts {  background: url(../images/nav/key_facts.png) right 0 no-repeat;}
		#left-nav-news {  background: url(../images/nav/news.png) right 0 no-repeat;}
		#left-nav-awards {  background: url(../images/nav/awards.png) right 0 no-repeat;}
		#left-nav-contact {  background: url(../images/nav/contact.png) right 0 no-repeat;}
		#left-nav-gallery {  background: url(../images/nav/gallery.png) right 0 no-repeat;}
		#left-nav-testimonials {  background: url(../images/nav/testimonials.png) right 0 no-repeat;}		
		#left-nav-murals {  background: url(../images/nav/murals.png) right 0 no-repeat; }
		#left-nav-history {  background: url(../images/nav/history.png) right 0 no-repeat;}
		#left-nav-restoration {  background: url(../images/nav/restoration.png) right 0 no-repeat;}
		#left-nav-phoebe {  background: url(../images/nav/phoebe.png) right 0 no-repeat;}
		#left-nav-timeline {  background: url(../images/nav/timeline.png) right 0 no-repeat;}
		#left-nav-trustfriends {  background: url(../images/nav/trust_friends.png) right 0 no-repeat;}
		#left-nav-contact {  background: url(../images/nav/contact.png) right 0 no-repeat;}
		#left-nav-scvo {  background: url(../images/nav/scvo.png) right 0 no-repeat;}
		#left-nav-tour {  background: url(../images/nav/tour.png) right 0 no-repeat;}
		
		

	#right {
		width: 798px;
		float: right;
		margin: 0;
		padding: 0;
		min-height: 540px;
	}
	
	#right-top {
		height: 22px;
	}
	#right-top a {
		text-decoration: none;
		color: #fff;
	}
	#right-top a:hover {
		text-decoration: underline;
	}
	#right-top p {
		margin: 0;
		padding: 10px 0 0 42px;
		color: #eee;
	}
	
	#right-nav {
		height: 120px;
		padding-left: 20px;
		width: 778px;
	}
				
		#right-nav h1 {
			padding: 0;
			margin: 0;
			background: url(../images/logos/mansfield.png) no-repeat 0px 20px;
			height: 85px;
			text-indent: -9999px;
		}
		
		#right-nav h1 a {
			display: block;
			height: 63px;
			width: 250px;
		}
		
		#right-nav ul, #right-nav li {
			margin: 0;
			padding: 0;
			display: inline;
			list-style: none;
		
		}
		
		#right-nav ul li a {
			display: block;
			float: left;
			height: 12px;
			margin-right: 30px;
			text-indent: -9999px;
		}
		#right-nav ul li a:hover, #right-nav ul li a.on {
			background-position: 0 -12px;		
		}
		
		#right-nav div#view-text a {
			display: block;
			height: 15px;
			width: 60px;			
		}
		
		#right-nav div#view-text {
			padding-top: 15px;
			width: 60px;
			background: url(../images/nav/view_text.png) no-repeat 0px 10px;
			text-indent: -9999px;
		}
		
		#nav-weddings {	background: url(../images/nav/weddings.png) no-repeat;	width: 92px; }
		#nav-corporate { background: url(../images/nav/corporate.png) no-repeat; width: 104px;}
		#nav-parties { background: url(../images/nav/parties.png) no-repeat; width: 73px; }
		#nav-mansfield { background: url(../images/nav/about_mansfield_traquair.png) no-repeat;	width: 234px; }
		
		a#nav-home {  
			float: right;
			background: url(../images/nav/home.png) right 0 no-repeat;
			text-indent: -9999px;
			width: 47px;
			height: 8px;
			margin-right: 40px;
		}
		a#nav-register-login {  
			float: right;
			background: url(../images/nav/register_login.png) right 0 no-repeat;
			text-indent: -9999px;
			width: 115px;
			height: 8px;
			margin: 20px 40px 0  0 ;
		}
		
		
		a:hover#nav-home, a:hover#nav-register-login { background-position: 0 -9px; }
		
		
		#right-nav div#view-text {
			clear: both;
			padding-top:4px;
			
		}
		#right-nav div#view-text a {
			color: #fff;
			text-decoration: none;
			text-transform: uppercase;
			font-size: 7pt;
		}
		
	#right-body {
		color: #fff;
		width: 710px;
		margin: 20px 0px 20px 20px;
		padding: 10px 20px 10px 20px;
		max-height: 335px;
		overflow: auto;
	}
	
	
	#right-body a:hover {
		text-decoration: underline;
	}
	
	
	#right-body h2 {
		margin: 0 0 10px 0;
		text-transform: uppercase;
		font-size: 10pt;
	}
	#right-body h3 {
		margin: 10px 0 10px 0;
		text-transform: uppercase;
		font-size: 8pt;
	}
	#right-body h4 {
		margin: 10px 0 10px 0;
		text-transform: uppercase;
		font-size: 8pt;
	}
	
	#right-body a {	text-decoration: none; color: #fff }
	
	
	#right-body p {
		margin: 7px 0 7px 0;
	}
	
	#content {
		width:690px;
	}
	#content p {
		margin: 0px 0 7px 0;
	}
	
	
	#right-body ul.menu, #right-body ul.menu li {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	#right-body ul.menu li {
		padding: 0px 0px 5px 0px;
	}
	 
	#right-body div.top {
		font-size: 12px;
		font-weight: bold;
		padding-bottom: 5px;
		width: 690px;
	}
	
	#right-body div.spacer {
		height: 1px;
	}
	#right-body a#view-image {
		display: block;
		padding-bottom: 5px;
	}



#footer-left, #footer-right, #footer-left a, #footer-right a, #footer-right-nj a {
	text-decoration: none;
	font-size: 8pt;
	color: #bbb;
}
#footer-left a:hover, #footer-right a:hover, #footer-right-nj a:hover {
	text-decoration: underline;
}
#footer-left {
	padding-top: 5px;
	width: 500px;
	float: left;
}
#footer-right {
	clear: both; 
	float: right; 
	width: 300px;
	height: 30px;
	padding: 5px 28px 0 0;
	text-align: right;
	background: url(../images/logos/jester.gif) right no-repeat;
}

#footer-right-nj {
	clear: both; 
	float: right; 
	width: 300px;
	height: 30px;
	padding: 5px 0px 0 0;
	text-align: right;
}

#animation {
	padding-bottom: 1px;
}

body #footer, body #footer-left a, body #footer-right a   { color: #bbb; }

ul#gallery {
	margin: 0;
	padding: 0;
}
#gallery li {
	width: 90px;
	list-style: none;
	float: left;
	padding: 0;
	margin: 0 10px 6px 0;
}
#gallery li.last {
	margin: 0 0px 6px 0;
}
#gallery li a img {
	border: 1px solid #ccc;
	padding: 0;
}

form.contactform {
	border-left: 1px #fff solid;
	float: right; 
	width: 400px;
	padding-left: 10px;
	margin-left: 10px;
}

#right-body fieldset {
  margin: 0;
  border: 0;  
}
#right-body legend {
  padding: 0;
  font-weight: bold;
  margin: 0;
}
#right-body label {
  display: inline-block;
  line-height: 1.8;
  vertical-align: top;
}
#right-body fieldset ol {
  margin: 0;
  padding: 0;
}
#right-body fieldset li {
  list-style: none;
  padding: 5px 0px 5px 0px;
  margin: 0;
}
#right-body fieldset fieldset {
  border: none;
  margin: 0;
  padding: 0;
}
#right-body fieldset fieldset legend {
  padding: 0;
  font-weight: normal;
  margin: 0;
  color: #fff;
}
#right-body fieldset fieldset label {
  display: block;
  width: auto;
}
#right-body em {
  font-weight: bold;
  font-style: normal;
  color: #f00;
}
#right-body input.submit {
	border: 1px solid #fff;
	background-color: transparent;
	color: #fff;
	padding: 4px;
}
#right-body label {
  width: 120px; /* Width of labels */
}
#right-body fieldset fieldset label {
  margin-left: 123px; /* Width plus 3 (html space) */
}

#right-body ul.menus {
	margin: 0;
	padding: 0;
	width: 49%;
	float: left;
}
#right-body ul.menus li {
	margin: 0;
	padding: 0px 0 5px 0;
	list-style: none;
}