/* CSS Document */

body {
	padding:0;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#313131;
	background-image:url(images/76ppbg.png);
	background-repeat:repeat-x;
}

form {
	margin:0;
	padding:0;
}

img {
	border:0;
}

.break {
	height:1px;
	overflow:hidden;
	clear:both;
}

.break.with-margin {
	margin: 5px 0;
}

 .break.black{
	margin: 0 14px 0 221px;
	background-color: #181818;
} 

a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

p {
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 13px;
	line-height: 20px;	
}

p.no-margin {
	margin: 0;
}

h2 {
	margin: 25px 0 0 0;
	padding: 0;
	color: #333333;
	font-size: 20px;
}

h2 a {
	color: #333333 !important;
	font-size: 20px;
	text-decoration: underline;
}

h2 a:hover {
	text-decoration: none;
}

ul {
	color: #333333;
	font-size: 13px;
	line-height: 20px;
}

.spacer {
	height: 1px;
	background: url(images/spacer-body-right-bottomstripe.png) repeat-x;
	overflow:hidden;
}

.telephone {
	margin: 2px 0;
	padding-left: 20px;
	background: url(images/ico_telephone.png) no-repeat left center;
	font-size: 13px;
}

.image-align {
	text-align: center;
}

.fax {
	margin: 2px 0;
	padding-left: 20px;
	background: url(images/ico_fax.png) no-repeat left center;
	font-size: 13px;
}

.email {
	margin: 2px 0;
	padding-left: 20px;
	background: url(images/ico_email.png) no-repeat left center;
	font-size: 13px;
}

.website {
	margin: 2px 0;
	padding-left: 20px;
	background: url(images/ico_website.png) no-repeat left center;
	font-size: 13px;
}

.train {
	margin: 2px 0;
	padding-left: 20px;
	background: url(images/ico_train.png) no-repeat left center;
	font-size: 13px;
}

.underground {
	margin: 2px 0;
	padding-left: 20px;
	background: url(images/ico_underground.png) no-repeat left center;
	font-size: 13px;
}

.pageturn img {
	width: 48px;
	float: left;
}

.pageturn  a.link {
	width: 300px;
	margin: 2px 0 2px 10px;
	padding: 6px 0 10px 0;
	float: left;
	font-size: 13px !important;
	font-weight: bold;
	display: block;
}

#container {
	margin:0 auto;
	width:946px;
}

#header {
	width:946px;
	height:162px;
}

#header-left {
	width:221px;
	height:162px;
	float:left;
}

#logo {
	width:161px;
	height:102px;
	padding:16px 0 0 60px;
}

#header-right {
	width:725px;
	height:162px;
	float:left;
}

#newsletter {
	width:707px;
	height:77px;
	padding:18px 18px 0 0;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#ffffff;
}

#newsletter-box {
	width:105px;
	height:16px;
	background-image:url(images/newsletter-bg.png);
	background-repeat:no-repeat;
	padding:2px 0 0 9px;
	margin:0 6px 0 6px;
}

#newsletter input#newsletter-input {
	width:90px;
	height:14px;
	border:none;
	padding:0;
	margin:0;
	font-size:9px;
	background-color:#c7c7c7;
}

#header-bottom {
	width:725px;
	height:67px;
}

#content {
	clear: both;
	width: 946px;
	background: url(images/main-bg.png) no-repeat right top;
}

#left-col {
	width:221px;
	float:left;
}

#home-button {
	width:189px;
	height:23px;
	background-image:url(images/home.png);
	background-repeat:no-repeat;
	background-position:0 0;
/*	background-position:top left;*/
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:14px;
	padding:10px 0 0 32px;
}

#home-button a {
	color:#FFFFFF;
}

#menu {
	width:209px;
	padding:0 0 0 12px;
}

#menu ul {
	list-style:none;
	padding:0;
	margin:0;
}

#menu ul li {
	display:block;
	width:189px;
	height:auto;
	background:url(images/menu-bg.png) no-repeat top left;
	padding:5px 0 6px 20px;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:14px;
}

#menu ul li.last {
	border-bottom:1px solid #5e5e5e;
}

#menu ul li ul {
	padding-top: 0px;
	display:none;
}

#menu ul li ul.active {
	display:block;
}

#menu ul li ul li {
	width:189px;
	height: auto;
	background-image: none;
	padding:2px 0 2px 0;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:14px;
}

#menu ul li a {
	color:#FFFFFF;
}

#right-col {
	width:725px;
	float:left;
	display: inline;
	overflow: hidden;
}

.flash {
	width: 726px;
	height: 284px;
	margin: 0;
	padding: 0;
	overflow:hidden;
}

#main-body {
	width: 711px;
	margin: 0 15px 0 0;
	padding: 0;
	background-color: #FFFFFF;
	overflow:hidden;
}

#main-body.no-right-col {
	width: 684px;
	margin: 15px 0 0 15px;
}

#body-left {
	width: 451px;
	padding: 20px 20px 0; /* top left/right bottom */
	float: left;
	overflow: hidden;
	min-height:476px;
}

