#cssmenu, #menu, #togglemenu {
  margin-top: 0;
  margin-bottom: 0;
}

#cssmenu ul li {
    float: left;
    list-style: none;
}

#togglemenu {
  display: none;
  background: url(images/nav-bg.png) repeat-x 0px 4px;
}

#menu, #togglemenu {
    height: 60px;
    width: 100%;
    padding-left: 0;
    zoom: 1;
    border-radius: 10px
}

.gigbg {
  margin-right: 7px;
}

.gigclear {
  clear: both;
}

@media screen and (min-width: 950px) {
  #container, #header, #cssmenu {
    width: 950px;
  }

  #left {
    width: 638px;
  }

  #banner {
    width: 639px;
  }

  #cssmenu ul li a {
    height: 37px;
    padding: 22px 20px 0;
  }

  #cssmenu ul
  {
      background: url(images/nav-bg.png) repeat-x 0px 4px;
  }
}

.mailinglistmenuitem {
  display: none;
}

@media screen and (max-width: 950px) {
  #left {
    max-width: 430px;
  }

  .mailinglist #join {
    display: block;
  }

  .mailinglist #banner {
    display: none;
  }

  #right, #join {
    display: none;
  }

  .hidemobile {
    display: none;
  }

  #menu {
    display: none;
    height: auto;
    background: none;
    margin-top: 0;
  }

  #menu ul {
    background: none;
  }

  #togglemenu {
    display: block;
    margin-bottom: 0;
  }

  #cssmenu {
    height: auto;
  }

  #cssmenu ul li {
    display: block;
    float: none;
  }

  #togglemenu li a {
    height: 33px;
    padding: 22px 15px 0 26px;
  }

  #menu li a {
    height: 26px;
    padding: 17px 15px 0 46px;
  }

  #left {
    margin-top: 10px;
  }

  #container {
    overflow: hidden;
  }
}

@media screen and (min-width: 640px) and (max-width: 950px) {
  #left {
    max-width: 640px;
  }

  #container, #header, #cssmenu, #banner {
    width: 644px;
  }

  #right, #join {
    display: none;
  }

  .mailinglistmenuitem {
    display: block;
  }

  #limelightHeader {
    position: absolute;
    clip: rect(0px,270px,121px,0px);
  }

  .gigbg {
    margin-right: 7px;
  }
}

@media screen and (max-width: 640px) {
  #left, #container, #header, #cssmenu, #banner {
    width: 100%;
  }

  #right, #join {
    display: none;
  }

  #showmenubutton {
    display: block;
  }

  .mailinglistmenuitem {
    display: none;
  }

  .gigbg {
    margin-right: 3px;
  }

  #limelightHeader {
    position: absolute;
    clip: rect(0px,270px,121px,0px);
  }

  #tennentsLiveHeader {
    display: none;
  }
}

#container {
    margin-left: auto;
    margin-right: auto;
}

body {
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #09F;
    background-color: #000;
    line-height: 18px;
    letter-spacing: 0.02em
}

a {
    color: #fff;
    text-decoration: none;
    display: block
}

a:hover {
    color: #000;
    text-decoration: none
}

#address
a {
    color: #fff;
    display: inline
}

#address a:hover {
    color: #ccc;
    display: inline
}

.gettickets
a {
    color: #fff;
    text-decoration: none;
    display: block;
    background-color: #f37e18;
    padding-top: 5px;
    padding-left: 3px
}

.gettickets a:hover {
    color: #fff;
    text-decoration: none;
    display: block;
    background-color: #000;
    padding-top: 5px;
    padding-left: 3px
}

object {
    outline: none
}

#header {
  height: 121px;
  width: 100%;
  position:relative;
}

#banner {
  max-height: 321px;
  margin-top: 8px;
  float: left
}

#join {
    height: 326px;
    width: 297px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    background-color: #f8c600;
    float: left;
    margin-top: 8px;
    padding-top: 5px
}

@font-face {
    font-family: 'bebasregular';
    src: url('BEBAS___-webfont.eot');
    src: url('BEBAS___-webfont.eot') format('embedded-opentype'),
    url('BEBAS___-webfont.woff') format('woff'),
    url('BEBAS___-webfont.ttf') format('truetype'),
    url('BEBAS___-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal
}

#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li
a {
/*    padding: 0;
    margin-top: 0;*/
/*    line-height: 1; */
    font-family: bebasregular
}

#cssmenu:before, #cssmenu:after, #cssmenu > ul:before, #cssmenu > ul:after {
    content: '';
    display: table
}

#cssmenu:after, #cssmenu > ul:after {
    clear: both
}

#cssmenu ul li a {
    display: block;
    margin: 4px 2px 0;
    border-radius: 2px 2px 0 0;
    text-decoration: none;
    font-size: 15px;
    color: white;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.75);
    font-weight: 400;
    opacity: .9
}

