html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}/* remember to define focus styles! */:focus {outline: 0;}/* remember to highlight inserts somehow! */ins {text-decoration: none;}del {text-decoration: line-through;}/* tables still need 'cellspacing="0"' in the markup */table {border-collapse: collapse;border-spacing: 0;}
body {margin: 0; padding: 0; background: #121d25; color: #fff; font-family: "Verdana"; font-size:12px;}
h1 {
color:#fff;
text-transform:uppercase;
font-size:24px;
line-height:1;
margin:0;
padding:10px 0 0 0 ;
}
/* ---------- HEADER ---------- */
#header-wrapper {width: 1020px; min-height: 243px; margin: auto; background: url(../images/header-bg.jpg) no-repeat center top;}
#header {display: block; position: relative; width: 850px; min-height: 243px; margin: auto;}
#header .brand {display: block; position: absolute; width: 530px; top: 25px; right: 30px; text-align: center;}
#header .brand .other-events {display: block; position: relative; width: 483px; margin: 5px auto 0 auto;}
#header .brand .other-events li {display: block; position: relative; float: left;}
#header .brand .other-events .brighton {width: 201px; height: 12px; text-indent: -999px; overflow: hidden; margin-left:130px; }
#header .brand .other-events .brighton a {display: block; position: relative; width: 100%; height: 100%; background: url(../images/header-brighton.png) no-repeat;}
#header .brand .other-events .brighton a:hover {background: url(../images/header-brighton-s.png) no-repeat;}
#header .brand .other-events .london {width: 274px; height: 11px; margin: 1px 0 0 8px; text-indent: -999px; overflow: hidden;}
#header .brand .other-events .london a {display: block; position: relative; width: 100%; height: 100%; background: url(../images/header-london.png) no-repeat;}
#header .brand .other-events .london a:hover {background: url(../images/header-london-s.png) no-repeat;}
/* MAIN */
#main-wrapper {width: 1020px; margin: 30px auto 0 auto; background: url(../images/main-bg.jpg) no-repeat center bottom;}
#main {display: block; position: relative; width: 1020px; min-height: 243px; margin: 0 auto 20px auto; overflow: hidden;}
#main .left-wrapper {display: block; position: relative; float: left; width: 850px; overflow: hidden; margin-right: 10px;}
#main .right-wrapper {display: block; position: relative; float: right; width: 155px; overflow: hidden;}
/* ---------- MAIN - LEFT WRAPPER ---------- */
#main .left-column {display: block; position: relative; float: left; width: 155px; min-height: 100px; }
/* MAIN - SLIDESHOW */
#main .slideshow {display: block; position: relative; float: left; width: 682px; height: 298px; border-radius: 5px; margin-bottom:15px;}
/* MAIN - LATEST NEWS */
#main .latest-news {display: block; position: relative; width: 155px; min-height: 100px; background: #498fc8; border-radius: 5px;}
#main .latest-news .header {display: block; position: relative; padding: 10px 0; background: #fff url(../images/main-header-stripes.jpg) repeat-y right center; width: 100%; min-height: 20px; border-top-left-radius: 5px; border-top-right-radius: 5px;}
#main .latest-news .header img {margin-left: 10px;}
#main .latest-news .news {margin: 10px; overflow: hidden;}
#main .latest-news .news li {display: block; position: relative; margin-bottom: 20px;}
#main .latest-news .news li h2 {font-size: 13px; margin-bottom: 5px;}
#main .latest-news .news li h2 a, #main .latest-news .news li h2 a:visited {color: #fff; text-decoration: none; font-weight: bold;}
#main .latest-news .news li h2 a:hover {text-decoration: underline;}
#main .latest-news .news li p {font-size: 11px; line-height: 13px;}
/* MAIN - FACEBOOK */
#main .facebook {display: block; position: relative; width: 155px; min-height: 100px; background: #1a3041; border-radius: 5px;}
#main .facebook .header {display: block; position: relative; padding: 10px 0; background: #fff url(../images/main-header-stripes.jpg) repeat-y right center; width: 100%; min-height: 20px; border-top-left-radius: 5px; border-top-right-radius: 5px;}
#main .facebook .header img {margin-left: 10px;}
#main .facebook .content {margin: 10px; overflow: hidden;}
#main .facebook .content li {display: block; position: relative;}
#main .facebook .content li p {font-size: 11px; line-height: 13px;}
#main .facebook .content li p a, #main .facebook .content li p a:visited {color: #fff; text-decoration: none;}
#main .facebook .content li p a:hover {text-decoration: underline;}
/* MAIN - TWITTER */
#main .twitter {display: block; position: relative; width: 155px; min-height: 100px; background: #1a3041; border-radius: 5px;}
#main .twitter .header {display: block; position: relative; padding: 10px 0; background: #fff url(../images/main-header-stripes.jpg) repeat-y right center; width: 100%; min-height: 20px; border-top-left-radius: 5px; border-top-right-radius: 5px;}
#main .twitter .header img {margin-left: 10px;}
#main .twitter .content {margin: 10px; overflow: hidden;}
#main .twitter .content li {display: block; position: relative; margin-bottom: 20px; font-size: 11px; line-height: 13px;}
#main .twitter .content li a, #main .facebook .content li p a:visited {color: #FFFC1D; text-decoration: none; font-weight: normal;}
#main .twitter .content li a:hover {text-decoration: underline;}
/* MAIN - NEWS */
#main .news-wrapper {display: block; position: relative; float: right; width: 517px; min-height: 100px; margin: 0 0 0 10px;}
#main .news-wrapper .header {display: block; position: relative; width: 100%; min-height: 40px; background: #fff url(../images/main-header-stripes.jpg) repeat-y right center; border-radius: 5px; margin-bottom: 5px;}
#main .news-wrapper .header img {display: block; position: relative; padding: 15px;}
#main .news-wrapper .news {display: block; position: relative; margin: 10px 0;}
#main .news-wrapper .news li {display: block; position: relative; background: #498fc8; padding: 15px; border-radius: 5px; margin-bottom: 5px;}
#main .news-wrapper .news li h2 {font-size: 16px; font-weight: bold; text-transform: uppercase; margin-bottom: 5px;}
#main .news-wrapper .news li h2 a, #main .news-wrapper .news li p a:visited {font-weight: bold; color: #fff; text-decoration: none;}
#main .news-wrapper .news li h2 a:hover {text-decoration: underline; color: #fffc1d;}
#main .news-wrapper .news li p {font-size: 13px; line-height: 16px;}
#main .news-wrapper .news li p a, #main .news-wrapper .news li p a:visited {font-weight: bold; color: #fffc1d; text-decoration: none;}
#main .news-wrapper .news li p a:hover {text-decoration: underline;}
#maincontent {
background: #1a3041;
padding: 15px;
border-radius: 5px;
margin-bottom: 5px;
color: #fff;
}
#maincontent p {
margin-bottom:15px;
line-height:1.5;
color: #fff;
}
#maincontent ol {
margin-left:20px;
list-style: lower-alpha;
}
#maincontent ul {
margin-left:15px;
list-style:inherit;
}
#maincontent ol li,
#maincontent ul li {
line-height:1.5;
}
#maincontent a {
color:#FFFC1D;
text-decoration:none;
}
#maincontent a:hover {
color:#FFFC1D;
text-decoration:underline;
}
#maincontent .btnscontainer a.ticketinfo-btn,
#maincontent .btnscontainer a.ticketinfo-btn:hover {
color: #000;
}
#maincontent h2 {
color:#fff;
text-transform:uppercase;
font-size:16px;
margin-top:10px;
margin-bottom:10px;
}
#maincontent h3 {
color:#fff;
text-transform:uppercase;
font-size:14px;
line-height:1.3;
margin-top:10px;
margin-bottom:10px;
}
/* ---------- MAIN - RIGHT WRAPPER ---------- */
/* MAIN - MENU */
#main .menu {display: block; position: relative; width: 155px;}
#main .menu li {margin-bottom: 7px;}
/*
#main .menu li ul .menu-title {border-top-left-radius: 5px; border-top-right-radius: 5px; margin-bottom: 0; height: 25px; padding-top: 10px; text-transform: uppercase; background: #fff; color: #498fc8;}
#main .menu li ul .menu-title a, #main .menu li ul .menu-title a:hover, #main .menu li ul .menu-title a:visited {color: #000; font-weight: bold; font-size: 11px; color: #498fc8;}
#main .menu li ul .menu-last {border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;}
*/
#main .menu a.menu-title {
background:#fff;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
text-transform:uppercase;
color:#498fc8;
font-weight:bold;
font-size:11px!important;
width:145px;
padding:10px 5px;
display:block;
text-decoration:none;
text-align:center;
}
#main .menu a.selected {
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
}
#main .menu li ul li {display: block; position: relative; width: 145px; background: #fff; margin-bottom: 2px; text-align: center; padding: 5px;}
#main .menu li ul li a { display:block; padding: 5px; }
#main .menu li ul li a, #main .menu li ul li a:hover, #main .menu li ul li a:visited {color: #fff; text-decoration: none; font-size: 13px;}
#main .menu li .inactive .menu-title {display: block; border-radius: 5px; background: #fff; color: #498fc8;}
#main .menu li .inactive li {display: none;}
/* MAIN - NEWSLETTER */
#main .newsletter {display: block; position: relative; float: right; width: 155px; min-height: 100px; background: #498fc8; border-radius: 5px; margin-top: 15px;}
#main .newsletter .header {display: block; position: relative; margin: 10px auto;}
#main .newsletter .input-text {display: block; position: relative; padding: 5px; border: none; border-radius: 5px; margin: 5px auto; width: 120px;}
#main .newsletter .sign-up {display: block; position: relative; width: 100%; height: 30px; border: none; background: #fff url(../images/main-newsletter-signup.png) no-repeat center center; text-indent: -999px; margin-top: 15px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; cursor: pointer;}
/* MAIN - VISIT PREVIOUS */
#main .right-wrapper .previous {display: block; position: relative; float: right; width: 155px; min-height: 100px; background: #e2007b; border-radius: 5px; margin-top: 15px;}
#main .right-wrapper .previous .header {display: block; position: relative; padding: 10px 0; background: #fff; width: 100%; text-align: center; border-top-left-radius: 5px; border-top-right-radius: 5px;}
#main .right-wrapper .previous ul li {margin: 10px;}
#main .right-wrapper .previous ul li a, #main .previous ul li a:visited {color: #fff; text-decoration: none; text-transform: uppercase; font-size: 13px; font-weight: bold;}
#main .right-wrapper .previous ul li a:hover {text-decoration: underline;}
/* MAIN - ADVERTS */
#main .adverts {display: block; position: relative; float: right; width: 155px; min-height: 100px; background: #fff; border-radiusf: 5px; margin-top: 15px; text-align: center; padding: 15px 0;}
#main .adverts a {display: block; position: relative; margin-bottom: 15px;}
/* ---------- FOOTER ---------- */
#footer {display: block; position: relative; width: 1020px; min-height: 243px; margin: 20px auto; overflow: hidden;}
#footer .copy-wrapper {display: block; position: relative; width: 100%; background: #498fc8 url(../images/footer-copy-bg.jpg) repeat-y center top; border-radius: 5px;}
#footer .copy-wrapper .copy {display: block; position: relative; padding: 10px 210px; overflow: hidden;}
#footer .copy-wrapper .copy img {display: block; position: relative; float: left; margin-right: 50px;}
#footer .copy-wrapper .copy p {display: block; position: relative; float: left; width: 185px; font-size: 11px; margin-left: 0;}
#footer .copy-wrapper .copy a, #footer .copy-wrapper .copy a:visited {color: #fff; text-decoration: none;}
#footer .copy-wrapper .copy a:hover {text-decoration: underline;}
/* FOOTER - SPONSORS/MEDIA PARTNERS */
#footer .sponsors-media {display: block; position: relative; width: 100%; margin: 20px 0;}
#footer .sponsors-media .sponsors {display: block; position: relative; float: left; width: 45%;}
#footer .sponsors-media .media-partners {display: block; position: relative; float: right; width: 45%;}
#footer .sponsors-media .sponsors .header {background: none; width: 100%; height: 20px; clear: both; margin-bottom: 10px; text-align: left;}
#footer .sponsors-media .media-partners .header {background: none; width: 100%; height: 20px; clear: both; margin-bottom: 10px; text-align: left;}
#footer .sponsors-media li {display: block; position: relative; background: #fff; width: 120px; height: 110px; float: left; margin: 2px; text-align: center; padding-top:10px;}
#footer .copy {
text-transform:uppercase;
}
#maincontent .pikachoose a { color:#333333!important; }
div.pikachoose { width:480px; margin:0 auto; }
.pika-wrap {width: 480px; margin: 0 auto;}
.pika-image {position: relative; height: 340px; width: 460px; background: #fafafa; border: 1px solid #e5e5e5; padding: 10px; text-align:center;}
/*position image holders */
.pika-image .animation, .pika-image .main-image {position: absolute; top: 10px; left: 10px;}
.pika-image .animation {display: none;z-index:2;}
.pika-image img {border:0;}
.pika-image .caption {position: absolute; background: url(images/75-black.png); border: 1px solid #141414; font-size: 11px; color: #fafafa; padding: 10px; text-align: right; bottom: 50px; right: 10px;}
.pika-image .caption p {padding: 0; margin: 0; line-height: 14px;}
.pika-imgnav a {position: absolute; text-indent: -5000px; display: block;z-index:3;}
.pika-imgnav a.previous {background: url(../images/prev.png) no-repeat left 50%; height: 340px; width: 50px; top: 10px; left: 10px;cursor:pointer;}
.pika-imgnav a.next {background: url(../images/next.png) no-repeat right 50%; height: 340px; width: 50px; top: 10px; right: 10px;cursor:pointer;}
.pika-imgnav a.play {background: url(../images/play.png) no-repeat 50% 50%; height: 100px; width: 40px;top:0;left:50%;display: none;cursor:pointer;}
.pika-imgnav a.pause {background: url(../images/pause.png) no-repeat 50% 50%; height: 100px; width: 40px;top:0;left:50%;display:none;cursor:pointer;}
.pika-textnav {overflow: hidden; margin: 10px 0 0 0;}
.pika-textnav a {font-size: 12px; text-decoration: none; font-family: helvetica, arial, sans-serif; color: #333; padding: 4px;}
.pika-textnav a:hover {background: #e5e5e5; color: #0065B2;}
.pika-textnav a.previous {float: left; width: auto; display: block;}
.pika-textnav a.next {float: right; width: auto; display: block;}
.pika-thumbs {margin: 10px 0 0 0; padding: 0; overflow: hidden; }
.pika-thumbs li {float: left; list-style-type: none; width: 65px; padding: 3px; margin: 0 2px; background: #fafafa; border: 1px solid #e5e5e5; cursor: pointer;}
.pika-thumbs li:last {margin: 0;}
.pika-thumbs li .clip {position:relative;width: 65px; height: 65px; text-align: center; vertical-align: center; overflow: hidden;}
.clip span{background-color:black;position:absolute;top:5px;left:5px;display:block;}
ul#pikame{width:570px;}