* {margin:0;padding:0;}
/*h1,h2,h3,h4,h5,h6,p,blockquote,form,ul,ol,dl,fieldset,address {margin:0.2em 0;}*/
li {list-style: none;} 
ul {margin: 0;}
img {border:0;}
a img {border:0;}
.clear {clear: both;}
.left {float: left;}
.right {float: right;}
a {color: #005290;}
a:hover {color: #009344;}
/*.inside {padding: 10px;}*/


	/* General styles */
	body {
		margin:0;
		padding:0;
		border:0;			/* This removes the border around the viewport in old versions of IE */
		width:100%;
		background:#fff;
		min-width:1000px;		/* Minimum width of layout - remove line if not required */
						/* The min-width property does not work in old versions of Internet Explorer */
		font-size:85%;
		font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    color: #4D4D4D;		
	}
	h1, h2, h3 {
		margin:0;
		padding:0;
	}
	p {
		margin:.4em 0 .8em 0;
		padding:0;
	}
	#wrap {width:1000px;margin:0 auto;background: url(../images/left_shadow.gif) repeat-y;padding: 0 0 0 30px;
}
	#wrapout {background: url(../images/right_shadow.gif) right repeat-y;
		padding: 0 30px 0 0;
}
#border {background: url(../images/head_bg.gif) repeat-x top left;height: 30px;width:100%;}
	/* Header styles */
	#header {
		clear:both;
		width:98%;
		margin:0 auto;
	border-bottom:2px solid #005129;border-left: 2px solid #005129;margin-bottom:10px;	position:relative;
		
	}

	#header h1 {font-size: 400%;padding:25px 20px 0 20px;}
	#header h2 {font-size: 260%;padding:0px 20px 0 20px;}
	#header h2 span {font-style: italic;font-weight:normal;}
  #header h1,
	#header h2 {color:#005290;
	  font-family: "Myriad Pro", "Myriad Pro Cond", "Myriad Pro Light", "Arial", "sans-serif";
		 line-height: 1em;
	/*	font-variant: small-caps; */
	}
	.col1 h1 {font-size: 1.9em;}
	.col1 h2 {font-size: 1.6em;font-style: italic;font-weight: normal;}

	#header .top {background: url(../images/header.jpg) #FFFFFF no-repeat top right;height: 200px;margin: 0px 0px 5px 5px;}
	#header .corner {background: url(../images/corner_head.gif) no-repeat top right;}
  #header .bottom {background-color: #ffffff;height: 54px;border-right:2px solid #005129;position:relative;}
	#header .logo {background: url(../images/gt_logo.gif) no-repeat top left;width:172px;height:45px;position:absolute;bottom:5px;right:5px;}
  #header .logo a { position:absolute;bottom:5px;right:5px;width:172px;height:45px;}
  #header .logo span {display:none;}

	#nav {border-top: 1px solid #707173;border-bottom: 1px solid #707173;clear: both;margin: 0px 0px 10px 0px;padding: 0px;}
	#nav ul {margin:0px;padding:4px 0px;}
  #nav li {display: inline;}
	#nav li a {text-align: center; font-weight: normal; font-size: 0.9em; color: #4D4D4D; text-decoration: none;padding: 5px 0.5em;}
	#nav li a:hover {background-color: #005290;color: #ffffff;}
	/* 'widths' sub menu */
	.trans {
  color: #FFFFFF;
  width: 100%;
  background: transparent;
  filter: alpha(opacity= 20);
  -moz-opacity: .20;
  opacity: .20;
  text-align: right;
  font-size: 800%;
  font-weight: bold;
  /*font-variant: small-caps;
  text-transform: uppercase;*/
  position:absolute; bottom: 35px; right:10px;
}
  
  #layoutdate {background: url(../images/date_bg.gif) #ffffff no-repeat top left;clear:both;margin:0px 5px;padding:3px 15px !important;font-weight:bold;color:#FFFFFF;text-transform: uppercase;}
  
  #layoutdims {
		clear:both;
		background: url(../images/strap_bg.gif) #ffffff no-repeat top left;
		/*border-top:4px solid #000;*/
		margin:5px 5px;
		padding:2px 15px 2px 15px !important;
		text-align:left;
		font-weight:bold;
		text-transform: uppercase;
	}

	/* column container */
	.colmask {
		position:relative;	/* This fixes the IE7 overflow hidden bug */
		clear:both;
		float:left;
		width:100%;			/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
	}
	/* common column settings */
	.colright,
	.colmid,
	.colleft {
		float:left;
		width:100%;			/* width of page */
		position:relative;
	}
	.col1,
	.col2,
	.col3 {
		float:left;
		position:relative;
		padding:0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead 
						only padding top and bottom is included here, make it whatever value you need */
		overflow:hidden;
	}

	/* 3 Column settings */
	.threecol {
		background:#ffffff;		/* right column background colour */
	}
	.threecol .colmid {
		right:25%;			/* width of the right column */
		background:#fff;		/* center column background colour */
	}
	.threecol .colleft {
		right:50%;			/* width of the middle column */
		background:#ffffff;	/* left column background colour */
	}
	.threecol .col1 {
		width:46%;			/* width of center column content (column width minus padding on either side) */
		left:102%;			/* 100% plus left padding of center column */
	}
	.threecol .col2 {
		width:21%;			/* Width of left column content (column width minus padding on either side) */
		left:31%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
	}
	.threecol .col3 {
		width:21%;			/* Width of right column content (column width minus padding on either side) */
		left:85%;			/* Please make note of the brackets here:
						(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
	}
	
	
.box h2 {font-size: 1.5em;color:#FFFFFF;background: url(../images/corner_box.gif) no-repeat top right;padding: 12px 2px 0px 14px;}
.box img#speaker {float:right;border:2px solid #58595B;margin:2px;}
.box .inside {margin:0px 2px 0px 2px;clear: both;padding:10px;}
.box {margin-bottom: 10px; }
.box .content {padding-bottom: 2px;margin-top:12px;}
.box li {padding-left: 1.6em;	padding-top: 0.2em;}
.box li a {text-decoration: none;}
.box span {font-weight: bold;text-decoration: underline;font-size:0.9em;}
/*.box p {padding: 5px;}*/
#more {font-size:0.8em;}

.blue {background: url(../images/headbg_blue.gif) repeat-x; border-left: 2px solid #46526A; border-bottom: 2px solid #46526A;}
.blue .content {border-right: 2px solid #46526A;}
.blue .inside {border: 3px solid #46526A;}
.blue #info {color: #081838;background: url(../images/info.gif) #A1B5CD no-repeat top left;}
.blue li {background: url(../images/arrow_blue.gif) no-repeat 0px 5px;}


/*.blue #plane {background: url(../images/plane.gif) #A1B5CD no-repeat top left;color: #081838;}
.blue #tube {background: url(../images/tube.gif) #A1B5CD no-repeat top left;color: #081838;}
.blue #train {background: url(../images/train.gif) #A1B5CD no-repeat top left;color: #081838;}*/
.blue #stripe {background: url(../images/sub_faux.gif) #A1B5CD repeat-y top left;padding:6px 0px 6px 45px !important;text-align:left;margin:5px 2px 0px 2px;font-weight:bold;color: #081838;position:relative;}
.blue #stripe a {color:#081838;}
#stripe img {position:absolute;left:0; top:0;width:39px;}
.blue #txtspace {padding: 0px 5px;}

.red {background: url(../images/headbg_red.gif) repeat-x top left;border-left: 2px solid #828384; border-bottom: 2px solid #828384;}
.red .content {border-right: 2px solid #828384;}
.red .inside {border: 3px solid #46526A;}
/*.red #phone {color: #7A1600;background: url(../images/phone_red.gif) #EDC9B8 no-repeat top left;}
.red #click {color: #7A1600;background: url(../images/click_red.gif) #EDC9B8 no-repeat top left;}*/
.red #stripe a {color:#7A1600;/*text-decoration:none;*/}
.red #stripe {background: url(../images/sub_faux_red.gif) #EDC9B8 repeat-y top left;padding:6px 0px 6px 45px !important;text-align:left;margin:5px 2px 0px 2px;font-weight:bold;color: #7A1600;position:relative;}

/*#phone, #click, #info, #plane, #tube, #train {padding:6px 0px 6px 45px !important;text-align:left;margin:5px 2px 0px 2px;font-weight:bold;}*/

.col1 li {background: url(../images/arrow_blue.gif) no-repeat 0px 5px;padding-left: 1.6em;	padding-top: 0.2em;}
.col1 ul {margin: 10px 0px;}
  .col1 .gallery1 img {width:24%;height:70px;}
  
#quote {font-style: italic;font-weight:bold;text-align:left;}
  
	/* Footer styles */
	#footer {
		clear:both;
		float:left;
		width:100%;
		border-top:1px solid #58595B;
		border-bottom:20px solid #58595B;
		margin:0;
		background: url(../images/cert.gif) #FFFFFF no-repeat 0px 15px;
	}
	#footer p {
		padding:10px;
		margin:0;
	}
	#footer img {padding-top:15px;padding-right:15px;float:left;}
  #footer .supported {background: url(../images/supported.gif) #FFFFFF no-repeat left top;width:770px;height:85px;margin:0 0 0 200px;}


/* FORMS */

fieldset
{
border: 1px solid #000E31;
padding: 5px;
}
#form label {
	float: left;	
	margin-right: 0.5em;
	width: 8em;
	display: block;
	text-align: right;
	font-weight: bold;
}

table.spk img {width: 130px;}


a.gallery, a.gallery:visited {display:block; display:inline-block; color:#000; text-decoration:none; border:1px solid #000; width:96px; height:65px; float:left; margin:4px; z-index:50;}
a.slidea {background:url(../images/venue1_thumb.jpg);}
a.slideb {background:url(../images/venue2_thumb.jpg);}
a.slidec {background:url(../images/venue3_thumb.jpg);}
a.slided {background:url(../images/venue4_thumb.jpg);}
a.slidee {background:url(london/thumb6.jpg);}
a.slidef {background:url(london/thumb7.jpg);}
a.slideg {background:url(london/thumb8.jpg);}
a.slideh {background:url(london/thumb9.jpg);}
a.slidei {background:url(london/thumb10.jpg);}
a.slidej {background:url(london/thumb11.jpg);}
a.gallery em, a.gallery span {display:none;}
a.gallery:hover {border:1px solid #fff;}

/* styling for BOTTOM gallery */
#container_bottom {position:relative; width:425px; height:400px; /*background:#d1c8c3; border:1px solid #a49188;*/ margin:1em auto;}
#container_bottom img {border:0;width:100%;}
#container_bottom .thumbs {position:absolute; left:0; bottom:0; /*height:114px;*/}
#container_bottom a.gallery:hover span {display:block; position:absolute; width:402px; height:40px; top:-38px; left:5px; padding:5px; font-style:italic; color:#000;  z-index:100;}
#container_bottom a.gallery:hover span:first-line {font-style:normal; font-weight:bold; font-size:1.1em; color:#000;}
#container_bottom a.gallery:active, #container_bottom a.gallery:focus {border:1px solid #000;}
#container_bottom a.gallery:active em, #container_bottom a.gallery:focus em {display:block; position:absolute; width:100%; height:200px; top:-325px; left:0px;/* padding:5px; color:#000; border:1px solid #3d330f;*/ z-index:50;}
#container_bottom h1 {clear:both; margin:0; padding-top:60px; text-align:center; font-family: georgia, "times new roman", serif; font-size:3em; font-weight:normal; color:#fff;}
#container_bottom h1 em {font-size:0.6em; color:#000;}