#cssmenu ul li:first-child
a {
    margin: 4px 2px 0 0;
}

#cssmenu ul li a:hover,
#cssmenu ul li.active
a {
    background: url(images/color.png) center bottom;
    display: block;
/*    margin-top: 0px;
    padding-top: 26px;
*/    color: #000;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.55);
    opacity: 1
}

.hp-form {
    height: 230px;
    width: 350px;
    z-index: 2;
    padding-left: 6px;
    padding-top: 10px;
    font-size: 12px
}

.hp-form
h2 {
    width: 350px;
    height: 64px;
    position: relative;
    z-index: 3;
    text-indent: -9999px;
    margin-left: -30px
}

.hp-form
table#form {
    border-collapse: collapse;
    width: 95%;
    margin: auto;
    color: #000
}

.hp-form table#form
td {
    padding: 5px
}

.hp-form table#form input[type="text"], .hp-form table#form input[type="email"],
.hp-form table#form input[type="tel"] {
    border: 8px
    solid #fff;
    padding: 1px;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    width: 240px;
    background-color: #fff;
    color: #000
}

.hp-form table#form input[type="subscribe"] {
    width: 100px;
    height: 26px;
    background: url(images/subscribe.jpg);
    background-repeat: no-repeat;
    border: 0px;
    cursor: pointer;
    font-size: 16px;
    color: rgba(0,0,0,0);
}

.hp-form table#form input[type="submit"] {
    width: 100px;
    height: 26px;
    background: url(images/submit2.jpg);
    background-repeat: no-repeat;
    border: 0px;
    cursor: pointer;
    font-size: 16px;
    color: rgba(0,0,0,0);
}

.hp-form table#form input[type="unsubscribe"] {
    width: 100px;
    height: 26px;
    background: url(images/unsubscribe.jpg);
    background-repeat: no-repeat;
    border: 0px;
    cursor: pointer;
    font-size: 16px;
    color: rgba(0,0,0,0);
}

.hp-form table#form
select {
    border: 2px
    solid #fff;
    padding: 2px;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    background-color: #fff;
    color: #000
}

#contactComments {
    color: #000;
    background-color: #fff;
    border: 0;
    font-family: Arial, Helvetica, sans-serif;
    padding: .5em;
    font-size: 12px;
    width: 77%
}

.hp2-form {
    height: 230px;
    width: 600px;
    z-index: 2;
    padding-left: 6px;
    padding-top: 10px;
    color: #FFF;
    margin-bottom: 10px
}

.hp2-form
h2 {
    width: 234px;
    height: 64px;
    position: relative;
    z-index: 3;
    text-indent: -9999px;
    margin-left: -30px;
    margin-bottom: 10px
}

.hp2-form
table#form {
    border-collapse: collapse;
    width: 95%;
    margin: auto;
    color: #000;
    font-size: 11px
}

.hp-form table#form
td {
    padding: 5px
}

.hp2-form table#form input[type="text"] {
    border: 3px
    solid #fff;
    padding: 2px;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    width: 300px;
    background-color: #fff;
    color: #000
}

.hp2-form table#form input[type="subscribe"] {
    width: 128px;
    height: 26px;
    background: url(images/subscribe.jpg)
}

.hp2-form table#form input[type="submit"] {
    width: 128px;
    height: 26px;
    background: url(images/SUBMIT.jpg);
    background-repeat: no-repeat;
    border: 0px;
    cursor: pointer;
    font-size: 0px
}

.hp3-form {
    left bottom repeat-x;
    height: 230px;
    width: 600px;
    z-index: 2;
    padding-left: 6px;
    padding-top: 10px;
    color: #FFF;
    margin-bottom: 10px
}

.hp3-form
h2 {
    width: 234px;
    height: 64px;
    position: relative;
    z-index: 3;
    text-indent: -9999px;
    margin-left: -30px;
    margin-bottom: 10px
}

.hp3-form
table#form {
    border-collapse: collapse;
    width: 95%;
    margin: auto;
    color: #000;
    font-size: 11px
}

.hp-form table#form
td {
    padding: 5px
}

.hp3-form table#form input[type="text"] {
    border: 3px
    solid #fff;
    padding: 4px;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    width: 300px;
    background-color: #fff;
    color: #000
}

.hp3-form table#form input[type="subscribe"] {
    width: 128px;
    height: 26px;
    background: url(images/subscribe.jpg)
}

.hp3-form table#form input[type="submit"] {
    width: 128px;
    height: 26px;
    background: url(images/SUBMIT.jpg);
    background-repeat: no-repeat;
    border: 0px;
    cursor: pointer;
    font-size: 0px
}