#body-left-team {
	width: 711px;
	padding: 20px 20px 0; /* top left/right bottom */
	float: left;
	overflow: hidden;
	min-height:476px;
}

#body-left.detailpage {
	width: 401px;
}

#body-left p {
	color: #333333;
}

#body-left p.date {
	margin: 0 0 18px 0;
	line-height: normal;
	color: #999999;
}

#body-left .spacer-shadow {
	background: url(images/spacer-body-left-shadow.png) repeat-x;
	overflow:hidden;
}

#body-left a {
	color: #316db5;
	text-decoration: underline;
}

#body-left a:hover {
	text-decoration: none;
}

a.hplink {
	margin-bottom: 10px;
	float: right;
	color: #316db5;
	font-size: 13px;
	font-weight: bold;
}

#body-right {
	width: 220px;
	overflow:hidden;
	float: left;
	background: url(images/spacer-body-right-leftstripe.png) repeat-y left top #F8F8FA;
}

#body-right.detailpage {
	width: 270px;
	background: none;
}

#body-right p {
	color: #666666;
}

#body-right a {
	color: #316db5;
	text-decoration: none;
}

#body-right .wrapper {
	width: 180px;
	padding: 20px 20px 0; /* top left/right bottom */
}

#body-right .wrapper.images {
	padding: 15px 0;
}

#body-right .wrapper.map {
	padding: 20px 20px 20px; /* top left/right bottom */
}

#body-right .wrapper .title {
	margin-top: 15px;
	line-height: 24px;
	font-size: 14px;
	color: #333333;
}

#body-right .wrapper .detail {
	font-size: 13px;
	color: #666666;
}

#body-right ul.podcast {
	margin: 0;
	padding: 0;
	list-style: none;
}

#body-right ul.podcast li {
	margin: 20px 0 0;
	color: #666666;
	font-size: 13px;
}

#body-right ul.podcast li a.icon {
	padding: 0 0 0 22px;
	background: url(images/icon-podcast.png) no-repeat left top;
	color: #3a73b8;
	font-size: 13px;
	font-weight: bold;
}

#body-right ul.podcast li a:hover {
	text-decoration: underline;
}

/* added by Tom */
#logos {
	width: 675px;
	padding: 0 18px;
	float: left;
	background-color: #FFFFFF;
	padding-bottom: 10px;
	padding-top: 20px;
}
		

#footer {
	width: 675px;
	height: 108px;
	padding: 0 18px;
	background: url(images/footer-bg.png) repeat-x left top #000000;
}

#footer a {
	color: #FFFFFF;
	text-decoration: underline;
}

#footer a:hover {
	text-decoration: none;
}

#footer .left {
	width: 337px;
	margin-top: 30px;
	float: left;
}

#footer .right {
	width: 338px;
	margin-top: 18px;
	float: right;
	color: #FFFFFF;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align: right;
}

#footer .right p {
	font-size:11px;
}

#main-body.listing .title {
	margin-top: 10px;
	line-height: 24px;
	font-size: 14px;
	color: #333333;
}

#main-body.listing .title a {
	line-height: 24px;
	font-size: 14px;
	color: #333333;
	text-decoration: none;
}

#main-body.listing .title a:hover {
	text-decoration: underline;
}

#main-body.listing .detail {
	font-size: 13px;
	color: #666666;
}

#main-body.listing .parking {
	margin: 15px 0 0 0;
	padding: 0;
}

#main-body.listing .text{
	width: 280px;
	margin: 0;
	float: left;
}

#main-body.listing .text-image{
	width: 170px;
	margin: 16px 0 0 0;
	float: left;
}

#main-body.listing .thumb {
	width: 130px;
	margin-top: 18px;
	margin-right: 20px;
	float: left;
}

#main-body.listing .shortdescription p {
	width: 300px;
	margin: 0;
	float: left;
}

.spacer.listing {
	margin-top: 10px;
	margin-bottom: 10px;
}

form#contact label {
	color: #333333;
	font-size: 13px;
	font-weight: bold;
}

.conference-meeting .left {
	width: 130px;
	margin: 0;
	padding: 0;
	float: left;
}

.conference-meeting .right {
	width: 300px;
	margin: 0 0 0 0;
	padding: 0;
	float: left;
}

.team {
	width: 175px;
	margin: 0 0 20px 0;
	padding: 0;
	float: left;
}

.team .right {
	width: 300px;
	margin: 10px 0 0 0;
	padding: 0;
	float: left;
}

#team-ind{
	width: 165px;
	background-color: #e6e6e6;
	float: left;
	margin-right: 30px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	padding-top: 10px;
	padding-left: 15px;
	border: 1px #5a5a5a solid;
	min-height: 305px;
}

#team-name{
	font-size: 14px;
	background-color: #5b5b5b;
	width: 145px;
	padding-left: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	color: #ffffff;
	margin-bottom: 5px;
}

#team-desc{
	font-size: 12px;
	width: 150px;
}

#team-group{
	margin-left: 30px;
}

#flashintro {
	width: 726px;
	position:absolute;
}

table.feedback {
	width: 672px;
	margin: 0 11px;
	border-top: 1px solid #666666;
	border-left: 1px solid #666666;
	margin-bottom: 6px;
	font-size: 12px;
}

