*{ margin: 0px; padding: 0px; }
HTML, BODY{ width: 100%; height: 100%; }
BODY{ background: url('images/structure/bgSite_02.jpg') repeat-x center center #000; }
P, A, INPUT, TEXTAREA, H1, H2, H3, H4, H5, TD{
  font-family: Arial, sans-serif;
  font-size: 12px;
  text-decoration: none;
  color: white;
}
P{ margin: 0 0 11px 0; }
P A, td { font-size: 1.0em; }
A IMG{ border: none; }
INPUT, TEXTAREA{ color: black; }
H1{
  font-size: 1.1em;
  font-weight: normal;
}

.black{ color: #000; }
.white{ color: #FFF; }
.gold{ color: #c5a111; }
.silver{ color: #c1c1c1; }
IMG.trans{
  display: block;
}
.float{ float: left; }
.clear{ clear: both; }
IFRAME.map{ float: left; clear: both; }
.small{ font-size: 0.6em; }

TABLE.form TD{ padding: 8px 0; }
TABLE.form TD INPUT.text{
  width: 450px; height: 20px;
  background: #000;
  border: solid 1px white; border-bottom: solid 2px silver;
  margin-left: 10px;
  color: white;
}

input.text { 
	font-size:16px;	
}


/*   Content   */

DIV#ColumnCentre DIV.upper{ text-align: right; }
DIV#ColumnCentre DIV.upper IMG.title{ margin-bottom: 16px; }

DIV#ColumnCentre DIV.lower{
  width: 633px; height: 450px;
  background: url('images/structure/bgBody_01.gif') no-repeat top left;
}
DIV#ColumnCentre DIV.lower DIV.content{
  width: 603px; height: 430px;
  position: relative; top: 12px; left: 0px;
}

DIV.ticker{
  width: 611px; height: 35px;
  background-color: transparent;
  margin-top: 5px;
  overflow: hidden;
}
DIV.ticker P{ font-size: 1.65em; margin-top: 2px; cursor: pointer; }

DIV#HomeContent{ width: 611px; height: 400px; }
DIV#ReservationsContent{ width: 611px; height: 400px; }
DIV#VipContent{ width: 611px; height: 400px; }

DIV#NewsContent{ width: 611px; height: 500px; }
DIV#NewsContent TD H1{ color: #db007d; font-size: 1.1em; font-weight: bold; }

DIV#ContactContent{ width: 611px; }
DIV#ContactContent P.small{ clear: both; }
DIV#ContactFloat{ margin: 0 10px; }
DIV#ContactForm{ width: 404px; float: left; margin-top: 10px; 
  color: #fff;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  }
DIV#ContactForm FORM {
  margin-top: 10px;
}
DIV#ContactForm INPUT.text, DIV#ContactForm TEXTAREA{
  width: 364px;
  font-size: 14px;
  margin-right: 40px;
  line-height: 20px;
  border: none;
  border-bottom: solid 9px #0B0B0B; border-left: solid 0px #666666;
  padding: 5px 0 5px 5px;
  color: #666666;
}
DIV#ContactForm TEXTAREA{ height: 80px; }
DIV#ContactForm INPUT.button{ float: right; margin-right: 40px;}

DIV#contactText {
  margin-top: 10px; 
  margin-left: 2px;
  width: 200px;
  float: left;
  color: #fff;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
}

INPUT.guestlistText{
  height: 20px;
  background: #000;
  border: solid 1px white; border-bottom: solid 2px silver;
  margin-left: 10px;
  color: white;
}
INPUT.guestlistButton{ position: relative; left: 50%; top: -9px; margin-left: -55px; }

DIV#GalleryContent{ width: 611px; height: 170px; margin-top: 10px; }
DIV#GalleryContent P A{ font-weight: bold; }

DIV#EventsContent{ width: 607px; height: 550px;  margin-top:10px; }
DIV#EventsContent DIV.eventEntry{ clear: left; }
DIV#EventsContent DIV.eventEntry DIV.image{ width: 240px; float: left; }
DIV#EventsContent DIV.eventEntry DIV.text{ width: 350px; float: left; }
DIV#EventsContent DIV.eventEntry DIV.text H1{ font-size: 1.0em; font-weight: normal; }
DIV#EventsContent DIV.eventEntry DIV.text H2{ color: #db007d; font-size: 1.1em; text-transform: uppercase; }
DIV#EventsContent DIV.eventEntry DIV.text P { margin: 0 0 5px 0; }
DIV#EventsContent DIV.eventEntry DIV.text P A{ text-decoration: underline; }