.headingone {
    font-family: bebasregular;
    color: #000;
    font-size: 24px
}

.headingtwo {
    font-family: bebasregular;
    color: #000;
    font-size: 18px
}

.headingthree {
    font-family: bebasregular;
    color: #fff;
    font-size: 24px
}

.headingfour {
    font-family: bebasregular;
    color: #FC3;
    font-size: 18px
}

#left {
    float: left
}

#right {
    float: left
}

.month {
    margin-left: 15px;
    margin-top: 10px;
    float: left
}

.lineright {
    background-image: url(images/linebg.jpg);
    background-repeat: repeat-x;
    width: 150px;
    height: 20px;
    margin-top: 5px;
    margin-left: 5px;
    float: left
}

.lineleft {
    background-image: url(images/linebg.jpg);
    background-repeat: repeat-x;
    width: 80%;
    height: 20px;
    margin-top: 5px;
    margin-left: 5px;
    float: left
}

#twitterbg {
    height: 610px;
    width: 287px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    background-color: #fff;
    float: left;
    margin-top: 8px;
    padding: 15px
    5px 10px 5px
}

.gigbg {
    min-height: 325px;
    max-width: 49%; 
    width: 205px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    background-color: #f8c600;
    float: left;
    margin-top: 8px;
}

.gigimage {
    height: 136px;
    width: 100%;
    margin-top: 12px;
}

.bands {
    font-family: bebasregular;
    color: #000;
    font-size: 18px;
    margin-top: 10px
}

.guests {
    margin-top: 3px;
    font-family: bebasregular;
    color: #000;
    font-size: 14px
}

.gettickets {
    width: 90px;
    font-family: bebasregular;
    color: #fff;
    font-size: 16px
}

.giginfo1 {
    margin-left: 10px;
    margin-top: 1px;
    min-height: 82px
}

.giginfo2 {
    margin-left: 10px;
    min-height: 87px
}

.date {
    margin-top: 3px;
    font-family: bebasregular;
    color: #000;
    font-size: 15px
}

.details {
    font-family: arial;
    font-weight: bold;
    color: #000;
    font-size: 10px
}

.venue {
    font-family: bebasregular;
    color: #000;
    font-size: 15px
}

.soldout {
    position: relative;
    font-family: bebasregular;
    color: #fff;
    font-size: 15px;
    display: block;
    background-color: #F00;
    padding-top: 5px;
    padding-left: 5px;
    width: 60px
}

#footer_right {
    width: 340px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #999;
    margin-top: 20px;
    margin-bottom: 20px;
    float: right
}

#footer_right a, #footer a {
    display: inline;
    color: #bbb
}

#footer_right a:hover, #footer a:hover {
    color: #eee
}

#footer {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #999;
    margin-top: 20px;
    margin-bottom: 20px
}

::-webkit-input-placeholder {
    color: #555
}

:-moz-placeholder {
    color: #555
}

::-moz-placeholder {
    color: #555
}

:-ms-input-placeholder {
    color: #555
}

.placeholder {
    color: #555
}

#map {
    width: 600px;
    margin-left: 10px;
    margin-top: 55px
}

#address {
    width: 250px;
    margin-left: 10px;
    float: left;
    font-family: bebasregular;
    font-size: 13px;
    color: #FFF;
    margin-top: 20px
}

#comments {
    min-height: 320px;
    width: 350px;
    float: left;
    font-family: bebasregular;
    font-size: 13px;
    color: #FFF;
    margin-top: 20px
}

.venuehire {
    font-family: Arial, Helvetica, sans-serif;
    ;
    font-size: 13px;
    color: #FFF;
    margin-top: 20px;
    padding-left: 16px;
    width: 580px
}

.venuehire
a {
    display: inline
}

.venuehire a:hover {
    color: #f8c600;
    text-decoration: none
}

.leftvenue {
    width: 240px;
    height: 339px;
    float: left;
    margin-left: 20px;
    margin-top: 30px;
    margin-bottom: 10px
}

.rightvenue {
    width: 340px;
    height: 339px;
    float: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #FFF;
    margin-top: 30px;
    margin-left: 8px;
    margin-bottom: 10px
}

.venuepic {
    width: 610px;
    height: 340px;
    margin-left: 15px;
    margin-top: 15px
}

.venuedes {
    width: 610px;
    margin-left: 15px;
    margin-top: 15px;
    color: #FFF
}


#venueHireHeader {
  color: #000;
  font-weight: bold;
  font-family: bebasregular;
  font-size: 26px
  width: 167px;
  text-align:center;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background-color: #f8c600;
  position: absolute;
  right: 30px;
  top: 35px;
  padding: 13px 7px;
}


#tennentsLiveHeader {
  width: 80px;
  height: 44px;
  position: absolute;
  right: 227px;
  top: 50px;
}