#shadowbox_title { 
  border: 0px solid; 
} 

#shadowbox_info { 
  border: 0px solid; 
}



body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: Arial, sans-serif;
	background-color: #d0c3b8; 
	background-image: url(../images/bkg_canvas.gif);
	background-repeat: repeat-x;
	color: #585858;
	font-size: 12px;
	line-height: 1.5em;
}

img {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}
:focus {
	outline: 0;
}
.clearer {
	clear: left;
	margin: 0;
	padding: 0;
}

.emphasis {
	font-weight: bold;
	color: #401a59;
}


/* Define Wrapper */


div#wrapper {
	margin: 0px auto; /* Centre canvas in browser */
	width: 890px;
	padding-top: 15px;
}

/* Define Canvas */


div#canvas {
	padding: 15px 15px 15px 15px;
	width: 860px;
	background-color: #fff;
	float: left;
}

/* Define Mastheads */

div#masthead {
	margin: 0;
	width: 860px;
}

body#home div#masthead {
	height:290px;
	background-image: url(../images/masthead_home.jpg);
}

body#food div#masthead {
	height: 235px;
	background-image: url(../images/masthead_food.jpg);
}

body#partyfood div#masthead {
	height: 235px;
	background-image: url(../images/masthead_partyfood.jpg);
}

body#canapes div#masthead {
	height: 235px;
	background-image: url(../images/masthead_canapes.jpg);
}

body#dining div#masthead {
	height: 235px;
	background-image: url(../images/masthead_dining.jpg);
}

body#drinks div#masthead {
	height: 235px;
	background-image: url(../images/masthead_drinks.jpg);
}

body#privateparties div#masthead {
	height: 235px;
	background-image: url(../images/masthead_privateparties.jpg);
}

body#weddings div#masthead {
	height: 235px;
	background-image: url(../images/masthead_weddings.jpg);
}

body#events div#masthead {
	height: 235px;
	background-image: url(../images/masthead_events.jpg);
}

body#contact div#masthead {
	height: 235px;
	background-image: url(../images/masthead_contact.jpg);
}

body#about div#masthead {
	height: 235px;
	background-image: url(../images/masthead_about.jpg);
}

body#corporate div#masthead {
	height: 235px;
	background-image: url(../images/masthead_corporate.jpg);
}

body#news div#masthead {
	height: 235px;
	background-image: url(../images/masthead_news.jpg);
}

body#csr div#masthead {
	height: 235px;
	background-image: url(../images/masthead_csr.jpg);
}

body#vacancies div#masthead {
	height: 235px;
	background-image: url(../images/masthead_vacancies.jpg);
}

body#venues div#masthead {
	height: 235px;
	background-image: url(../images/masthead_venues.jpg);
}

body#fixedvenues div#masthead {
	height: 235px;
	background-image: url(../images/masthead_fixedvenues.jpg);
}

body#clients div#masthead {
	height: 235px;
	background-image: url(../images/masthead_clients.jpg);
}

body#marquees div#masthead {
	height: 235px;
	background-image: url(../images/masthead_marquees.jpg);
}

body#ontheriver div#masthead {
	height: 235px;
	background-image: url(../images/masthead_ontheriver.jpg);
}

body#regatta div#masthead {
	height: 235px;
	background-image: url(../images/masthead_regatta.jpg);
}



body#partners div#masthead {
	height: 235px;
	background-image: url(../images/masthead_partners.jpg);
}


div#masthead h1 {
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

div#masthead h1 a {
	display: block;
	width: 200px;
	height: 92px;
	text-indent: -99999px;
}

/* Define Navigation */


div#navigation {
	margin: 0px 0px 0px 0px;
	padding: 14px 0px 14px 0px;
	width: 860px;
	background-color: #401a59;
	background-image: url(../images/bkg_nav.gif);
	background-repeat: repeat-x;
	float: left;
}

div#navigation ul {
	margin: 0px 0px 0px 15px;
	padding: 0px 0px 0px 0px;	
	font-family: georgia, arial;
	font-weight: bold;
	font-size: 11px;
}

div#navigation ul li {
	margin: 0px 0px 0px 0px;
	padding: 0px 20px 0px 20px;
	border-right: 1px solid #69318d;
	list-style: none;
	float: left;
}

div#navigation ul li.firstlink {
	padding-left: 15px;
}

div#navigation ul li.lastlink {
	border-right: 0px; 
	padding-right: 0px;
}

div#navigation ul li a {
	color: #8e66a8;
	text-decoration: none;
}

div#navigation ul li a:hover { 
	color: white; 
}

div#navigation ul li a.selected {
	color: white;
}