DIV#GalleryEventContent DIV.thumbnails{
  width: 560px; height: 46px;
  margin: 7px 0 7px 31px; 
  overflow: hidden;
}
DIV#GalleryEventContent DIV.thumbnails DIV.left{ width: 12px; text-align: right; float: left; padding-top: 11px; }
DIV#GalleryEventContent DIV.thumbnails DIV.right{ width: 12px; float: left; padding-top: 11px; }
DIV#GalleryEventContent DIV.thumbnails DIV.images{ width: 518px; float: left; }
DIV#GalleryEventContent DIV.thumbnails DIV IMG.thumbnail{ margin-left: 7px; }
DIV#GalleryEventContent DIV.arrows{ 
  width: 190px;  
  margin-top: 10px;
  float: right;
}
DIV#GalleryEventContent DIV.arrows A{ float: left; display: block; margin: 0 15px; padding: 3px 0 0 0; }
DIV#GalleryEventContent DIV.arrows IMG{ float: left; }
DIV#GalleryEventContent DIV.arrows IMG.left{ margin-right: 10px; }
DIV#GalleryEventContent DIV.description P A{ text-decoration: underline; }

DIV#EventDetailContent{ width: 611px; height: 400px; }
DIV#EventDetailContent P.flyer{
  text-decoration: underline;
  cursor: pointer;
  float: right;
}
DIV#EventDetailContent H2{ font-size: 1.2em; text-transform: uppercase; }
DIV#EventDetailContent IMG.separator{ margin: 5px 0 10px 0; }

DIV#FlyerWindow{
  background-color: #000;  
  border: solid 1px #999999;
  padding: 150px 150px;
  position: absolute; 
  left: 50%; margin-left: -580px; 
  top: 50%; margin-top: -425px;
  z-index: 999;
  display: none;
}
DIV#FlyerWindow TD.flyer{ padding: 0 10px; }
DIV#FlyerWindow DIV.close{ width: 800px; clear: left; text-align: right; margin-top: 10px; }
DIV#FlyerWindow A.close{ color: white; position: relative; top: -6px; left: -10px; }

DIV#JoinContent{ width: 607px; height: 550px; }
/*
DIV#JoinContent DIV.joinEntry{ width: 607px; float: left; clear: left; margin-bottom: 20px; }
DIV#JoinContent DIV.joinEntry DIV.image{ width: 224px; float: left; }
DIV#JoinContent DIV.joinEntry DIV.text{ width: 360px; float: left; }
DIV#JoinContent DIV.joinEntry DIV.text H1{ font-size: 0.9em; font-weight: bold; text-transform: uppercase; }
DIV#JoinContent DIV.joinEntry DIV.text H2{ color: #db007d; font-size: 0.9em; text-transform: uppercase; }
DIV#JoinContent DIV.joinEntry DIV.text P { margin: 10px 0 5px 0; }
DIV#JoinContent DIV.joinEntry DIV.text P A{ text-decoration: underline; }
*/
DIV#JoinContent TD H1{ font-size: 1.3em; font-weight: bold; text-transform: uppercase; }
DIV#JoinContent TD H2{ color: #db007d; font-size: 1.3em; text-transform: uppercase; }
DIV#JoinContent TD P { margin: 10px 0 5px 0; }
DIV#JoinContent TD P A{ text-decoration: underline; }


/* rotator css */
DIV#bannerRotator{ clear: both; float: left; }
DIV#bannerRotator ul li, DIV#skyscraperRotator ul li {
  float:left;
  position:absolute;
  list-style: none;
}
DIV#bannerRotator ul li.show, DIV#skyscraperRotator ul li.show { z-index:500; }
DIV#bannerRotator IMG.borderImage, DIV#skyscraperRotator IMG.borderImage{
  position: relative;
  left: 0px; top: 0px;
  z-index: 900;
}
UL#banners{
  position: relative; top: 1px; left: 1px;
}
UL#skyscrapers{
  position: relative; 
  top: -610px; left: 1px;
}




/*   Header / Footer   */

DIV#Header P.links{ 
  font-size: 0.7em;
  color: #bababa;
  margin: 0px;
}
DIV#Header P.links A{ 
  margin: 0px;
  margin-right: 30px;
  display: block; float: left;
}
DIV#Header DIV.newsletter{
  font-size: 0.7em;
  color: #bababa;
  float: right;
}
DIV#Header DIV.newsletter P{ font-size: 1.0em; margin: 0px; }
DIV#Header DIV.newsletter P, DIV#Header DIV.newsletter FORM{ display: inline; float: left; }
DIV#Header DIV.newsletter INPUT.button{
  color: #db007d;
  font-weight: bold;
  background: none; border: none;
}

DIV#Footer DIV.text{
  margin-top: 20px;

}
DIV#Footer P{
  font-size: 0.7em;
  color: #bababa;
  margin: 0px;
}
DIV#Footer P.copyright{ 
  position: relative; left: -70px;
  float: right;
}
DIV#Footer IMG.small{
  position: relative; top: 34px;
  float: right;
}



/*   Left Column   */

DIV.navigation A{
  font-weight: bold; font-size: 0.7em;
  text-transform: uppercase;
  padding-top: 11px; margin-left: 0px;
  display: block;
  clear: left;
}

DIV#NavigationTall{
  width: 151px; height: 300px;
}
DIV#NavigationShort{
  width: 151px; height: 232px;
}
DIV#NavigationShort A{ padding-top: 8px; }