table.feedback th {
	text-align: center;
	font-weight: bold;
	border-bottom: 1px solid #666666;	
	border-right: 1px solid #666666;	
	padding: 3px;
	width: 78px;
}

table.feedback td {
	text-align: center;
	border-bottom: 1px solid #666666;	
	border-right: 1px solid #666666;
	padding: 3px;	
	width: 78px;
}

#map {
	width:450px;
	height:450px;
	margin-bottom: 35px;
	border:1px solid #999999;
}

#map .title {
	line-height: 24px;
	font-size: 14px;
	color: #333333;
}

#map .detail {
	font-size: 13px;
	color: #666666;
}

#gallery {
	width: 684px;
	margin: 15px 0 0 15px;
}

#gallery .title {
	font-size: 18px;
	color:#333333;
	font-weight: bold;
}

#gallery ul {
	clear: both;
	margin: 0;
	padding: 0;
	list-style: none;
}

#gallery ul li {
	margin-left: 8px;
	float: left;
	font-size: 13px;
	color: #666666;
	width:130px;
}

#gallery ul li.end {
	margin: 0;
	clear:both;
}

.pageidx-nav {
	margin: 15px 0 10px 0;
	/* padding: 0 52px 0 0; */
	font-size: 12px;
}

.pageidx-nav .pageidx-prev {
	float:left;
	width:60px;
}

.pageidx-nav .pageidx-nos {
	float:left;
	text-align:center;
	width:345px;
}

.pageidx-nav .pageidx-next {
	width:40px;
	float:left;
	text-align:right;
}

.usefuldoc {
	margin-top: 10px;
}

.usefuldoc .title {
	float: left;
	font-weight: bold;
}

.usefuldoc a {
	margin: 0 0 0 8px;
	float: left;
	font-size: 12px;
	line-height: 26px;
}

.usefuldoc p {
	margin: 0;
	padding: 0;
}

.usefuldoc .description {
	clear: both;
	margin: 0 0 15px 24px;
}

a.floorplan {
	font-size: 12px;
}

.testimonial-container{
	width:400px;
	margin:10px 0 15px 0;
}

.testimonial-container .read-more{
	font-size:12px;
}

.testimonial-container .read-more a{
	text-decoration:line-through;
}

.testimonial-container p{
	margin-top:0px;
}

.testimonial-container .says{
	font-size:12px;
	font-style:italic;
}

.testimonial-container .date{
	font-size:12px;
	font-style:italic;
	text-align:right;
	color:#999999;
}

.testimonial-container .img{
	width:120px;
	float:left;
	text-align:right;
}

.testimonial-container .img img{
	border:1px solid #CCCCCC;
	padding:2px;
}

.testimonial-container .text{
	width:330px;
	float:left;
}

.testimonial-nav{
	font-size:11px;
	font-weight:bold;
	margin-top:20px;
	float:right;
	width:150px;
}

.testimonial-nav a{
	
}

.testimonial-nav .next{
	float:left;
	text-align:right;
	width:70px;
}
.testimonial-nav .prev{
	float:left;
	width:70px;
}

/*---- BOOKING FORM ----*/
#booking-form {
	font-size: 12px;
}

#booking-form h2 {
	margin: 0 0 10px;
	font-size: 16px;
	color:#333333;
}

#booking-form h3 {
	margin: 0 0 5px;
	font-size: 12px;
	color: #333333;
}

#booking-form form {
	width: 665px; 
}

#booking-form div.row {
	margin: 0 0 12px;
	overflow: hidden;
	clear: both;
}

#booking-form div.form-spacer {
	height: 5px;
	margin: 15px 0;
	background: url(images/form-spacer.png) repeat-x left bottom;
	clear: both;
}

#booking-form form label {
	width: 150px;
	padding-top: 7px;
	font-size: 12px;
	font-weight: bold;
	color: #666666;
	float: left;
	display: block;
}

#booking-form form label.wide {
	width: 300px;
}

#booking-form form input.text {
	width: 200px;
	margin: 0;
	padding: 4px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid #CCCCCC;
	color: #333333;
}

#booking-form form textarea {
	width: 225px;
	height: 100px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}

#booking-form div.row div.dropdown {
	width: 150px;
	float: left;
}

#booking-form div.row div.dropdown select {
	color: #333333;
}

#booking-form div.row div.radiobuttons {
	width: 300px;
	margin-left: 150px;
	float: left;
}

#booking-form div.row div.radiobuttons label {
	font-weight: normal;
}

#booking-form div.row div.checkboxes {
	width: 500px;
	float: left;
}

#booking-form div.row div.checkboxes p {
	margin: 0;
	padding: 0;
	color: #666666;
}

#booking-form div.row div.checkboxes label {
	width: 150px;
	font-weight: normal;
}

#booking-form div.row span.footnote {
	clear: both;
	display: block;
	color: #999999;
	font-style: italic;
}

#booking-form div.row span.footnote.margin {
	margin: 10px 0 0 150px;
}

#booking-form div.row span.required {
	margin: 0;
	padding: 0;
	color: #999999;
}