div#dropshadow {
	width: 860px;
	height: 15px;
	background-image: url(../images/bkg_nav-shadow.gif);
	background-repeat: no-repeat;
	float: left;
}

/* Define Sub Navigation */

div#subnavigation {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 15px 0px;
	width: 860px;
	border-bottom: 1px solid #ccc;
	font-family: georgia, arial;
	font-weight: bold;
	float: left;
}

div#subnavigation ul {
	margin: 0px 0px 0px 15px;
	padding: 0px 0px 0px 0px;
}

div#subnavigation ul li {
	margin: 0px 0px 0px 0px;
	padding: 0px 15px 0px 20px;
	list-style: none;
	background-image: url(../images/nav_bullet.gif);
	background-repeat: no-repeat;
	background-position: 0px 50%; /* Position bullet */
	float: left;
}

div#subnavigation ul li a {
	color: #8e66a8;
	text-decoration: none;
}

div#subnavigation ul li a:hover {
	color: #401a59;
}

div#subnavigation ul li.firstlink {
	list-style: none;
	background-image: none;
	padding-left: 15px;
}

div#subnavigation ul li.lastlink {
	border-right: 0px;
	padding-right: 0px;
}

div#subnavigation ul li a.selected {
	color: #401a59;
}

/* Define Content Area */

div#contentarea {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 860px;
	background-color: white;
	float: left;
}

/* Define Primary Content */

div#primarycontent {
	margin: 25px 0px 0px 30px;
	padding: 0px 0px 0px 0px;
	width: 500px;
	float: left;
	display: inline; /* Line up elements on PC */
}

body#home div#primarycontent {
	margin: 20px 0px 0px 30px;
}

div#primarycontent img.title {
	padding-bottom: 0px;

}

div#primarycontent .inlinepic {
	margin: 0px 0px 15px 15px;
	padding: 0px 0px 0px 0px;
	float: right;
}

div#primarycontent a.inlinepic {
	margin: 0px 0px 15px 15px;
	padding: 0px 0px 0px 0px;
	float: right;
	display: block;
	height: 110px;
}

div#primarycontent a:hover.inlinepic {
	background-color: #8e66a8;
}

div#primarycontent h1 {
	margin: 0px 0px 7px 0px;
	padding: 0px 0px 0px 0px;
	font-family: Georgia, serif;
	font-weight: 100;
	font-style: oblique;
	color: #401a59;
	font-size: 22px;
	line-height: 1.5em;
	border-bottom: 1px solid #ccc;
}

div#primarycontent h2 {
	margin: 0px 0px 7px 0px;
	padding: 0px 0px 0px 0px;
	font-family: Georgia, serif;
	font-weight: 100;
	font-style: oblique;
	color: #401a59;
	font-size: 22px;
	line-height: 1.5em;
	border-bottom: 1px solid #ccc;
}

div#primarycontent h3 {
	margin: 0px 0px 7px 0px;
	padding: 0px 0px 0px 0px;
	font-family: georgia, serif;
	font-size: 14px;
	font-style: oblique;
	color: #401a59;
}

div#primarycontent h4 {
	margin: 4px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #401a59;
	font-size: 12px;
}

div#primarycontent p {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 8px 0px;
	
}

div#primarycontent p.author {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 5px 0px;
	font-weight: bold;
	color: #401a59;
}

div#primarycontent p.date {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	font-weight: bold;
}

div#primarycontent p.rule {
	border-bottom: 1px solid #ccc;
	margin-bottom: 15px;
	display: block;
}

div#primarycontent a {
	color: #401a59;
	text-decoration: none;
	background-color: #eee;
}

div#primarycontent a:hover {
	background-color: transparent;
}

div#primarycontent ul.textlist {
	margin: 0;
	padding: 0px 0px 8px 0px;
}

div#primarycontent ul.textlist li {
	margin: 0;
	padding-left: 15px;
	list-style: none;
	background-image: url(../images/nav_bullet.gif);
	background-repeat: no-repeat;
	background-position: 0px 50%;
}

.column {
	float: left;
	padding-right: 40px;
}



ul.drawers {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

.drawer-handle {
	margin-top: 0.5em;
}

#primarycontent ul.drawers li.drawer .drawer-handle h3 {
	cursor: pointer;
	background: url(../images/blue_closed_arrow.gif) right center no-repeat;
}

#primarycontent ul.drawers li.drawer .ui-state-active h3 {
	background: url(../images/blue_open_arrow.gif) right center no-repeat;
}

#primarycontent .drawer-handle img, li.drawer p {
	cursor: pointer;
}

li.drawer {
	margin: 0;
	padding: 0 0 0.25em 0;
	border-bottom: 1px solid #ccc;
}