DIV#MailingTall{
  width: 151px; height: 205px;
  background: url('images/structure/bgMailingTall.gif') no-repeat top left;
  margin-top: 11px;
}
DIV#MailingTall P{ margin: 0px 10px; padding: 8px 0; }
DIV#MailingTall IMG.join{ margin: 0px 10px; }
DIV#MailingTall INPUT.text{
  width: 126px; height: 14px; line-height: 14px;
  font-size: 0.8em;
  border: none;
  border-bottom: solid 2px #666666; border-left: solid 1px #666666;
  margin: 5px 0 0 10px;
  color: #666666;
}
DIV#MailingTall INPUT.button{ margin: 10px 0 0 10px; }
DIV#MailingShort{
  width: 151px; height: 109px;
  background: url('images/structure/bgMailingShort.gif') no-repeat top left;
  margin-top: 11px;
}
DIV#MailingShort P{
  width: 140px;
  position: relative; top: 60px; left: 11px;
}

DIV#Social{
  border-top: solid 1px #db007d;
  border-bottom: solid 1px #db007d;
  margin-top: 13px;
  padding-top: 13px;
  padding-bottom: 13px;
  color: #fff;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
}

DIV#Social img {
  margin-top: 5px;

}

DIV#pixelpink {
position: absolute;
top: 568px;
width: 611px;
  border-bottom: solid 1px #db007d;
}



/*   Structure   */

DIV#Header{
  width: 100%; height: 36px;
  margin-top: 0px;
  border-bottom: solid 1px #db007d;
  clear: left;
}

DIV#BodyBg{
  width: 100%; height: 100%;
  position: absolute; 
  padding: 37px 0 0 0;
  clear: left;
  float: left;

}
DIV#Body{
  width: 983px; height: 771px;
  background: url('images/structure/bgBody1.jpg');
  float: left;
}
DIV#BodyGhost{ height: 1000px; }
DIV#ColumnLeft{
  width: 151px;
  margin-right: 10px;
  padding-left: 14px;
  float: left;
}
DIV#ColumnCentre{
  width: 633px;
  margin-right: 10px;
  float: left;
}
DIV#ColumnRight{
  position: absolute; 
  left: 817px;
  top: 133px;
  width: 159px;
  float: left;
}

DIV#Footer{
  width: 100%; height: 98px;
  background: url('images/structure/pixelPink.gif') repeat-x 0px 60px;
}
DIV#FooterPush{ height: 98px; }

DIV#Wrapper{
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto -98px; /* the bottom margin is the negative value of the footer's height */
}
DIV.centeredContent{
  width: 963px;
  position: relative; left: 50%;
  margin-left: -465px;
}

#BodyBg DIV.centeredContent{
  background: #000;
  width: 993px;
  position: relative; left: 50%;
  margin-left: -482px;
  float: left;
}

#content-top {
  float: left;
  padding-left: 14px;
}

#content-top img {
  padding-top: 10px;
}

DIV.upper{ height: 185px; }
DIV.lower{ clear: left; }*{ margin: 0px; padding: 0px; }
HTML, BODY{ width: 100%; height: 100%; }
BODY{ background: url('images/structure/bgSite_01.jpg') repeat-x top left #000; }
P, A, INPUT, TEXTAREA, H1, H2, H3, H4, H5, TD{
  font-family: Arial, sans-serif;
  font-size: 0.80em;
  text-decoration: none;
  color: white;
}
P{ margin: 0 0 11px 0; }
P A{ font-size: 1.0em; }
A IMG{ border: none; }
INPUT, TEXTAREA{ color: black; }
H1{
  font-size: 1.1em;
  font-weight: normal;
}

.black{ color: #DC0066; }
.white{ color: #FFF; }
.gold{ color: #c5a111; }
.silver{ color: #c1c1c1; }
IMG.trans{
  display: block;
}
.float{ float: left; }
.clear{ clear: both; }
IFRAME.map{ float: left; clear: both; }
.small{ font-size: 0.6em; }

TABLE.form TD{ padding: 8px 0; }
TABLE.form TD INPUT.text{
  width: 450px; height: 20px;
  background: #000;
  border: solid 1px white; border-bottom: solid 2px silver;
  margin-left: 10px;
  color: white;
}

DIV#ColumnLeft .upper img {
  border-top: solid 1px #db007d;
  border-bottom: solid 1px #db007d;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
}

#leftedge {
 display: block;
 float: left;
}

#rightedge {
  position: absolute; 
  left: 989px;
 display: block;
 float: left;
}


div#MailingShort { 
	cursor:pointer;
}
td { font-size: 12px; }
td p { font-size: 12px; }

.tableReservation { 
	background:url(images/reservation-logos.png) no-repeat bottom center;
}

.content a { 
	color:#db007d;
	text-decoration:none!important;
}

.content a:hover {
	color:#fff;
	text-decoration:underline!important;
}

.mainImage {
	text-align:center;
}