html
{
  -webkit-text-size-adjust: 1em; /* 2 */
  -ms-text-size-adjust: 1em; /* 2 */
}

body
{
  margin: 0;
  padding: 0;
  font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
  /* [disabled]font-size: 16PX;
*/
  font-weight: 600;
  line-height: 1.58;
  color: #333;
  text-align: left;
  background-color: #f6f4f1;
}

#table
{
  width: 100%;
  table-layout: fixed;
  margin-right: 2em;
  box-shadow: 0 10px 30px rgba(0,0,0,0.08);
  margin-left: 2em;
}

#table th, #table td
{
  overflow-wrap: break-word;
}

#main-table
{
  width: 100%;
  table-layout: fixed;
  max-width: 960px;
  margin: 0 auto;
  background: #fff;
  border-collapse: collapse;
  border-spacing: 0;
}

#main-table-homepage
{
  margin-left: auto;
  margin-right: auto;
  background-color: #FFF;
  width: 560px;
}

#menu ul li a
{
  padding: 6px 12px;
  font-weight: normal;
}

#menu ul li a:hover
{
  text-decoration: underline;
  color: #000000;
}

#cta
{
  text-decoration: underline;
}

#menu ul li a
{
  text-decoration: none;
}

#main-table tr .table-content #main-text ul li
{
  color: #333;
  line-height: 150%;
  font-size: 18px;
  font-style: normal;
}

#main-table tr .table-content .singing-package .package-pictures
{
  float: right;
  width: 250px;
  margin-left: 1em;
}

/* HEADINGS */

h1, h2, h3, h4, h5, h6
{
  font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
  color: #B98E13; /* Dark gold color for header */
  font-weight: 400;
  display: block;
  text-transform: uppercase;
  line-height: 120%;
  font-style: normal;
  text-decoration: all-caps;
  letter-spacing: 0.1em;
  text-align: center;
  margin-top: 1em;
  margin-right: auto;
  margin-bottom: 1em;
  margin-left: auto;
  padding: 0px;
}