/* Define Secondary Content */

div#secondarycontent {
	margin: 105px 30px 0px 0px;
	padding: 0;
	width: 270px;
	display: inline; /* Line up elements on PC */
	float: right;
}

div#secondarycontent.gallery {
	margin-top: 25px;
}

div#secondarycontent h4 {
	margin: 24px 0px 0px 6px;
	padding: 0px 0px 0px 0px;
	color: #401a59;
	font-size: 12px;
}

div#secondarycontent ul.subnav {
	margin: 10px 0px 0px 7px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
}

div#secondarycontent ul.subnav li {
	margin: 6px 0px 6px 0px;
	padding: 5px 0px 0px 0px;
	border-top: 1px solid #ccc;
}

div#secondarycontent ul.subnav li a {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 26px;
	display: block;
	overflow: hidden;
	height: 16px;
	color: #666;
	text-decoration: none;
	background-image: url(../images/icon_arrow_down.gif);
	background-repeat: no-repeat;
}

div#secondarycontent ul.subnav li a.testimonial {
	background-image: url(../images/icon_testimonial.gif);
}

div#secondarycontent ul.subnav li a.hyperlink {
	background-image: url(../images/icon_arrow_right.gif);
}

div#secondarycontent ul.subnav li a.facebook {
	background-image: url(../images/icon_facebook.png);
}

div#secondarycontent ul.subnav li a.twitter {
	background-image: url(../images/icon_twitter.png);
}

div#secondarycontent ul.subnav li a:hover {
	text-decoration: underline;
	background-position: 0px -16px;
}

body#home div#secondarycontent {
	margin: 25px 30px 0px 0px;
}


/* Define Gallery List */

div#secondarycontent ul.gallery_list {
	margin: 0px 0px 20px 7px;
	padding: 0px;
	width: 270px;
	float: left;
}

div#secondarycontent ul.gallery_list li {
	margin: 15px 15px 0px 0px;
	list-style: none;
	background-color: #ccc;
	float: left;
}

div#secondarycontent ul.gallery_list li a {
	width: 110px;
	height: 110px;
	float: left;
}

div#secondarycontent ul.gallery_list li a:hover {
	background-color: #8e66a8;
}

div#secondarycontent img.gallery_pic {
	margin: 3px 3px 3px 3px;
	float: left;
	border: 0;   /* Remove image border from PC */
}










/* Define Gallery List */

div#primarycontent ul.gallery_list {
	margin: 20px 0px 20px 0px;
	padding: 0px;
	width: 500px;
	float: left;
}

div#primarycontent ul.gallery_list li {
	margin: 15px 15px 0px 0px;
	list-style: none;
	background-color: #ccc;
	float: left;
}

div#primarycontent ul.gallery_list li a {
	width: 110px;
	height: 110px;
	float: left;
}

div#primarycontent ul.gallery_list li a:hover {
	background-color: #8e66a8;
}

div#primarycontent img.gallery_pic {
	margin: 3px 3px 3px 3px;
	float: left;
	border: 0;   /* Remove image border from PC */
}








/* Define Footer */

div#footer {
	margin: 35px 0px 4px 0px;
	padding: 0px 30px 0px 30px;
	width: 800px;
	background-color: #401a59;
	background-image: url(../images/bkg_nav.gif);
	float: left;

}

div#footer p {
	margin: 0px 0px 0px 0px;
	padding: 9px 0px 9px 0px;
	font-family: georgia, arial;
	font-weight: bold;
	color: #8e66a8;
}

ul.footerlinks {
	border-top: 0px solid #eee;
	clear: both;
	margin: 0px 0px 0px 0px;
	padding: 12px 0px 0px 0px;
	
}

ul.footerlinks li.first {
	padding-left: 30px;
}

ul.footerlinks li.last {
	border-right: 0px solid #69318d;
}

ul.footerlinks li {
	margin: 0px 0px 8px 0px;
	padding: 0px 10px 0px 10px;
	border-right: 1px solid #eee;
	list-style: none;
	float: left;
}

ul.footerlinks li a {
	font-family: arial;
	font-size: 10px;
	text-decoration: none;
	color: #ccc;
	font-weight: 100;
}

ul.footerlinks li a:hover {
	color: #999;
}

div#footer p.contact {
	float: left;
}

div#footer p.midlinks {
	padding-left: 94px;
	float: left;
}

div#footer p.credit {
	float: right;
}

div#footer p a {
	text-decoration: none;
	color: #8e66a8;
}

div#footer p a:hover {
	color: white;
}

p.creditnote {
	color: #a09389;
	padding-bottom: 12px;
	float: right;
}

p.creditnote a {
	color: #a09389;
}