html { min-height: 100%; margin-bottom: 1px; font-size: 100.01%; }
body { margin: 0; padding: 0; background: #fff url(../images/bg.gif) 50% 0 repeat-y; color: #606060; font: 68.75%/150% Verdana,Arial,Helvetica,sans-serif; }
textarea, input, select, option, button { font: 1em Verdana,Arial,Helvetica,sans-serif; }

/* COMMON
------------------------------------------- */
fieldset { border: none; margin: 0 0 12px; padding: 0; }
legend { display: none; }

img { border: none; }

strong { }
em { padding: 1px 2px; background: #ffffe0; font-style: normal; }

abbr, 
acronym { border-bottom: 1px dotted #aaa; }

dl { margin: 0 0 12px; }
 dt { font-weight: bold; }
 dd { margin: 0; }

p { margin: 0 0 12px; }

ul { margin: 0 0 12px; padding: 0 0 0 15px; }

a { color: #008ac4; text-decoration: underline; }
a:hover, a:focus, a:active { color: #074c69; text-decoration: none; }

/* HEADINGS
------------------------------------------- */
h1, h2, h3, h4, h5, h6 { margin: 0 0 12px; font: bold 2.4em Verdana,Arial,Helvetica,sans-serif; color: #661122; }
h1 { font-size: 2.18em; font-weight: normal; }
 h1 small { display: block; font-size: 0.67em; }
h2 { color: #000; font-size: 1.36em; }
 h2.alt-a { color: #666; font-size: 1.64em; font-weight: normal; }
 h2.error { color: #f00; }
h3 { color: #000; font-size: 1.167em; }
 h3.error { color: #f00; }
h4 { font-size: 1.000em; }
h5 { font-size: 1.000em; }
h6 { font-size: 0.800em; }

/* HELPERS
------------------------------------------- */
.wrapper { overflow: hidden; }
.offset { position: absolute; left: -10001em; top: -10001em; }
.center { margin: 0 auto 12px; text-align: center; }
.short { margin: 0 0 2px; }
.slim { width: 75%; }

/* LAYOUT
------------------------------------------- */
#root { width: 762px; margin: 0 auto; }
 #top { position: relative; height: 135px; background: url(../images/header-glass.jpg) no-repeat; }
 .venue #top {background: url(../images/header-pouring-pink.jpg) no-repeat; }
 .gallery #top {background: url(../images/header-marcelo.jpg) no-repeat; }
 .contact #top {background: url(../images/header-meetourteam.jpg) no-repeat; }
 
  #logo { position: absolute; left: 27px; top: 11px; width: 106px; height: 109px; }
   #logo a { display: block; overflow: hidden; width: 100%; height: 100%; text-indent: -10001px; }
 #welcome { margin: 0 0 2px; padding: 7px 10px; }
  #welcome a.tesco { padding: 0 50px 0 0; font-weight: bold; }
  #welcome span { position: absolute; left: -10001em; }
	#nav {
		overflow: hidden;
		list-style: none;
		width: 100%;
		margin: 0 0 8px;
		padding: 0;
		background-color: #611427;
/*		border-bottom: 2px solid #3753bb;*/
/*		background: #04175f url(../images/nav.png) no-repeat;*/
	}

  #nav li { display: inline; float: left; border-left: 1px solid #B6B499; font-weight: bold; line-height: 35px; }
  #nav li.first { margin-left: 0; border-left: 0; }
   #nav li a { float: left; color: #fff; padding: 0 9px; text-decoration: none; }
   #nav li a:hover { background-color: #DDDCC5; text-decoration: none; color: #333;}
   #nav li.current a { background-color: #B6B499; color: #333;}
   #nav li em { position: absolute; left: -10001em; top: -10001em; }
 #content { overflow: hidden; width: 100%; }
  #secondary { float: left; width: 182px; }
  #primary { display: inline; float: left; width: 560px; margin: 0 0 0 20px; }
  #primary.slim { width: 363px; }
  #primary.video { width: 640px; margin-left: auto; margin-right: auto; display: block; float: none; }
  #tertiary { float: right; width: 182px; }
 #footer { margin: 30px 0 0; padding: 5px 5px 10px; border-top: 3px double #e0e0e0; }
   
/* SKIP LINKS
------------------------------------------- */
#skip-links { position: absolute; top: 0; left: -10001px; list-style: none; margin: 0; padding: 0; }
 #skip-links li a:focus, #skip-links li a:active { display: block; position: absolute; left: 10001px; top: 0; z-index: 10001; width: 762px; padding: 2px 0; background: #579; color: #fff; font-size: 1.4em; text-align: center; }
   
/* ELEMENTS
------------------------------------------- */
ul.photos-a { overflow: hidden; width: 100%; list-style: none; margin: 0 0 2px; padding: 0; }
 ul.photos-a li { float: left; width: 100%; margin: 0 0 8px; border: 1px solid #e0dfcd; background: url(../images/bullet-a.gif) 7px 50% no-repeat; }
   ul.photos-a li a img { display: block; margin: 0 0 0 auto; border-left: 1px solid #e0dfcd; }
   
ul.photos-b { overflow: hidden; width: 100%; list-style: none; margin: 0 0 2px -4px; padding: 0; }
 ul.photos-b li { display: inline; float: left; margin: 0 0 0 4px; }
   ul.photos-b li a img { border: 1px solid #e0dfcd; }
   
ul.photos-c { overflow: hidden; width: 100%; list-style: none; margin: 0 0 12px; padding: 0; }
 ul.photos-c li { display: inline; float: left; margin: 0 0 5px 15px; }
   ul.photos-c li a img { border: 1px solid #e0dfcd; }
   
div.side { }
 div.side h2 { margin: 0 0 10px; padding: 2px 5px 2px 15px; background: #c4c2a0 url(../images/b-tr.gif) 100% 0 no-repeat; color: #fff; font-size: 1.18em; font-weight: bold; line-height: 150%; }
 div.side h2.short { padding-right: 20px; }
/* div.side h2.type-a { background-color: #c4c2a0; }
 div.side h2.type-b { background-color: #f59204; }
 div.side h2.type-c { background-color: #078ec7; }
 div.side h2.type-d { background-color: #19579d; }*/
 div.side h2.type-a { background-color: #c4c2a0; }
 div.side h2.type-b { background-color: #666; }
 div.side h2.type-c { background-color: #078ec7; }
 div.side h2.type-d { background-color: #b6b499; }
 div.side h2.short a { color: white; }
 div.side h2.short a:visited { text-decoration: none; }
 div.side h2 img.thumb { margin: 5px 5px 5px 1px; }
 div.side h2.withimg { padding-right: 5px; padding-bottom: 10px; }
 div.side h2.video { height: 120px; }
  
p.more-a { text-align: right; }
 p.more-a span { padding: 0 5px 0 10px; background: url(../images/bullet-b.gif) 0 60% no-repeat; }
  p.more-a span a { font-weight: bold; text-decoration: underline; }
  
ul.a { list-style: none; margin: 0 0 10px; padding: 0; }  
 ul.a li { margin: 0 0 3px; padding: 0 0 0 12px; background: url(../images/bullet-c.gif) 0 5px no-repeat; }  
  ul.a li a { color: #19579d; text-decoration: none; }  
  ul.a li a:hover { text-decoration: underline; }  
 ul.a li.card { padding-left: 50px; }  
   ul.a li.card img { display: inline; float: left; margin: 4px 0 0 -38px; }  
  
div.buy { margin: -10px 0 7px; padding: 10px; border: 1px solid #dfdfdf; border-width: 0 1px 1px; }
 
div.dates { margin: -9px 0 7px; padding: 5px 10px 0; background: #e3eaf8; border: 1px solid #dfdfdf; border-width: 0 0 1px 1px; }
div.dates-clean { margin-bottom: 2px; border: none; }
 div.dates h3 { margin: 0; font-size: 1.18em; color: #19579d; }
 div.dates p { margin: 0 0 5px; }
  div.dates h3 a { color: #19579d; text-decoration: none; }
  div.dates h3 a:hover { text-decoration: underline; }
 div.dates ul { position: relative; list-style: none; margin: 0 -10px 5px; padding: 5px 10px; background: #fff; }
  div.dates ul li { margin: 0 0 2px; background: url(../images/bullet-b.gif) 0 6px no-repeat; padding: 0 0 0 12px; }
   div.dates ul li a { }
    div.dates ul li.book a { color: #FF0000; }
 div.dates p.sub { position: relative; margin: -5px -10px 0; padding: 0 0 5px; background: #fff; color: #888; font-size: 0.82em; text-align: right; }
  div.dates p.sub a { color: #888; text-decoration: none; }
  div.dates p.sub a:hover { text-decoration: underline; }
  
ul.b { list-style: none; margin: 0 0 5px; padding: 0; }
 ul.b li { width: 100%; margin: 0; padding: 5px 0; border-top: 1px solid #c9ccd4; }
 ul.b li.first { border-top: none; }
  ul.b li a { color: #19579d; text-decoration: none; }
  ul.b li a:hover { text-decoration: underline; }
   ul.b li a img { display: inline; float: left; margin: 3px 7px 0 0; }
  
div.cards { position: relative; margin: -11px 0 7px; padding: 5px 10px; border: 1px solid #96cfe7; border-width: 0 1px 1px; background: #ebf0fa; }
 div.cards p.button { margin: 0; text-align: right; }

p.single-shot { margin: 0 0 1px; padding: 10px 0; background: #9eb6e4; text-align: center; }
 p.single-shot img { display: block; margin: 0 auto; }
p.button { margin: 0; text-align: right; }
p.smaller { font-size: 0.82em; line-height: 130%; }
 
div.sessions { position: relative; min-height: 146px; margin: 0 0 15px; padding: 6px 6px 6px 240px; background: #ddddcc; }
 div.sessions p.mainpic { position: absolute; left: 6px; top: 6px; }
 div.sessions h3 { margin: 0 0 5px; padding: 0 0 0 5px; color: #000; font-size: 1.09em; }
 div.sessions table { width: 100%; margin: 0 0 10px; border-collapse: collapse; }
  div.sessions table td { padding: 3px 5px; border: 1px solid #e3eaf8; background: #f4f7fc; }
  div.sessions table td.first { background: #fff; color: #19579d; }
 div.sessions p.button { margin: 0; text-align: right; }
 
.bBorder { margin-bottom: 12px; padding-bottom: 7px; border-bottom: 1px solid #ccc; }
.tBorder { margin-top: 12px; padding-top: 7px; border-top: 1px solid #ccc; }
.tSpace { margin-top: 30px; }
.tPad { padding-top: 15px; }

dl.a { margin: 0 0 15px; }
 dl.a dt { color: #19579d; }
 dl.a dd { }
  dl.a dd p.map { margin: 5px 0 2px; }
  
ul.timetable { list-style: none; margin: -5px 0 12px; padding: 0; }
 ul.timetable li { overflow: hidden; padding: 0 0 0 9em; }
  ul.timetable li em { display: inline; float: left; width: 8em; margin: 0 0 0 -9em; padding: 0 5px 0 0; text-align: right; }
  
ul.steps { list-style: none; width: 100%; margin: 0 0 15px; padding: 10px 0; border: 1px solid #ccc; border-width: 1px 0; text-align: center; }
 ul.steps li { display: inline; padding: 0 10px 0 17px; background: url(../images/bullet-a.gif) 0 50% no-repeat; color: #aaa; }
 ul.steps li.first { padding-left: 5px; background: none; }
  ul.steps li strong { color: #f00; font-weight: normal; }
  
.form-a { display: block; margin: 0 0 15px; }
 .form-a div.form-item,
 .form-a div.form-item-b { overflow: hidden; width: 100%; margin: 0 0 5px; }
 .form-a div#submitwrap { padding-left: 150px; }
  .form-a div.form-item label { float: left; width: 150px; }
  .form-a div.form-item-b label { float: left; width: 225px; }
  .form-a div.longer input { width: 200px; }
  #quantity { width: 40px; }
  
.note-a { border: 1px solid #ccc; margin: 10px; padding: 10px; }

div.masterclass { }
 div.masterclass p.tickets { margin: -20px 0 0 350px; }
 div.masterclass ul { list-style: none; margin: 0 0 15px; padding: 0; }
  div.masterclass ul li { overflow: hidden; width: 100%; margin: 0; line-height: 25px; }
 div.masterclass label { float: left; width: 350px; }
  div.masterclass label span { font-size: 9px; }
 div.masterclass input { width: 40px; }
 
#mcinfoa, #mcinfob, #mcinfoc { display: none; }

form.step-4 { }
 form.step-4 label { float: left; clear: left; width: 200px; margin: 10px 0 0; }
 form.step-4 input,
 form.step-4 select,
 form.step-4 textarea { display: inline; float: left; margin: 10px 10px 0 0; }
 form.step-4 p.warning { clear: both; padding: 20px 0 0; }
 form.step-4 #submit { clear: both; margin: 20px 0 0 200px; }
 
 /* Twitter widget */
 #twtr-search-widget { margin-bottom: 5px; }
 #twtr-search-widget h3 { color: #04165E; }
  #twtr-search-widget h4 { color: #04165E; }