p
{
  color: #222222;
  font-weight: 600;
  font-size: 17px;
  line-height: 1.6rem;
  margin-left: 40px;
  margin-right: 40px;
  font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* ================================================================================ */

a
{
  color: #666;
  text-decoration: underline;
  font-weight: bold;
}

a:hover
{
  text-decoration: underline;
}

a:link
{
  text-decoration: underline;
}

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

a:hover
{
  color: #555555;
}

a:active
{
  color: #272727;
  border: 2px solid #999;
  text-align: center;
  margin-right: auto;
  margin-left: auto;
}

/* IMAGES */

.a-picture-right
{
  border-radius: 15px;
  margin: 0 2em 0 2em;
  float: right;
   width: 50%;
}

.a-picture-left
{
  border-radius: 15px;
  margin: 0px 20px 20px 40px;
  float: left;
  width: 50%;
}


/* INTRO IMAGE HOMEPAGE */
/* Container */
.intro {
  max-width: 960px;
  margin: 0 auto;
  padding: 0 0px;
}

/* Image top-right */
.intro-image {
  float: right;
  width: 300px;
  margin: 0 0 20px 20px;
}

.intro-image img {
  width: 100%;
  height: auto;
  display: block;
}

/* Mobile: stack clean */
@media (max-width: 800px) {
  .intro-image {
    float: none;
    display: block;
    width: 100%;
    margin: 40px 0;
  }
}



/* BUTTONS */

.css3button
{
  display: inline-block;
  padding: 14px 28px;
  margin-top: 1em;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 3em;
  border: 1px solid #bfa46a;
  border-radius: 999px;
  box-sizing: border-box;
  background: linear-gradient(to bottom, #f5e7c8, #e5cf9f);
  color: #000;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  font-family: Arial, sans-serif;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0.5px;
  white-space: nowrap;
  cursor: pointer;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}



/* blockquote {
 background: #f9f9f9;
 font-style: italic;
 padding-top: 10px;
 padding-bottom: 10px;
 margin-top: 1em;
 margin-right: 20px;
 margin-bottom: 0em;
 margin-left: 20px;
 border-left-width: 1px;
 border-left-style: solid;
 border-left-color: #999;
}*/

/*blockquote
{
  background: #f9f9f9;
  font-style: italic;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-top: 0em;
  margin-right: 20px;
  margin-bottom: 0em;
  margin-left: 20px;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #999;
}*/




blockquote
{
  background: #f9f9f9;
  font-style: italic;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-top: 2em;
  margin-right: 20px;
  margin-bottom: 2px;
  margin-left: 20px;
  border-width: 1px;
  border-style: solid;
  border-color: #999;
  padding-left: 20px;
  padding-right: 20px;
}

blockquote p
{
  display: block;
}

.blockquote2
{
  background-repeat: no-repeat;
  background-position: right bottom;
  padding-left: 18px;
  text-indent: -18px;
  margin-left: 1em;
  margin-right: 1em;
  background-color: #EDEDED;
  margin-top: 0px;
  padding-top: 9px;
  padding-bottom: 9px;
  padding-right: 18px;
}

.blockquote2:first-letter
{
  padding-left: 18px;
  font: italic 1.4em Merriweather, Georgia, "Times New Roman", Times, serif;
}

.homepage-ul
{
  list-style: none;
  margin-top: 0;
  margin-right: 0;
  margin-left: 4em;
  margin-bottom: 0;
  padding: 0;
}

.homepage-ul li
{
  margin-bottom: 1em;
  padding-left: 1.4em;
  text-indent: -1.4em;
}

.homepage-ul li::before
{
  content: "•";
  position: absolute;
  left: 0;
  top: 0;
}

blockquote.style1
{
  font-style: italic;
  background-color: rgb(250,250,250);
  padding-top: 1em;
  padding-right: 1em;
  padding-bottom: 1em;
  padding-left: 1em;
  overflow: hidden;
}

#award
{
}

.a-responsive-image
{
  max-width: 100%;
  height: auto;
  display: block;
}

.container
{
  position: relative;
  text-align: center;
  color: white;
  width: 50%;
  float: right;
  clear: both;
}

.container100
{ /*
  [disabled]position: relative;
*/
  color: white;
  width: auto;
  float: none;
  clear: both;
  height: auto;
}

.centered
{
  position: relative;
  left: 50%;
  transform: translate(-50%, -10%);
  /* [disabled]bottom: 8px;
*/
  background-color: #333;
  padding: 2em 1em 0em 1em;
  z-index: 0;
  margin: 0em;
}

blockquote.style1 img
{
  max-width: 100%;
}

#main-table TR .table-content #main-text P .button a
{
  color: #000;
}

#table
{
  width: 100%;
  table-layout: fixed;
}

#table th, #table td
{
  overflow-wrap: break-word;
}

#audio-and-video-player
{
  background-color: #E8E8E8;
  border: 0 solid #CCC;
  margin-bottom: 10px;
  margin-left: 10px;
  padding: 0;
  width: 250px;
}

.jukebox-right
{
  float: right;
  width: 340px;
  margin-left: 15px;
}

.table-content
{
  overflow-x: auto;
}

#audio-and-video-player-large
{
  background-color: #E8E8E8;
  width: 298px;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 2px;
  margin-top: 2px;
}

#audio-and-video-player2
{
  background-color: #E8E8E8;
  border: 0 solid #CCC;
  float: right;
  margin-bottom: 10px;
  margin-left: 10px;
  padding: 0;
  width: 250px;
}

#audio-and-video-right
{
  float: right;
  width: 260px;
}

.background-stats
{
  border: 1px solid #E8E8E8;
  clear: both;
  display: block;
  float: right;
  margin: 1em;
  background-color: #F5F5F5;
}

#bookmark-box
{
  background-color: #FCFCFC;
  background-repeat: repeat-x;
  border: 1px solid #FAFAFA;
  float: right;
  margin-left: auto;
  padding: 5px;
  text-align: center;
  width: 160px;
}

#bookmark-icon
{
  float: right;
  font-style: italic;
  font-variant: normal;
  margin-left: 5px;
  margin-right: 10px;
  vertical-align: middle;
}

#corporate-entertainment
{
  float: right;
  margin-left: 10px;
  width: 260px;
}

#date
{
  color: #444;
  display: none;
  font-size: 17px;
  height: 20px;
  line-height: 1.2em;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 12px;
  padding-top: 6px;
  text-align: right;
  width: 100%;
}

#demo-cd-form
{
  background-color: #FFFFFB;
  background-repeat: repeat-x;
  border: 1px solid #CCC;
  margin-bottom: 12px;
  margin-left: 12px;
  padding: 12px;
  width: 678px;
}

#demo-cd-right
{
  float: right;
  width: 300px;
}

#demo-cd-testimonial
{
  background-color: #eee;
  border: 1px solid #CCC;
  margin-bottom: 10px;
  margin-left: 10px;
  padding: 10px 20px 10px 10px;
  width: 240px;
}

#diary-text
{
  font-size: .9em;
}

.equipment-collage
{
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  width: 654px;
}

#equipment-picture
{
  margin-right: auto;
  margin-left: auto;
  width: 654px;
}


/* homnepage music player */

.button-wrap
{
  text-align: center;
}

.music-player {
  width: calc(100% - 80px);
  max-width: 880px;
  margin: 0 auto;
  padding: 2em 0 3em; /* ← more space at the bottom */
  box-sizing: border-box;
  background: #f8f6f2;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;

  overflow: visible; /* ← important for iOS */
}
.music-player-content
{
  margin: 0 auto;
  text-align: center;
}

.music-player-title
{
  font-family: Baskerville, "Palatino Linotype", Palatino, "Times New Roman", serif;
  font-size: 28px;
  margin-bottom: 1em;
  color: #111;
}

.music-player audio {
  width: 100%;
  max-width: 700px;
  display: block;
  margin: 0 auto 20px; /* ← gives space below player */
}

#homepage
{
  color: #333;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 10px;
  text-align: left;
  width: 797px;
}

#homepage-footer
{
  font-size: 17px;
  line-height: 1.6em;
  padding: 10px;
  text-align: center;
}

#homepage-text
{
  color: #333;
  float: right;
  font-size: 1.1em;
  height: 155px;
  line-height: 1.4em;
  margin-right: 25px;
  margin-top: 7px;
  text-align: left;
  vertical-align: top;
  width: 536px;
}

#homepage-text p
{
  margin-bottom: 5px;
  margin-top: 5px;
}

#homepage-text li
{
  padding-bottom: 2px;
  padding-top: 2px;
}

.indented-paragraph
{
  background-color: #F7F7F7;
  border-left-color: #EEE;
  border-left-style: solid;
  border-left-width: medium;
  font-style: italic;
  margin-left: 20px;
  margin-right: 15px;
  margin-top: 10px;
  width: 260px;
  float: right;
  text-align: center;
  padding: 15px;
  margin-bottom: 15px;
}

/* TOP NAVIGATION BAR */

.topnav
{
  margin: 0;
  border-bottom: 1px solid #A88D58; /* Slightly darker edge */
  display: flex;
  align-items: center;
  padding: 0 25px;
  background: linear-gradient(  to bottom,  #ffffff 0%,  #f7e6ca 45%,  #ecd7b4 55%,  #d6bd8f 100% );
  border: 1px solid #cdb386;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.7),  0 2px 6px rgba(0,0,0,0.12);
  font-size: 17px;
}

.topnav ul
{
  margin: 0 auto 0 auto;
}

.topnav ul li
{
  text-align: center;
  display: inline;
}

.topnav a
{
  display: block;
  float: left;
  font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
=  font-weight: 600;
  text-transform: uppercase;
  color: #000;
  text-decoration: underline;
  padding: 10px 14px;
  background-color: transparent;
  border: none;
  outline: none;
  cursor: pointer;
}

.topnav a:hover
{
  text-decoration: underline;
}

/* Remove default browser margins inside the nav bar */

.topnav nav, .topnav ul
{
  margin: 0;
  padding: 0;
}

/* Also remove top/bottom gap from the list */

#menu ul
{
  margin: 0;
  padding: 0;
  list-style: none;
  color: #000000;
}

/* Optional but good: stop any image baseline gap */

#main-table img
{
  border-radius: 20px;
  display: block;
}

/* 
#navcontainer { padding-top: 10px; text-align: center; }

#navcontainer ul { padding-bottom: 5px; padding-top: 0px; margin-right: auto; margin-left: auto; margin-top: 10px; }

#navcontainer ul li { display: inline; background-image: none; list-style-type: square; list-style-position: inside; }

#navcontainer ul li a { display: inline; margin-right: 5px; }

#navigation { float: right; }


.navigation-button { background-color: #eee; background-position: -100px 0; background-repeat: repeat-x; border: 1px solid #eee; box-shadow: 0 0 3px #eee; cursor: pointer; line-height: normal; padding: 10px; text-align: center; text-decoration: none; vertical-align: top; white-space: nowrap; margin: 20px; }


*/


#navigation-td
{
  background: #eee repeat 0 0;
}

#newnavlist
{
  margin-left: 0;
  padding-left: 0;
  white-space: nowrap;
}

#newnavlist a
{
  border: 1px solid #ddd;
  padding: 3px 10px;
}

#newnavlist a:hover
{
  background-color: #fff;
  color: #666;
  text-decoration: none;
}

#newnavlist a:link, #newnavlist a:visited
{
  background-color: #efefef;
  color: #666;
  text-decoration: none;
}

#newnavlist li
{
  display: inline;
  list-style-type: none;
}

#newnavlistcontainer
{
  text-align: right;
}

#newnavlistcontainerleft
{
  text-align: left;
}

.platinum
{
  color: #E5E4E2;
  font-style: normal;
  text-shadow: 1px 1px #cccccc;
  font-weight: bold;
  text-transform: uppercase;
}

.silver
{
  font-weight: bold;
  text-shadow: 1px 1px #cccccc;
  color: #C0C0C0;
  font-style: normal;
  text-transform: uppercase;
}

.bronze
{
  font-weight: bold;
  text-shadow: 1px 1px #cccccc;
  color: #CD7F32;
  font-style: normal;
  text-transform: uppercase;
}

.party-singer-pictures
{
  float: right;
  margin-bottom: 10px;
  width: 324px;
  clear: both;
  margin-left: 20px;
}

.box
{
  text-align: center;
  box-shadow: 0 1em 2em -1em rgba(0, 0, 0, .25);
  margin-top: 0px;
  margin-right: 0%;
  margin-bottom: 0;
  margin-left: 0%;
  padding-top: 30px;
  padding-right: 0;
  padding-bottom: 30px;
  padding-left: 0;
  clear: both;
  height: 1em;
}

/* ===============================
   LUXURY BARN / COASTAL WEDDING UI
   Package Page Styling
================================= */

/* Root palette */

:root
{
 --bg: #fbf8f3;           /* warm ivory */
 --text: #2f2f2f;         /* soft charcoal */
 --muted: #6b6b6b;        /* muted grey */
 --accent: #a68a64;       /* soft gold / sand */
 --line: #e8e1d8;         /* subtle divider */
 --card: #ffffff;         /* clean panels */
}

/* Page base */

body
{
  margin: 0;
  font-family: "Raleway", "Helvetica Neue", Arial, sans-serif;
  color: var(--text);
  line-height: 1.6;
  letter-spacing: 0.2px;
  background-color: #f6f4f1;
}

/* Package wrapper */

.package
{
  max-width: 900px;
  margin: 0 auto;
  padding-top: 30px;
  padding-right: 24px;
  padding-left: 24px;
  padding-bottom: 80px;
}

/* Header */

.package-header
{
  text-align: center;
  margin-bottom: 20px;
}

.package-header h2
{
  font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
  font-size: 1.5em;
  font-weight: normal;
  margin-bottom: 10px;
  color: var(--text);
}

.package-subtitle
{
  font-size: 1em;
  color: var(--muted);
  max-width: 600px;
  margin: 0 auto;
  text-transform: uppercase;
}

/* Body layout */

.package-body
{
  background: var(--card);
  padding: 40px;
  border: 1px solid var(--line);
  border-radius: 12px;
  box-shadow: 0 10px 20px rgba(0,0,0,0.04);
}

/* Intro */

.package-intro p
{
  font-size: 1.05rem;
  margin-bottom: 18px;
}

/* Section spacing */

.package-section
{
  margin-top: 15px;
  padding-top: 15px;
  /* [disabled]border-top: 1px solid var(--line); */
}

.package-section h3
{
  font-family: "Playfair Display", serif;
  font-size: 1.4rem;
  margin-bottom: 12px;
  color: var(--text);
}

/* Paragraphs */

.package-section p
{
  color: var(--muted);
  font-size: 1rem;
}

/* List styling */

.package-section ul
{
  list-style: none;
  padding: 0;
  margin: 0;
}

.package-section ul li
{
  padding-left: 22px;
  margin-bottom: 10px;
  position: relative;
  color: var(--muted);
}

/* soft coastal tick bullet */

.package-section ul li::before
{
  content: "•";
  position: absolute;
  left: 0;
  color: var(--accent);
  font-size: 1.2rem;
  line-height: 1;
}

/* Footer pricing block */

.package-footer
{
  margin-top: 20px;
  padding-top: 20px;

  text-align: center;
}

.package-list
{
margin-left: 40px;
}

.package-footer h3
{
  font-family: "Playfair Display", serif;
  font-size: 1.3rem;
  margin-bottom: 10px;
}

.price
{
  font-size: 1.5em;
  font-weight: 500;
  color: #886600;
  margin: 10px 0;
}

/* subtle emphasis line */

.package-footer p
{
  color: var(--muted);
  max-width: 500px;
  margin: 0 auto;
  font-size: 24px;
}

/* Buttons (if you add later) */

.button
{
  display: inline-block;
  margin-top: 25px;
  padding: 12px 22px;
  color: var(--accent);
  text-decoration: none;
  border-radius: 30px;
  transition: all 0.25s ease;
}

.button:hover
{
  background: var(--accent);
  color: white;
}

/* Mobile refinement */
@media (max-width: 600px) {

.package
{
  padding: 50px 18px;
}

.package-body
{
  padding: 25px;
}

.package-header h2
{
  font-size: 1.9rem;
}
}

.singer-testimonial
{
  font-size: .9em;
  margin: 7px 9px 3px 13px;
  padding: 2px 2px 2px 0;
}

.package-section ul
{
  list-style: none;
  font-weight: normal;/*margin: 0;
  padding: 0;*/
}

.package-section li
{
  list-style: none;
  display: block;
  position: relative;
  padding-left: 22px;
  margin-bottom: 10px;
  color: var(--muted);
}

/* custom bullet only */
.package-section li::marker {
 content: "";
}

.package-section li::before
{
  content: "•";
  position: absolute;
  left: 0;
  color: var(--accent);
  font-size: 1.2rem;
  line-height: 1;
}

.singing-package
{
  font-size: 17px;
  text-align: left;
  background-color: #F9F9F9;
  -webkit-box-shadow: 0 10px 6px -6px #777;
  -moz-box-shadow: 0 10px 6px -6px #777;
  box-shadow: 0 10px 6px -6px #777;
  padding: 2em;
  border: 1px solid #999;
  margin: 1em;
}

.package-section li::before
{
  content: "—";
  color: var(--accent);
  font-size: 1rem;
}

.testimonial-text
{
  background-color: rgb(250,250,250);
  -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.33);
  -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.33);
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.33);
  padding: 20px;
  margin-top: 10px;
}

.page_section
{
  background-color: rgb(250,250,250);
  background-repeat: repeat-x;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.33);
  margin-bottom: 10px;
  padding: 20px;
}

.small-testimonial
{
  background-color: rgb(250,250,250);
  clear: both;
  margin-bottom: 30px;
  padding: 15px;
  margin-top: 30px;
  font-size: 17px;
  /* [disabled]width: 100%;
*/
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.33);
}

#jukebox
{
  background-repeat: repeat-x;
  background-position: 200px;
  background-color: #fdfdfd;
  box-shadow: rgb(249, 249, 249) 0px 0px 0px 1px inset;
  border: 1px solid rgb(229, 229, 229);
  margin-top: 10px;
  width: 300px;
  float: right;
  padding: 10px;
  margin-left: 20px;
  margin-right: 0px;
  margin-bottom: 0px;
}

.special-occasion-testimonial
{
  background-color: #efefef;
  background-repeat: repeat-x;
  border: 1px solid #CCC;
  box-shadow: 0 0 5px #bcbcbc;
  margin-bottom: 12px;
  margin-left: 12px;
  overflow: hidden;
  padding: 12px;
}

.special-offer-box
{
  background-color: #F7F7F7;
  float: right;
  margin-bottom: 10px;
  margin-left: 10px;
  padding-bottom: 10px;
  padding-top: 10px;
  text-align: center;
  width: 300px;
}

