/*******************
	Page Layout
********************/
html, body{ background-color:#f0f1f1; }
body{ text-align:center; color:#666; font-family:Helvetica, Arial, sans-serif; }

#page-container{ width:902px; margin:0 auto; text-align:left; overflow:hidden; border:42px solid #fff; background-color:#fff; }
#page-container.map{ background: #fff url("../images/map/map.gif") no-repeat 0 112px; }
#page-container.map #content{ position:relative; min-height:518px; height:auto !important; height:518px; }
	#header{ width:902px; float:left; }
		a#logo{ display:block; width:206px; height:89px; }
		p#slogan{ margin:0; font-family:'helvetica-thin', sans-serif; font-size:34px; color:#762e85; padding:12px; }
		#slogan-flash{height: 58px;}
		.ie6 p#slogan, .ie7 p#slogan{ padding-bottom:6px; }
		#navigator{ background: url("../images/backgrounds/ornament.gif") no-repeat; width:654px; float:right; }
		#navigator.home{background: none;}
	#content{ width:902px; float:left; margin:20px 0 0 0; min-height:518px; height:auto !important; height:518px; }
		#left-side{}
		#right-side{}
#footer{ width:986px; margin:0 auto; text-align:left; overflow:auto;}
	#footer ul{ margin:10px 0; padding:0; }
	#footer ul li{ margin:0 22px; padding:0; list-style:none; float:right; color:#666; font-size:14px; }
	#footer ul li.copyright{ float:left; margin:0; }
	#footer ul li.contact{ margin-right:0; }
	#footer ul li a, #footer ul li a:link, #footer ul li a:visited{ color:#666; }
	#footer ul li a:hover, #footer ul li a:active{ color: #8a8a8a; }


/*************************
	Site wide elements
**************************/
.inside{ padding:12px; }
h1{ color:#762e85; font-family:'helvetica-thin', sans-serif; font-size:28px; margin:0 0 10px 0; }
h1 em{ color:#e460a2; font-style:normal; }
p.subtitle{ width:580px; }

#content a{ color:#762e85; }

h2{ color:#762e85; font-family:'helvetica-light', sans-serif; font-size:14px; margin:0; font-weight:bold; }

ul#nav{ margin:10px 0 0 0; padding:0; width:654px; overflow:auto; height:60px; position:relative; background:url("../images/backgrounds/subnav.gif") repeat-x left bottom; }
.ie6 ul#nav, .ie7 ul#nav{ margin:0; }
ul#nav li{ margin:0 13px; padding:0; display:inline; list-style:none }
ul#nav li a, ul#nav li em{ color:#666; text-decoration:none; display:inline-block; line-height:30px; padding:0 10px; font-size:18px; font-family:'helvetica-light', sans-serif; }
ul#nav li.active a{ background:url("../images/backgrounds/nav.gif") repeat-x left bottom;  }
ul#nav li.active ul{ display:block; }
/*ul#nav li ul{ display:none; position:absolute; bottom:2px; margin:0; padding:0; width:652px; left:0; }*/
ul#nav li ul{ display:none; position:absolute; bottom:2px; margin:0; padding:0; left:0; }
.ie6 ul#nav li ul, .ie7 ul#nav li ul{ bottom:0px; }
ul#nav li ul li{ display:inline; margin:0; padding:0; line-height:normal; background:url("../images/backgrounds/nav-dsp.gif") no-repeat right center; }
ul#nav li ul li a, ul#nav li.active ul li a, ul#nav li.active ul li em{ background:none; font-size:11px; font-style:normal; }
ul#nav li ul li.on a, ul#nav li ul li a:hover{text-decoration: underline;}

ul#nav li ul.breadcrumb{ margin-left:10px; width:600px; }
ul#nav li ul.breadcrumb li{ background:none; }
ul#nav li ul.breadcrumb li a, ul#nav li.active ul.breadcrumb li a{ background:none; padding:0; font-size:11px; text-decoration:underline; }

ul#nav li#home{ margin-left:0; }
ul#nav li#about ul{ margin-left:20px; width:558px; }
ul#nav li#gallery ul{ margin-left:112px; width:460px; }
ul#nav li#services ul{ margin-left:50px; width:600px; }
ul#nav li#venues ul{ margin-left:270px; width:370px; }
ul#nav li#contact{ margin-right:0; margin-left:15px; }
ul#nav li#contact ul{ margin-left:570px; width:82px; }

#home-image{ width:578px; float:left; }
#home-right-side{ margin-left:594px; padding-right:10px; }
#home-right-side h1{margin-bottom: 15px;}

p.discover{}
p.discover a{ color:#762e85; font-size:16px; margin-bottom:5px; }
p.discover a:hover{ color: #b38abc!important; }

a.zone{ position:absolute; width:56px; height:56px; display:block; }
#liverpool{ top:258px; left:105px; }
#bath{ top:368px; left:125px; }
#southeast{ top:378px; left:199px;  }

#map-descriptor{ margin-left:252px; }
#getViaJS{ width:253px; margin-top:15px; margin-left:125px; }
#getViaJS h3{ font-size:18px; color:#762e85; font-family:'helvetica-light', sans-serif; margin:14px 0 0 0; }
/*#getViaJS p{ margin: 0 0 10px 0; }*/
#getViaJS a{ color:#762e85; }

ul.split-half{ margin:0; padding:0; width:902px; overflow:auto; background:  url("../images/vline.gif") repeat-y 46.5%;}
ul.split-half li{ margin:0; padding:0; list-style:none; width:50%; float:left; }

ul.split-half.testimonials .scroll{ background:none; padding:14px 25px 14px 0; }
#testimonials{background: none;padding: 0;}

.team-member{ width:380px; overflow:visible; margin-bottom:18px; }
.team-member img{ float:left; width:122px; margin:0 10px 0 0; }
.team-member p{ margin:0 0 5px; }

.testimonial{ width:380px; margin-bottom:18px; float:left; }
.testimonial img{ float:left; width:122px; margin:0 10px 0 0; }
.testimonial h2{ color:#111; }
.testimonial p{ margin:0;color:#762E85; }

.scroll{background-color: #f0f0f0;padding: 14px 18px;}
.scroll-pane{height: 400px;overflow: auto;}

dl{margin: 0;padding: 0;}
dl dt,dl dd{display: block;margin: 0;padding: 0;float: left;width: 100%;}
dl dd{margin-bottom: 18px;}
dl dt{color: #762e85;font-size: 133.1%;font-weight: normal;}

.pview-landscape #pview-pic{ width:580px; float:left; position:relative; }
.pview-square #pview-pic{ width:450px; float:left; position:relative; }
.pview-portrait #pview-pic{ width:319px; float:left; position:relative; }

#pview-pic address{ color:#762e85; font-size:14px; font-style:normal; }
#pview-pic #test{ position:absolute; top:10px; left:10px; font-weight:bold; color:#fff; z-index:12; }

.pview-landscape #large-pic{ width:578px; height:418px; position:relative; }
.pview-square #large-pic{ width:448px; height:448px; position:relative; }
.pview-portrait #large-pic{ width:317px; height:448px; position:relative; }

#large-pic div#big-version{ position:absolute; z-index:10; top:0; left:0; width:578px; height:418px; overflow:hidden; }
/*
#large-pic div#big-version img{ position:absolute; top:0; left:0; opacity:0; }
#large-pic div#big-version img.active{ z-index:10; }
#large-pic div#big-version img.last-active{ z-index:9; }
*/
#large-pic img#watermark{ position:absolute; z-index:11; bottom:0; right:8px; }

.pview-landscape #pview-desc{ margin-left:592px; position:relative; height:454px; }
.ie6 .pview-landscape  #pview-desc{ margin-left:645px; }

.pview-square #pview-desc{ margin-left:455px; position:relative; height:454px; }
.ie6 .pview-square  #pview-desc{ margin-left:450px; }

.pview-portrait #pview-desc{ margin-left:322px; position:relative; height:454px; }
.ie6 .pview-portrait  #pview-desc{ margin-left:317px; }

.pview-square .text, .pview-portrait .text { padding-left:8px; }


#pview-desc ul{ margin:0; padding:0; position:absolute; bottom:0; }
.ie6 #pview-desc ul, .ie7 #pview-desc ul{ bottom:6px; }
#pview-desc ul li{ margin:0 6px 6px 0; padding:0; list-style:none; float:left; }
#pview-desc ul li.last{ margin-right:0; }
#pview-desc ul li a{ display:block; width:58px; height:58px; }

#gallery-selector{ width:579px; float:left; text-align:left; position:relative; overflow:hidden; }
#gallery-selector a#prev{ position:absolute; top:0; left:0; z-index:10; display:block; width:58px; height:58px; }
#gallery-selector a#next{ position:absolute; top:0; right:0; z-index:10; display:block; width:58px; height:58px; }
#gallery-selector div#scrollme{ width:644px; margin:0; overflow:hidden; height:58px; position:relative; }
#gallery-selector div#scrollme ul{ margin:0; padding:0; width:6000px; }
#gallery-selector div#scrollme ul li{ margin:0 7px 0 0; padding:0; list-style:none; width:58px; height:58px; float:left; }
#gallery-selector div#scrollme ul li a{ }

/*  ---------------------------------------
	events/latest-news */

#events-and-fairs{float: left;width: 385px;}
#events-news{float: right;width: 450px;}

#events-and-fairs h1, #events-news h1{margin-bottom: 14px;}

#events-news ul{margin: 0;padding: 0;}
#events-news ul li{display: block;float: left;width: 100%;background:  url("../images/dotted-line.gif") repeat-x bottom; padding: 0 ;margin: 0 0 20px;}
html.ie7 #events-news ul li,html.ie6 #events-news ul li{padding-bottom: 20px;}
#events-news ul li img{float: left;}
#events-news ul li div{float: right; width: 225px;padding-right: 20px;}
#events-news ul li div h3{color: #e460a2;margin: 0;}
#events-news ul li div h3 em{font-style: normal;display: block;color: #666;}

/*  ---------------------------------------
	textpage */

#text-page .scroll-pane{width: 450px;height: 360px;padding-right: 50px;}
#text-page form{margin: 15px 0;}

/*  ---------------------------------------
	landing page */

#landing-text{float: left;width: 235px;}
#landing-text h1{margin: 0 0 10px;}
#landing-text p{margin: 0 0 5px;}

#landing-listing{float: right;}
#landing-listing ul{width: 652px;margin: 0;padding: 0;overflow: auto;}
#landing-listing ul li{width: 123px;margin-right: 9px;float: left;display: block;list-style: none;text-align: center;}
#landing-listing ul li.last{margin-right: 0;}
#landing-listing ul li h4{font-size: 100%;}

/*  ---------------------------------------
	contact */
.cols{margin: 0;padding: 0;float: left;width: 100%;background:  url("../images/backgrounds/bg-contact.gif") repeat-y 49%;}
.cols li{float: left;width: 29%;display: block;list-style: none;}
.cols li.mid{width: 29%; padding: 0 6.4%;}

form label,form .label{display: block;width: 100%;float: left;margin-bottom: 15px;}
form label input.text, #contact-form .label input.text, form label textarea, form .label textarea, form label span, form .label span{display: block;float: left;width: 240px;margin: 0 0 4px;padding: 2px 5px;font-weight: normal;}
form label span, form .label span{padding: 0;margin: 0;}
form label select, form .label select{width: 210px;}
form p{margin: 10px 0;}
form p.top-space{margin: 20px 0;}
form .checklist label{margin: 0 0 5px;}
form .checklist label span{width: 200px;}
form .checklist label input.checkbox{margin: 0;float: left;position: relative;top: 1px;}
form label input.small{width: 50px;}
#contact-form textarea{height: 100px;}
#contact-form a.tick-all{color: #666;text-decoration: none;}

form .contact-back{margin-bottom: 15px;overflow: auto;}

.ui-datepicker-calendar{border-collapse: collapse;}
.ui-datepicker table{border-collapse: collapse;font-size: 10px;}
.ui-datepicker-calendar th{background-color: #762e85;color: #fff;}


/***********
	Utils
************/
.hide{ display: none; }
.show{ display: block; }
.show_{ display: inline; }
.underline{ text-decoration: underline; }
.italic{ font-style: italic; }
.right{ text-align: right; }
.left{ text-align: left; }
.center{ text-align: center; }
.bold{ font-weight: bold; }
.bolder{ font-weight: bolder; }
.sstrike{ text-decoration: line-through; }
.floatRight{ float: right !important; }
.floatLeft{ float: left !important; }
hr{ clear:left; height:1px; color:#52564a; background-color:#52564a; border:0; }

.floatRightImg{ float:right; margin: 0 0 8px 8px; clear: right; }
.floatLeftImg{ float:left; margin: 0 8px 8px 0; clear: left; }

*, *:active, *:focus {outline: 0;outline-style: none;outline-width: 0px;-moz-outline-width: 0px;}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */