body {
margin: 10px 0;
margin-top: 30px;
padding: 0;
background-color: #333;
color: #fff;
font-family: arial, helvetica, sans-serif;
font-size: 76%;
}

#container {
position: relative;
width: 760px;
\width: 780px;
w\idth: 760px;
margin: 0;
margin-left: auto;
margin-right: auto;
padding: 0;
border: 1px solid #000;
background-color: #fff;
color: #000;
}

#header {
height: 135px;
background-color: #e1e1e1;
}

#logo {
position: absolute;
top: 17px;
left: 30px;
}

#strapline {
position: absolute;
top: 65px;
right: 20px;
width: 509px;
height: 24px;
background-image: url("../images/strapline.gif");
}

#strapline h1 {
display: none;
}

#top-menu {
position: absolute;
top: 110px;
right: 0px;
width: 488px;
height: 25px;
background: url("../images/top-menu-bg.gif") no-repeat;
}

#navlist {
list-style: none;
margin: 0;
margin-left: 7px;
padding: 0;
}

#navlist li {
display: inline;
margin: 0;
padding: 0;
}

#rollover-home {float: left; width: 46px; height: 25px; margin-right: 9px; background: url("../images/nav-home.gif") 0px 0px no-repeat;}
#rollover-clients {float: left; width: 53px; height: 25px; margin-right: 12px; background: url("../images/nav-clients.gif") 0px 0px no-repeat;}
#rollover-events {float: left; width: 51px; height: 25px; margin-right: 10px; background: url("../images/nav-events.gif") 0px 0px no-repeat;}
#rollover-gallery {float: left; width: 56px; height: 25px; margin-right: 11px; background: url("../images/nav-gallery.gif") 0px 0px no-repeat;}
#rollover-venues {float: left; width: 75px; height: 25px; margin-right: 11px; background: url("../images/nav-venues.gif") 0px 0px no-repeat;}
#rollover-links {float: left; width: 41px; height: 25px; margin-right: 11px; background: url("../images/nav-links.gif") 0px 0px no-repeat;}
#rollover-contact {float: left; width: 76px; height: 25px; background: url("../images/nav-contact.gif") 0px 0px no-repeat;}

a#rollover-home:hover, li.current a#rollover-home {background: url("../images/nav-home.gif") -46px 0px no-repeat;}
a#rollover-clients:hover, li.current a#rollover-clients {background: url("../images/nav-clients.gif") -53px 0px no-repeat;}
a#rollover-events:hover, li.current a#rollover-events {background: url("../images/nav-events.gif") -51px 0px no-repeat;}
a#rollover-gallery:hover, li.current a#rollover-gallery {background: url("../images/nav-gallery.gif") -56px 0px no-repeat;}
a#rollover-venues:hover, li.current a#rollover-venues {background: url("../images/nav-venues.gif") -75px 0px no-repeat;}
a#rollover-links:hover, li.current a#rollover-links {background: url("../images/nav-links.gif") -41px 0px no-repeat;}
a#rollover-contact:hover, li.current a#rollover-contact {background: url("../images/nav-contact.gif") -76px 0px no-repeat;}

#rollover-home span, #rollover-clients span, #rollover-events span, #rollover-gallery span, #rollover-venues span, #rollover-links span, #rollover-contact span {display: none;}

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

ul#events-list li {
margin: 0;
padding: 0;
padding-bottom: 30px;
line-height: 0;
}

#rollover-premieres {float: left; width: 123px; height: 28px; background: url("../images/rollover-premieres.gif") 0px 0px no-repeat;}
#rollover-parties {float: left; width: 123px; height: 28px; background: url("../images/rollover-parties.gif") 0px 0px no-repeat;}
#rollover-roadshows {float: left; width: 123px; height: 28px; background: url("../images/rollover-roadshows.gif") 0px 0px no-repeat;}
#rollover-launches {float: left; width: 123px; height: 28px; background: url("../images/rollover-launches.gif") 0px 0px no-repeat;}
#rollover-music {float: left; width: 123px; height: 28px; background: url("../images/rollover-music.gif") 0px 0px no-repeat;}
#rollover-weddings {float: left; width: 123px; height: 28px; background: url("../images/rollover-weddings.gif") 0px 0px no-repeat;}

a#rollover-premieres:hover, li.current a#rollover-premieres {background: url("../images/rollover-premieres.gif") -123px 0px no-repeat;}
a#rollover-parties:hover, li.current a#rollover-parties {background: url("../images/rollover-parties.gif") -123px 0px no-repeat;}
a#rollover-roadshows:hover, li.current a#rollover-roadshows {background: url("../images/rollover-roadshows.gif") -123px 0px no-repeat;}
a#rollover-launches:hover, li.current a#rollover-launches {background: url("../images/rollover-launches.gif") -123px 0px no-repeat;}
a#rollover-music:hover, li.current a#rollover-music {background: url("../images/rollover-music.gif") -123px 0px no-repeat;}
a#rollover-weddings:hover, li.current a#rollover-weddings {background: url("../images/rollover-weddings.gif") -123px 0px no-repeat;}

#rollover-premieres span, #rollover-parties span, #rollover-roadshows span, #rollover-launches span, #rollover-music span, #rollover-weddings span {display: none;}

li.current a {
cursor: default;
}

#rollover-enter {float: left; width: 63px; height: 20px; margin-left: 112px; background: url("../images/enter-button.gif") 0px 0px no-repeat;}
#rollover-back {float: left; width: 149px; height: 21px; background: url("../images/back-button.gif") 0px 0px no-repeat;}
#rollover-view {float: left; width: 155px; height: 21px; background: url("../images/view-button.gif") 0px 0px no-repeat;}

a#rollover-enter:hover {background: url("../images/enter-button.gif") -63px 0px no-repeat;}
a#rollover-back:hover {background: url("../images/back-button.gif") -149px 0px no-repeat;}
a#rollover-view:hover {background: url("../images/view-button.gif") -155px 0px no-repeat;}

#rollover-enter span, #rollover-back span, #rollover-view span {display: none;}


#rollover-eventback {float: right; width: 55px; height: 21px; background: url("../images/event-back.gif") 0px 0px no-repeat;}
#rollover-eventnext {float: right; width: 95px; height: 21px; background: url("../images/event-next.gif") 0px 0px no-repeat;}

a#rollover-eventback:hover {background: url("../images/event-back.gif") -55px 0px no-repeat;}
a#rollover-eventnext:hover {background: url("../images/event-next.gif") -95px 0px no-repeat;}

#rollover-eventback span, #rollover-eventnext span {display: none;}


#content {
padding: 40px 20px 15px 30px;
}

a.party {
	border-style: solid;
	border-width: 1px;
	margin: 5px;
	padding: 5px;
	text-decoration: none;
}

a.party:hover {
	margin: 5px;
	padding: 5px;
	text-decoration: none;
	background-color: #fed05d;
	border: 1px solid #fed05d;
}

#left {
float: left;
width: 320px;
}

#right {
float: right;
width: 370px;
}

#slideshow-noscript {
width: 370px;
height: 370px;
background-image: url("../photos/homeslide01.jpg");
}

#footer {
clear: both;
}

#footer p {
margin: 0;
padding: 0;
padding-top: 20px;
font-size: 80%;
text-align: center;
}

p {
font-size: 100%;
}

h2 {
color: #0a2881;
font-size: 100%;
font-weight: bold;
}

h3 {
color: #0a2881;
font-size: 140%;
font-weight: bold;
}

img {
border: none;
}

strong {
font-weight: bold;
}

em {
font-style: italic;
}

blockquote {
margin: 20px 0;
color: #0a2881;
font-size: 125%;
font-weight: bold;
}

blockquote span {
color: #000;
font-size: 70%;
font-weight: normal;
}

a:link {
color: #000;
background-color: transparent;
text-decoration: underline;
}

a:visited {
color: #000;
background-color: transparent;
text-decoration: underline;
}

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

a:active {
color: #000;
background-color: transparent;
text-decoration: none;
}

ul.linklist {
list-style-type: none;
margin: 10px 0;
padding: 0;
}

ul.linklist li {
line-height: 200%;
}

table#events {
width: 100%;
border: none;
}

table#events td#menu {
padding-right: 10px;
vertical-align: top;
}

table#events #menu-title {
width: 56px;
height: 20px;
background: url("../images/events-menu-title.gif") no-repeat;
}

table#events #menu-title span {
display: none;
}

table#events td h3 {
margin: 0;
padding: 0;
padding-bottom: 10px;
padding-left: 2px;
}

table#events td p {
margin: 0;
padding: 0;
padding-right: 5px;
padding-bottom: 10px;
}

table#events td#main-pic {
vertical-align: bottom;
}

table#quote {
margin-bottom: 10px;
}

table#quote td#portfolio-link {
padding-right: 41px;
vertical-align: bottom;
}

table#quote blockquote {
margin: 0;
padding: 0;
padding-top: 20px;
vertical-align: bottom;
}

#venue-text {
width: 56%;
margin-bottom: 0;
}

#venue-details {
float: right;
margin-right: 60px;
font-size: 0.9em;
text-align: right;
}

#thumb-info {
margin: 0 0 10px 0;
padding: 0;
font-size: 0.8em;
}

table#venues {
width: 660px;
margin: 0 auto;
text-align: center;
}

table#venues td {
width: 330px;
vertical-align: bottom;
}

.gallerycontainer {
position: relative;
}

.thumbnail span {
position: absolute;
left: -1000px;
visibility: hidden;
}

.thumbnail:hover span {
visibility: visible;
top: 23px;
left: 0px;
z-index: 50;
}

table#venue-gallery {
}

table#venue-gallery td {
vertical-align: top;
}

table#venue-gallery-thumbs {
text-align: center;
}

table#venue-gallery-thumbs td {
padding: 0 5px 2px 0;
}

table#image-gallery {
width: 701px;
margin-top: 20px;
text-align: center;
}

table#image-gallery td {
padding-bottom: 14px;
}