.submit-button
{
  background-color: #eee;
  padding-top: 10px;
  padding-right: 15px;
  padding-bottom: 10px;
  padding-left: 15px;
  margin-top: 10px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
  font-size: 18px;
  text-transform: capitalize;
}

.table-content
{
  border-top-width: 0px;
  border-right-width: 0px;
  border-bottom-width: 0px;
  border-left-width: 0px;
  overflow: hidden;
  border-color: #000000;
  padding: 0px;
  margin-right: 2em;
  margin-left: 2em;
}

td img
{
  display: block;
  border-radius: 15px; /* Prevent background color leak outs */
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
}

.testimonial
{
  font-size: 17px;
  text-align: left;
  margin-bottom: 1em;
  padding: 20px;
  background-color: #FAFAFA;
  -webkit-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.16);
  box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.16);
}

.testimonial-homepage
{
  text-align: center;
  width: 300px;
  float: right;
  margin-left: 20px;
  margin-top: 10px;
  clear: both;
  padding: 10px;
  margin-right: 0px;
  margin-bottom: 0px;
}

.testimonial-listen
{
  background-color: rgb(250,250,250);
  border-right-color: #eee;
  margin-right: 10px;
  border-top-width: 0;
  border-right-width: 1px;
  border-bottom-width: 0px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-left-color: #eee;
  width: 200px;
  float: right;
  font-style: italic;
  text-align: center;
  padding: 0.25em;
  margin: 1em;
  font-size: 80%;
}

.testimonial-small
{
  background-color: #FFFFFB;
  background-repeat: repeat-x;
  border: 0 solid #CCC;
  margin-bottom: 10px;
  margin-left: 10px;
  padding: 10px 20px 20px;
  width: 400px;
}

#ticker li
{
  list-style-type: none;
  margin-left: -15px;
}

#ticker-container
{
  background-color: #fefefe;
  background-position: top;
  background-repeat: repeat-x;
  box-shadow: 0 0 5px #bcbcbc;
  clear: both;
  margin-left: 30px;
  margin-right: 20px;
  margin-top: 20px;
  overflow: hidden;
  padding: 20px;
}

#top
{
  background-color: #FFF;
  background-position: left top;
  background-repeat: no-repeat;
  border-bottom-color: #DEDEDE;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  height: 173px;
  overflow: hidden;
}

#wedding-audio-and-video-player-large
{
  background-repeat: repeat-x;
  border: 0 solid #ddd;
  box-shadow: 0 0 5px #bcbcbc;
  height: 190px;
  margin-bottom: 10px;
  margin-left: 100px;
  margin-right: 100px;
  width: 248px;
}

#wedding-songbook-audio-and-video-player-large
{
  background-repeat: repeat-x;
  border: 0 solid #ddd;
  clear: both;
  height: 200px;
  margin-bottom: 10px;
  margin-left: 10px;
  width: 250px;
}

#wedding-breakfast-package-pictures
{
  float: right;
  margin-bottom: 10px;
  margin-left: 10px;
  overflow: hidden;
  width: 260px;
}

#wedding-music-player
{
  box-shadow: 0 0 5px #bcbcbc;
  clear: both;
  font-size: .9em;
  height: 208px;
  margin: 10px auto;
  padding-top: 0;
  width: 296px;
}

#wedding-nav
{
  background-color: #fcfcfc;
  background-repeat: no-repeat;
  border: 3px solid #ddd;
  float: right;
  line-height: 2em;
  margin-bottom: 10px;
  margin-left: 10px;
  padding: 5px;
  width: 234px;
}

#wedding-nav2
{
  background-color: #F7F7F7;
  border: 1px solid #CCC;
  line-height: 2em;
  margin-bottom: 10px;
  margin-left: 10px;
  padding: 10px;
}

#wedding-singer
{
  background-color: #FFF;
  clear: none;
  float: right;
  margin-left: 10px;
  overflow: hidden;
  padding-left: 0;
  width: 260px;
}

#wedding-singer-title-image
{
  float: right;
  margin-left: 40px;
  clear: both;
  width: 342px;
  margin-bottom: 20px;
  background-repeat: repeat-x;
}

#wedding-singer-dj-package-pictures
{
  float: right;
  margin-bottom: 10px;
  width: 260px;
}

#wedding-singer-package-pictures
{
  float: right;
  margin-bottom: 10px;
  margin-left: 10px;
  overflow: hidden;
  width: 260px;
}

.wedding-table-content
{
  background-color: #FFF;
  padding: 30px;
  text-align: left;
}

.wedding-testimonial-small
{
  background-color: #F0F0B9;
  background-repeat: repeat-x;
  box-shadow: 0 0 5px #bcbcbc;
  margin-bottom: 10px;
  margin-left: 10px;
  padding: 10px 20px 10px 10px;
  width: 215px;
}

#wedding-ultimate-package-pictures
{
  float: right;
  margin-bottom: 10px;
  margin-left: 10px;
  width: 260px;
}

#weddings-navlist
{
  margin-left: 0;
  padding-left: 0;
  padding-right: 0;
  padding-top: 10px;
  width: 235px;
}

#weddings-navlist li
{
  background-image: none;
  list-style-image: none;
  list-style-type: none;
  margin: 0 0 0 3px;
  padding: 0 0 10px 15px;
}

#weddings-navlist ul
{
  margin-bottom: 0;
  margin-right: 0;
  margin-top: 5px;
}

#weddings-navlist ul li
{
  background-position: 0 .55em;
  background-repeat: no-repeat;
  list-style-image: none;
  list-style-type: none;
  margin: 0;
  padding: 0 0 10px 15px;
}

#weddings-navlist3 ul
{
  line-height: 1.3em;
  list-style-type: square;
  margin: 10px 0 10px 15px;
}

#weddings-navlist3 ul li
{
  background-position: 0 .55em;
  background-repeat: no-repeat;
  list-style-image: none;
  list-style-type: none;
  margin: 0 0 0 3px;
  padding: 0 0 10px 15px;
}

#weddings-peace-of-mind
{
  list-style: square;
  margin-left: 20px;
  padding-left: 0;
  padding-right: 0;
  padding-top: 10px;
}

.weddings-picture-left
{
  border: 0 solid #b9b9b9;
  float: left;
  margin-right: 12px;
}

.weddings-picture-right
{
  margin-bottom: 10px;
  margin-left: 10px;
}

#weddings-top
{
  height: 173px;
  overflow: hidden;
  width: 960px;
}

#swing-top
{
  height: 173px;
  overflow: hidden;
  width: 960px;
}

.page-divider
{
  margin: 20px auto;
  width: 588px;
}

.sub-nav
{
  font-size: 90%;
  text-align: left;
}

.wedding-sub-nav
{
  font-size: 100%;
  font-style: italic;
  margin-bottom: 15px;
  text-align: right;
}

.wedding-package-pictures
{
  float: right;
  margin-left: 10px;
  width: 260px;
}

.center
{
  margin-left: auto;
  margin-right: auto;
}

#todays-date
{
  text-align: right;
  width: 960px;
  margin-top: 5px;
  margin-right: auto;
  margin-bottom: 10px;
  margin-left: auto;
}

.wedding_bookmark_layer
{
  float: right;
  font-style: normal;
  text-align: right;
  width: 260px;
}

#click-for-more-pictures
{
  margin-bottom: 11px;
  margin-top: -5px;
  text-align: center;
}

.client-comment
{
  background-color: #FFF;
  box-shadow: 0 0 5px #bcbcbc;
  font-size: .9em;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
  text-align: center;
  width: 200px;
}

.single-quote
{
  font-size: 1.4em;
}

iframe
{
}

.songbook-table
{
  padding: 10px;
  margin-top: 20px;
  background-color: #fefefe;
  background-repeat: repeat-x;
}

#myTable thead tr th
{
  margin-bottom: 5px;
  padding: 8px;
}

#audio-player
{ /*
  [disabled]clear: both;
*/
  padding: 0px;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 15px;
  margin-left: 0;
}

.quotation-mark
{
  font-size: 2em;
}

.title-subheading
{
  font-size: 1.1em;
  font-style: italic;
}

#credits
{
  color: #d2d6db;
  font-size: 12px;
  line-height: 18px;
  margin: 0;
  padding: 50px 0;
  text-align: center;
}

#credits a
{
  color: #c0c8d6;
  text-decoration: none;
}

#credits a:hover
{
  color: #a6b2c8;
}

.package-photos
{
  float: right;
  width: 300px;
  margin-left: 15px;
}

.package-summary
{
  text-align: center;
}

.subheading
{
  font-size: 1.1em;
  letter-spacing: .1em;
  line-height: 1.5em;
  margin-bottom: 20px;
}

.bookmark
{
  -khtml-opacity: 0.5;
  /* [disabled]display: block;
*/
  font-size: 17px;
  margin-top: 1px;
  float: right;
  margin-left: auto;
  text-align: right;
  clear: both;
  padding: 0px;
}

.background-stats table tr td table tr td
{
  padding: 5px;
}

about-pictures
{
  float: right;
  width: 300px;
}

.about-pictures
{
  float: right;
  margin-left: 20px;
  width: 320px;
}

#main-table tr .table-content .about-pictures .background-stats table tr td
{
  padding: 5px;
}

.form-optional-field-text
{
  font-size: smaller;
}

.form-field-label
{
  color: rgb(60,60,60);
  padding-top: 0.2em;
  padding-right: 0em;
  padding-bottom: 0em;
  padding-left: 0em;
  font-style: italic;
}

.testimonial-mini
{
  width: 400px;
  padding: 1em;
  margin: 1em;
  line-height: 1.25;
}

#swing-main-text
{
  overflow: hidden;
  margin-right: 1em;
  padding-right: 1em;
  margin-left: 0.5em;
  /* [disabled]margin-right: 15px;
*/
}

.music-player-listen-page
{
  width: 300px;
  float: right;
}

.indent
{
  margin-left: 20px;
}

.testimonial-picture-right
{
  float: right;
  margin-left: 20px;
}

.centre-photo
{
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

.quote
{
  width: auto;
  font-size: 90%;
  font-style: normal;
  background-repeat: repeat-x;
  -moz-box-shadow: 0px 1px 4px rgba(000, 000, 000, 0), inset 0px 0px 10px rgba(71, 71, 71, 0);
  -webkit-box-shadow: 0px 1px 4px rgba(000, 000, 000, 0), inset 0px 0px 10px rgba(71, 71, 71, 0);
  box-shadow: 0px 1px 4px rgba(000, 000, 000, 0), inset 0px 0px 10px rgba(71, 71, 71, 0);
  text-align: left;
  clear: both;
  border-radius: 1px;
  border: 1px solid #CCC;
  margin-top: 20px;
  padding-left: 20px;
}

.wedding-singer-photo
{
  -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.33);
  -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.33);
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.33);
  margin-top: 0px;
  margin-bottom: 20px;
}

.upcoming-venue-photo
{
  margin-bottom: 15px;
  margin-top: 15px;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.33);
}

#jukebox ul li
{
  background-position: 0em 0em;
  padding-left: 2.25em;
  font-size: 0.9em;
}

#news
{
}

photo
{
  float: right;
}

latesttestimonialphoto
{
  float: right;
}

#soundcloud
{
  width: 300px;
  float: right;
  margin-left: 30px;
}

.jukebox
{
  float: right;
  width: 260px;
  border-bottom-color: rgb(229, 229, 229);
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-image-outset: 0px;
  border-image-repeat: stretch;
  border-image-slice: 100%;
  border-image-source: none;
  border-image-width: 1;
  border-left-color: rgb(229, 229, 229);
  border-left-style: solid;
  border-left-width: 1px;
  border-right-color: rgb(229, 229, 229);
  border-right-style: solid;
  border-right-width: 1px;
  border-top-color: rgb(229, 229, 229);
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-top-style: solid;
  border-top-width: 1px;
  box-shadow: rgb(249, 249, 249) 0px 0px 0px 1px inset;
  background-repeat: repeat-x;
  margin-bottom: 10px;
  padding: 20px;
  background-position: 0px -300px;
}

.sharing_icon
{
  padding-right: 10px;
}

#main-table tr .table-content #main-text #wedding-singer-title-image #jukebox ul .list-li a
{
}

news-right
{
  float: right;
  width: 250px;
}

#main-table tr .table-content .news-right
{
  float: right;
  width: 250px;
  margin-bottom: 15px;
  display: none;
}

#main-table tr .table-content .testimonial-row
{
  clear: both;
  float: left;
}

#todays-date
{
  text-align: right;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  margin-left: auto;
  width: 850px;
}

strong
{
  font-weight: bold;
}

#main-table tr .table-content #main-text .contact-details-box
{
  margin-bottom: 1em;
  background-repeat: no-repeat;
  padding-right: 2em;
  padding-left: 2em;
  padding-top: 0px;
  background-color: #efefef;
  margin-top: 0px;
  text-align: left;
}

.contact-box-layer
{
  clear: left;
  width: 500px;
  padding-right: 1em;
  padding-left: 1em;
}

#main-table tr .table-content #main-text .contact-box-layer .contact-details-box ul
{
  margin-left: 0px;
  margin-top: 0.3em;
}

#main-table tr .table-content #main-text #contact_form table tr td h4
{
  margin-top: 1em;
  padding-top: 0px;
  margin-bottom: 0.3em;
}

#main-table tr .table-content #main-text #contact_form table tr td p .title
{
  text-decoration: underline;
}

#main-table tr .table-content #main-text #contact-box
{
  width: 480px;
}

#main-table tr .table-content #main-text p quote
{
  margin-right: 1em;
  margin-left: 1em;
}

#main-table tr .table-content #main-text .singing-package .package-pictures
{
  float: right;
  width: 320px;
}

#main-text
{
  margin-top: 0em;
  margin-right: 1em;
  margin-left: 1em;
  margin-bottom: 1em;
  overflow: hidden;
}

#main-table tr .table-content #main-text .singing-package h4
{
}

.subtitle
{
  font-weight: 900;
  color: rgba(170,170,170,1.00);
  font-size: 16px;
  margin-top: 0px;
  padding-top: 0px;
  clear: none;
  text-align: left;
  text-transform: uppercase;
}

.asubtitle
{
  font-weight: bold;
  color: #555;
}

#main-table tr .table-content #main-text #homepage_music_player
{
  width: 250px;
  float: right;
  margin-bottom: 10px;
  z-index: 2;
  margin-left: 30px;
}

.form-enquiry-buttom
{ /*	background: -moz-linear-gradient( top, #ffffff 0%, #ffffff 6%, rgb(240, 240, 240));
	background: -webkit-gradient( linear, left top, left bottom, from(#ffffff), color-stop(0.50, #ffffff), to(#d6d6d6));
*/
  -webkit-border-radius: 1px;
  border-radius: 1px;
  border: 1px solid #d4d4d4;
  -moz-box-shadow: 0px 1px 4px rgba(000, 000, 000, 0), inset 0px 0px 10px rgba(71, 71, 71, 0);
  -webkit-box-shadow: 0px 1px 4px rgba(000, 000, 000, 0), inset 0px 0px 10px rgba(71, 71, 71, 0);
  box-shadow: 0px 1px 4px rgba(000, 000, 000, 0), inset 0px 0px 10px rgba(71, 71, 71, 0);
  padding: 0.75em;
  font-weight: bold;
  margin-top: 1em;
  margin-right: auto;
  margin-left: auto;
  background-color: rgba(0, 0, 0, 0);
  background-image: -webkit-linear-gradient(top, white, rgb(240, 240, 240));
  text-align: center;
  width: 200px;
}

#main-table tr .table-content #main-text .right-column
{
  width: 320px;
  float: right;
  margin-left: 40px;
  overflow: hidden;
}

#main-table tr .table-content #main-text .contact-box-layer .contact-details-box p a
{
  margin-left: 1em;
}

#nextweddingvenue
{
  float: right;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 40px;
}

#rightcolumn
{
  float: right;
  margin-left: 20px;
  width: 340px;
  padding: 0px;
  margin-top: 0px;
}

/* FOOTER */

#footer
{
  background: #000000; /* deep warm brown */
  color: #goldenrod;      /* soft gold */
  text-align: center;
  padding-bottom: 20px;
  border-top: 1px solid rgba(205, 179, 134, 0.3);
  font-weight: 100;
}

/* Full-width image */

#footer img
{
  width: 100%;
  height: auto;
  display: block;
}

/* Text */

#footer p
{
  margin: 15px 0 0;
  font-size: 12px;
  color: #d6bd8f;
  font-weight: 100;
}

/* Links */

#footer a
{
  color: #ffdd77;
  text-decoration: none;
}

#footer a:hover
{
  text-decoration: underline;
}

.myButton
{
  box-shadow: inset 0px 1px 0px 0px #ffffff;
  background: linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
  background-color: #f9f9f9;
  border-radius: 6px;
  border: 1px solid #dcdcdc;
  display: inline-block;
  cursor: pointer;
  color: #666666;
  font-size: 15px;
  font-weight: bold;
  padding: 13px 45px;
  text-shadow: 0px 1px 0px #ffffff;
  float: none;
  width: fit-content;
  text-decoration: underline;
}

#homepage-testimonial
{
  font-size: 17px;
  text-align: left;
  background-color: #FAFAFA;
  -webkit-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.16);
  box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.16);
  padding: 2em;
  margin-top: 2em;
  margin-right: 0em;
  margin-bottom: 0em;
  margin-left: 0em;
}

#main-table tr .table-content #main-text .about-pictures p
{
  font-style: italic;
}

#navlist li
{
  display: inline;
  list-style-type: none;
  padding-right: 30px;
  font-weight: normal;
}

.iframe-container
{
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
  height: 0;
}

#navlist ul li a
{
  font-size: 1.2em;
  text-transform: uppercase;
  margin-bottom: 0;
}

#navlist ul li a:hover
{
  border-top-width: 0px;
  border-right-width: 0px;
  border-bottom-width: 0px;
  border-left-width: 0px;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
  text-decoration: none;
}

.signature-text
{
  font-size: 44px;
}

#column1
{
  width: 540px;
}

.hidden
{
  display: none;
}

.photograph
{
  max-width: 100%;
  height: auto;
  width: auto; /* for ie 8 */
}

.social-media-icon
{
  margin: 1em;
}

#navlist
{
  margin-right: auto;
  margin-left: auto;
  margin-top: 0em;
  margin-bottom: 0em;
  padding: 0px;
}

#navlist li
{
  display: inline;
  list-style-type: none;
  padding-right: 0px;
}

.rounded-photo
{
  -webkit-border-radius: 0.5em;
  -moz-border-radius: 0.5em;
  border-radius: 0.5em;
}

#homepage-wedding-diary
{
}

#wedding-diary
{
  background-color: #FAFAFA;
  padding: 10px;
  margin-top: 1em;
}

#performance-diary
{
  padding: 10px;
  background-color: #fefefe;
}

.homepage-quote
{
  margin-right: 1em;
  margin-left: 1em;
  font-style: italic;
}

#main-table TR #navbar
{
  margin: 0 0;
}

#homepage-audioplayer
{
  padding: 0px;
  width: 320px;
  margin-bottom: 20px;
  background-color: #CCC;
  margin-top: 20px;
  margin-right: 0px;
  margin-left: 0px;
}

#contact_form DIV
{
  padding: 5px;
  font-size: 17px;
  font-weight: bold;
}

#name
{
  display: none;
}

#main-table TR .table-content #main-text #news
{
  background-color: #fefefe;
}

#main-table TR .table-content #main-text #news
{
  background-color: #eeeeee;
}

.div-grey-background
{
  background-color: #efefef;
  padding: 1em;
}

#next-wedding-fayre
{
  padding: 20px;
  clear: both;
  background-color: #efefef;
  width: 800px;
}

#main-table TR .table-content #main-text #contact_form DIV
{
  margin-top: 5px;
  display: table;
  font-size: 17px;
  line-height: 133%;
  font-weight: bolder;
  color: #666;
}

#main-table TR .table-content #main-text #contact_form DIV #fax
{
  display: none;
}

.youtube-video
{
  width: 320px;
  float: right;
  height: auto;
}

#main-table tr .table-content #banded
{
  background-color: #F8EAB8;
  padding: 1em;
}

#main-table TR .table-content #main-text BLOCKQUOTE P IMG
{
  text-align: center;
  display: inline;
}

.gold
{
  color: #cbac61;
  font-weight: bold;
  text-shadow: 1px 1px #cccccc;
  font-style: normal;
  text-transform: uppercase;
}

.diamond
{
  color: #64E3FF;
  font-weight: bold;
  font-style: normal;
  text-transform: uppercase;
  text-shadow: 1px 1px #cccccc;
}

#public-events
{
  margin: 0px;
  padding: 0px;
  background-color: #eee;
}

#main-table TR .table-content #main-text DIV #public-events BLOCKQUOTE
{
  margin: 0px;
  padding: 1em;
}

.public-events
{
  background-color: #fefefe;
}

#main-table TR .table-content #main-text #homepage-review
{
  background-color: #eee;
  padding: 12px;
}

#main-table TR .table-content #main-text #homepage-review #homepage-review-inner
{
  padding: 0em;
}

#main-table TR .table-content #main-text #homepage-review #homepage-review-inner P
{
  margin: 0px;
  padding: 0px;
}

.divider
{
  height: 12px;
  border: 0;
  box-shadow: inset 0 12px 12px -12px rgba(0, 0, 0, 0.3);
  margin-top: 12px;
  margin-bottom: 12px;
  clear: both;
}

#main-table TR .topnav DIV
{
  font-family: Lora, "Times New Roman", Raleway;
  display: inline;
  margin-right: auto;
  margin-left: auto;
}

#main-table TR .table-content #main-text #homepage-review #homepage-review-inner UL LI .event
{
  display: block;
}

#main-table TR .table-content #main-text BLOCKQUOTE
{
  border-left-width: 3px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: #CCC;
  border-right-color: #CCC;
  border-bottom-color: #CCC;
  border-left-color: #CCC;
  border-top-width: 0px;
  border-right-width: 0px;
  border-bottom-width: 0px;
  font-style: italic;
  float: right;
  width: 320px;
  clear: left;
}

iframe
{ /*
  [disabled]max-width: 890px;
*/
  margin-left: auto;
  margin-right: auto;
  width: 890px;
}

.video-responsive
{
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}

.video-responsive iframe
{
  border: 0;
  height: auto;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

video-responsive iframe, video-responsive object, video-responsive embed
{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#homepage-right-column
{
  float: right;
  width: 320px;
  margin-left: 16px;
}

#songbook-pictures
{
  float: right;
  width: 300px;
  margin-left: 30px;
}

#A_1
{
  box-sizing: border-box;
  color: #333;
  display: inline-block;
  text-align: center;
  text-decoration: none solid rgb(255, 255, 255);
  text-rendering: optimizelegibility;
  text-size-adjust: 100%;
  text-transform: capitalize;
  touch-action: manipulation;
  vertical-align: middle;
  white-space: nowrap;
  column-rule-color: rgb(255, 255, 255);
  perspective-origin: 91.5875px 24.2px;
  transform-origin: 91.5938px 24.2px;
  user-select: none;
  caret-color: rgb(255, 255, 255);
  border: 0px none rgb(255, 255, 255);
  font: normal normal 700 normal 18px / 22.8571px Muli, sans-serif;
  outline: rgb(255, 255, 255) none 0px;
  background-attachment: scroll;
  background: rgb(244,244,244);
  background: -moz-linear-gradient(top, rgba(244,244,244,1) 0%, rgba(232,232,232,1) 37%, rgba(210,210,210,1) 100%);
  background: -webkit-linear-gradient(top, rgba(244,244,244,1) 0%, rgba(232,232,232,1) 37%, rgba(210,210,210,1) 100%);
  background: linear-gradient(to bottom, rgba(244,244,244,1) 0%, rgba(232,232,232,1) 37%, rgba(210,210,210,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#d2d2d2', GradientType=0 );
  padding-top: 13px;
  padding-right: 60px;
  padding-bottom: 13px;
  padding-left: 60px;
}/*#A_1*/

#A_1:after
{
  box-sizing: border-box;
  color: rgb(255, 255, 255);
  text-align: center;
  text-decoration: none solid rgb(255, 255, 255);
  text-rendering: optimizelegibility;
  text-size-adjust: 100%;
  text-transform: capitalize;
  white-space: nowrap;
  column-rule-color: rgb(255, 255, 255);
  user-select: none;
  caret-color: rgb(255, 255, 255);
  border: 0px none rgb(255, 255, 255);
  font: normal normal 700 normal 18px / 22.8571px Muli, sans-serif;
  outline: rgb(255, 255, 255) none 0px;
}/*#A_1:after*/

#A_1:before
{
  box-sizing: border-box;
  color: rgb(255, 255, 255);
  text-align: center;
  text-decoration: none solid rgb(255, 255, 255);
  text-rendering: optimizelegibility;
  text-size-adjust: 100%;
  text-transform: capitalize;
  white-space: nowrap;
  column-rule-color: rgb(255, 255, 255);
  user-select: none;
  caret-color: rgb(255, 255, 255);
  border: 0px none rgb(255, 255, 255);
  font: normal normal 700 normal 18px / 22.8571px Muli, sans-serif;
  outline: rgb(255, 255, 255) none 0px;
}/*#A_1:before*/

OL
{
  line-height: 200%;
  color: #000000;
}

/* DivTable.com */


.divTable
{
  display: table;
  width: 100%;
}

.divTableRow
{
  display: table-row;
}

.divTableHeading
{
  background-color: #EEE;
  display: table-header-group;
}

.divTableCell, .divTableHead
{
  display: table-cell;
}

.divTableHeading
{
  background-color: #EEE;
  display: table-header-group;
  font-weight: bold;
}

.divTableFoot
{
  background-color: #EEE;
  display: table-footer-group;
  font-weight: bold;
}

/* 31 May 2025 */


.h1-subtitle
{
  margin: 0 auto 0 auto;
}

.divTableBody
{
  display: table-row-group;
}

.package-title-text
{
  font-weight: bold;
  color: #666;
  text-transform: uppercase;
}

.table-content #main-text p
{
  color: #000000;
  font-size: 18px;
}

.iframe-container iframe
{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.videoWrapper
{
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
  overflow: hidden;
  clear: both;
}

.wrapper
{
  max-width: 680px;
  margin: 60px;
  padding: 0 20px;
}

.youtube
{
  background-color: #000;
  margin-bottom: 30px;
  position: relative;
  padding-top: 56.25%;
  overflow: hidden;
  cursor: pointer;
}

.youtube img
{
  width: 100%;
  top: -16.82%;
  left: 0;
  opacity: 0.7;
}

.youtube .play-button
{
  width: 90px;
  height: 60px;
  background-color: #333;
  box-shadow: 0 0 30px rgba( 0,0,0,0.6 );
  z-index: 1;
  opacity: 0.8;
  border-radius: 6px;
}

.youtube .play-button:before
{
  content: "";
  border-style: solid;
  border-width: 15px 0 15px 26.0px;
  border-color: transparent transparent transparent #fff;
}

.youtube img, .youtube .play-button
{
  cursor: pointer;
}

.youtube img, .youtube iframe, .youtube .play-button, .youtube .play-button:before
{
  position: absolute;
}

.youtube .play-button, .youtube .play-button:before
{
  top: 50%;
  left: 50%;
  transform: translate3d( -50%, -50%, 0 );
}

.youtube iframe
{
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}

.videoWrapper50
{
  position: relative;
  padding-top: 56.25%; /* 16:9 */
  height: 0;
  overflow: hidden;
  width: 50%;
}

.videoWrapper50 iframe
{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.videoWrapper iframe
{
  position: absolute;
  top: 50px;
  left: 3px;
  width: 100%;
  height: 100%;
}

#main-table tr .table-content ul li
{
  line-height: 150%;
  color: #000;
  /* [disabled]display: block;
*/
  list-style-type: disc;
  list-style-image: none;
  list-style-position: inside;
  margin-top: 1em;
  margin-right: 0;
  margin-left: 0;
  font-family: Inter, "Helvetica Neue", Raleway, Arial, sans-serif;
}

.blockquote-review
{
  background: #f9f9f9;
  padding-left: 15px;
  clear: both;
  margin-top: 1.5em;
  margin-right: 10px;
  margin-bottom: 1.5em;
  margin-left: 0px;
  padding-top: 0.5em;
  padding-right: 10px;
  padding-bottom: 0.5em;
}

blockquote:before
{
  color: #ccc;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}

blockquote p
{ /*
  [disabled]display: inline;
*/
}

.imgContainer
{
  float: left;
}

#main-table TR .table-content UL .dead
{
  text-decoration: line-through;
}

.top-banner
{
  box-sizing: border-box;
  width: 100%;
  background: #111;
  color: #fff;
  text-align: center;
  padding: 12px 20px;
  font-family: Arial, sans-serif;
  font-size: 15px;
  line-height: 1.4;
}

.top-banner p
{
  margin: 0;
}

.top-banner strong
{
  color: #f5c542; /* subtle gold highlight */
  letter-spacing: 0.5px;
}

.top-banner span
{
  font-weight: 600;
}

.top-banner a
{
  color: #f5c542;
  text-decoration: none;
  font-weight: 600;
  margin-left: 5px;
}

.top-banner a:hover
{
  text-decoration: underline;
}


.review img {
  float: left;
  width: 100%;
  max-width: 300px;
  margin: 0 20px 10px 0;
}

.review::after {
  content: "";
  display: block;
  clear: both;
}

@media (max-width: 768px) {
  .review img {
    float: none;
    max-width: 100%;
    margin: 0 0 15px 0;
  }
}