/*----------------------------------------------------------------------*/
/* Preliminary global styling */

body { 
  margin: 0;
  padding: 0;
  height: 100%;
  color: white;
  background: black;
 }

body a,abbr,acronym,address,applet,area,b,blockquote,br,caption,cite,code,dl,div,embed,form,hr,h1,h2,h3,h4,h5,iframe,img,ins,kbd,object,ol,p,pre,q,samp,table,tt,ul,var { 
	margin: 0;
	padding: 0;
 }

a img {
  border: 0;
}

a {
  outline: none;
}

/* End of global styling */
/*----------------------------------------------------------------------*/



/*----------------------------------------------------------------------*/
/* Background styling */

body div#background {
  width: 100%;
}

/* End of background styling */
/*----------------------------------------------------------------------*/



/*----------------------------------------------------------------------*/
/* Foreground styling */

body div#background div#foreground-placeholder {
  /*position: absolute;*/
  width: 1000px;
  margin: 0 auto;
}

body div#background div#foreground-placeholder div#introduction_flash_movie {
  margin: 0 auto;
  width: 550px;
  height: 400px;
}

body div#background div#foreground-placeholder div#introduction_flash_movie-skip_link {
  margin: 0 auto;
  width: 550px;
  font-size: 0.8em;
  text-align: center;
  text-align: right;
}

body div#background div#foreground-placeholder div#header {
  position: relative;
  top: 0px;
  width: 1024px;
  height: 650px;
  background: transparent url(../images/backgrounds/fire_and_flame-main_header.jpg) 0 0 no-repeat;
  z-index: 0;
}

body div#background div#foreground-placeholder div#header div#page_heading-logo {
  position: relative;
  top: 15px;
  left: 47px;
  width: 248px;
  height: 107px;
  background: transparent url(../images/backgrounds/tango_with_brigitte-logo.png) 0 0 no-repeat;
}

/****** Start of main page heading replacements *****/
body div#background div#foreground-placeholder div#header div#page_heading-fire_and_flame_ball {
  position: relative;
  top: 296px;
  left: 87px;
  width: 640px;
  height: 100px;
  background: transparent url(../images/elements/headers/fire_and_flame_ball.png) 0 0 no-repeat;
}

body div#background div#foreground-placeholder div#header div#page_heading-home {
  position: relative;
  top: 296px;
  left: 87px;
  width: 640px;
  height: 100px;
  background: transparent url(../images/elements/headers/welcome.png) 0 0 no-repeat;
}

body div#background div#foreground-placeholder div#header div#page_heading-events {
  position: relative;
  top: 296px;
  left: 87px;
  width: 640px;
  height: 100px;
  background: transparent url(../images/elements/headers/events.png) 0 0 no-repeat;
}

body div#background div#foreground-placeholder div#header div#page_heading-past_events {
  position: relative;
  top: 296px;
  left: 87px;
  width: 640px;
  height: 100px;
  background: transparent url(../images/elements/headers/past_events.png) 0 0 no-repeat;
}

body div#background div#foreground-placeholder div#header div#page_heading-history {
  position: relative;
  top: 296px;
  left: 87px;
  width: 640px;
  height: 100px;
  background: transparent url(../images/elements/headers/history.png) 0 0 no-repeat;
}

body div#background div#foreground-placeholder div#header div#page_heading-contact_us {
  position: relative;
  top: 296px;
  left: 87px;
  width: 640px;
  height: 100px;
  background: transparent url(../images/elements/headers/contact_us.png) 0 0 no-repeat;
}

body div#background div#foreground-placeholder div#header div#page_heading-links {
  position: relative;
  top: 296px;
  left: 87px;
  width: 640px;
  height: 100px;
  background: transparent url(../images/elements/headers/links.png) 0 0 no-repeat;
}

body div#background div#foreground-placeholder div#header div#page_heading-gallery {
  position: relative;
  top: 296px;
  left: 87px;
  width: 640px;
  height: 100px;
  background: transparent url(../images/elements/headers/gallery.png) 0 0 no-repeat;
}

/****** End of main page heading replacements *****/

body div#background div#foreground-placeholder div#content-background {
  position: relative;
  background: transparent url(../images/backgrounds/fire_and_flame-centre_tile.jpg) 0 150px repeat-y;
  width: 1024px;
  z-index: 0;
  padding: 0;
}

body div#background div#foreground-placeholder div#footer {
  background: transparent url(../images/backgrounds/fire_and_flame-main_footer.jpg) 0 0 no-repeat;
  width: 1024px;
  height: 180px;
  z-index: 100;
  padding: 0;
}

body div#background div#foreground-placeholder div#content-background div#main_content {
  float: left;
  width: 655px;
  margin: -150px 0 -80px 0;
  padding: 10px 25px 10px 47px;
  z-index: 1000;
}

body div#background div#foreground-placeholder div#content-background div#sidebar_content {
  float: right;
  width: 260px;
  margin: -130px 0 -80px 0;
  padding: 25px 15px 10px 20px;
  z-index: 1000;
  font-size: 0.8em;
}

body div#background div#foreground-placeholder div#content-background div#sidebar_content span.sidebar_highlight {
  color: silver;
}

body div#background div#foreground-placeholder div#content-background div#clear_columns {
  clear: both;
}

/* End of foreground styling */
/*----------------------------------------------------------------------*/



/*----------------------------------------------------------------------*/
/* Sidebar header replacement */

body div#background div#foreground-placeholder div#content-background div#sidebar_content #sidebar_header-address {
  display: block;
  margin: -20px 0 0 -10px;
  width: 290px;
  padding: 50px 0 0 0;
  overflow: hidden;
  background: transparent url(../images/elements/headers/sidebar/address.png) 0 0 no-repeat;
  height: 0px !important;
  clear: both;
  height /**/: 0px;
}

body div#background div#foreground-placeholder div#content-background div#sidebar_content #sidebar_header-forthcoming_events {
  display: block;
  margin: -20px 0 0 -10px;
  width: 290px;
  padding: 70px 0 0 0;
  overflow: hidden;
  background: transparent url(../images/elements/headers/sidebar/forthcoming_events.png) 0 0 no-repeat;
  height: 0px !important;
  clear: both;
  height /**/: 0px;
}

body div#background div#foreground-placeholder div#content-background div#sidebar_content #sidebar_header-in_the_media {
  display: block;
  margin: -20px 0 0 -10px;
  width: 290px;
  padding: 70px 0 0 0;
  overflow: hidden;
  background: transparent url(../images/elements/headers/sidebar/in_the_media.png) 0 0 no-repeat;
  height: 0px !important;
  clear: both;
  height /**/: 0px;
}

body div#background div#foreground-placeholder div#content-background div#sidebar_content #sidebar_header-our_friends {
  display: block;
  margin: -20px 0 0 -10px;
  width: 290px;
  padding: 70px 0 0 0;
  overflow: hidden;
  background: transparent url(../images/elements/headers/sidebar/our_friends.png) 0 0 no-repeat;
  height: 0px !important;
  clear: both;
  height /**/: 0px;
}

body div#background div#foreground-placeholder div#content-background div#sidebar_content #sidebar_header-my_clients {
  display: block;
  margin: -20px 0 0 -10px;
  width: 290px;
  padding: 70px 0 0 0;
  overflow: hidden;
  background: transparent url(../images/elements/headers/sidebar/my_clients.png) 0 0 no-repeat;
  height: 0px !important;
  clear: both;
  height /**/: 0px;
}

body div#background div#foreground-placeholder div#content-background div#sidebar_content #sidebar_header-my_friends {
  display: block;
  margin: -20px 0 0 -10px;
  width: 290px;
  padding: 70px 0 0 0;
  overflow: hidden;
  background: transparent url(../images/elements/headers/sidebar/my_friends.png) 0 0 no-repeat;
  height: 0px !important;
  clear: both;
  height /**/: 0px;
}

/* End of sidebar header replacement */
/*----------------------------------------------------------------------*/



/*----------------------------------------------------------------------*/
/* Navigation column styling */

body div#background div#foreground-placeholder div#header div#navigation_column {
  position: relative;
  /*top: -20px;*/
  top: -36px;
  left: 735px;
  width: 288px;
  height: 281px;
 
}

body div#background div#foreground-placeholder div#header div#navigation_column ul#navigation-buttons {
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 288px;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 1.5em;
}

body div#background div#foreground-placeholder div#header div#navigation_column ul#navigation-buttons li {
  margin: 0;
}

body div#background div#foreground-placeholder div#header div#navigation_column ul#navigation-buttons li a {
  display: block;
  height: 30px;
  padding: 20px 10px;
  text-decoration: none;
  text-align: right;
  font-weight: bold;
  font-variant: small-caps;
  color: #ffffff;
  border-top: 1px solid #8e0000;
  border-bottom: 1px solid #8e0000;
}

body div#background div#foreground-placeholder div#header div#navigation_column ul#navigation-buttons li a {
  border: none;
  display: block;
  height: 31px;
  margin-top: -1px;
  background: transparent url(../images/elements/navigation/navigation-button.png) 0 0 no-repeat;
}

body div#background div#foreground-placeholder div#header div#navigation_column ul#navigation-buttons li a:hover {
  background: #ffa600;
}

body div#background div#foreground-placeholder div#header div#navigation_column ul#navigation-buttons li a:hover {
  background: transparent url(../images/elements/navigation/navigation-button.png) 0 -80px no-repeat;
}

body div#background div#foreground-placeholder div#header div#navigation_column ul#navigation-buttons li a:active {
  background: #8e0000;
}

body div#background div#foreground-placeholder div#header div#navigation_column ul#navigation-buttons li a:active,
body div#background div#foreground-placeholder div#header div#navigation_column ul#navigation-buttons li a.navigation_selected {
  background: transparent url(../images/elements/navigation/navigation-button.png) 0 -160px no-repeat;
}

body div#background div#foreground-placeholder div#header div#navigation_column ul#navigation-buttons li a span#home_button {
  display: block;
  margin: -20px 0 0 -10px;
  width: 290px;
  padding: 130px 0 0 0;
  overflow: hidden;
  background: transparent url(../images/elements/navigation/home.png) 0 0 no-repeat;
  height: 0px !important;
  clear: both;
  height /**/: 0px;
}

body div#background div#foreground-placeholder div#header div#navigation_column ul#navigation-buttons li a span#events_button {
  display: block;
  margin: -20px 0 0 -10px;
  width: 290px;
  padding: 130px 0 0 0;
  overflow: hidden;
  background: transparent url(../images/elements/navigation/events.png) 0 0 no-repeat;
  height: 0px !important;
  clear: both;
  height /**/: 0px;
}

body div#background div#foreground-placeholder div#header div#navigation_column ul#navigation-buttons li a span#history_button {
  display: block;
  margin: -20px 0 0 -10px;
  width: 290px;
  padding: 130px 0 0 0;
  overflow: hidden;
  background: transparent url(../images/elements/navigation/history.png) 0 0 no-repeat;
  height: 0px !important;
  clear: both;
  height /**/: 0px;
}

body div#background div#foreground-placeholder div#header div#navigation_column ul#navigation-buttons li a span#contact_us_button {
  display: block;
  margin: -20px 0 0 -10px;
  width: 290px;
  padding: 130px 0 0 0;
  overflow: hidden;
  background: transparent url(../images/elements/navigation/contact_us.png) 0 0 no-repeat;
  height: 0px !important;
  clear: both;
  height /**/: 0px;
}

/* End of navigation column styling */
/*----------------------------------------------------------------------*/



/*----------------------------------------------------------------------*/
/* Footer styling */

body div#background div#foreground-placeholder div#footer div#footer_placeholder {
  position: absolute;
  margin: 6px 0 0 0;
  height: 60px;
}

body div#background div#foreground-placeholder div#footer div#footer-contact_details {
  position: relative;
  top: 110px;
  height: 30px;
  z-index: 1000;
}

body div#background div#foreground-placeholder div#footer div#footer-contact_details ul#contact_options {
  display: block;
  list-style-type: none;
  margin: 0 auto;
  padding: 0 0 0 120px;
  width: 780px;
  height: 30px;
  font-family: Georgia, "Times New Roman", serif;
}

body div#background div#foreground-placeholder div#footer div#footer-contact_details ul#contact_options li {
  margin: 0 10px;
  width: 10px;
  display: inline;
  font-size: 0.9em;
}

body div#background div#foreground-placeholder div#footer div#footer-contact_details ul#contact_options li a {
  height: 30px;
  margin: 0;
  padding: 0.1em;
  text-decoration: none;
  text-align: right;
  color: #efbe96;
}

body div#background div#foreground-placeholder div#footer div#footer-contact_details ul#contact_options li a[href]:hover {
  color: #ffffff;
  background: #8e0000;
 }

body div#background div#foreground-placeholder div#footer div#footer_navigation {
  position: relative;
  top: 110px;
  width: 1024px;
  height: 30px;
  display: block;
  list-style-type: none;
  margin: 0 auto;
  padding: 3px 0 0;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 1em;
}

body div#background div#foreground-placeholder div#footer div#footer_navigation ul#footer_menu li {
  margin: 0 4px;
  display: inline-block;
  width: 190px;
  height: 30px;
  text-align: center;
  font-size: 0.9em;
}

body div#background div#foreground-placeholder div#footer div#footer_navigation ul#footer_menu li a {
  height: 30px;
  margin: 0;
  padding: 0.1em;
  text-decoration: none;
  text-align: right;
  color: #efbe96;
}

body div#background div#foreground-placeholder div#footer div#footer_navigation ul#footer_menu li a[href]:hover {
  color: #ffffff;
  background: #8e0000;
 }

/* End of footer styling */
/*----------------------------------------------------------------------*/



/*----------------------------------------------------------------------*/
/* Content element styling */

body div#background div#foreground-placeholder div#content-background p,
body div#background div#foreground-placeholder div#content-background ul,
body div#background div#foreground-placeholder div#content-background ol,
body div#background div#foreground-placeholder div#content-background dl {
  font-family: Verdana, "Trebuchet MS", Sans-Serif !important;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 1em;
  line-height: 1.46em;
  margin: 0 10px 1em;
 }

body div#background div#foreground-placeholder div#content-background p.small-print,
body div#background div#footer p.small-print {
  font-style: italic;
  font-size: 0.9em;
}

body div#background div#foreground-placeholder div#content-background p.small-print-standard {
  font-size: 0.9em;
}

body div#background div#foreground-placeholder div#content-background p.external-link {
  margin-bottom: 3em;
}

body div#background div#foreground-placeholder div#content-background h1, 
body div#background div#foreground-placeholder div#content-background h2,
body div#background div#foreground-placeholder div#content-background h3,
body div#background div#foreground-placeholder div#content-background h4,
body div#background div#foreground-placeholder div#content-background h5,
body div#background div#foreground-placeholder div#content-background h6 {
  font-family: Georgia, "Times New Roman", serif;
}

body div#background div#foreground-placeholder div#content-background h1 {
  color: #dca717;
  font-size: 2em;
  font-weight: normal;
  text-align: center;
  letter-spacing: 0.1em;
  margin: 20px 0 15px 0;
  padding: 0px 0 2px 2px;
}

body div#background div#foreground-placeholder div#content-background h2 {
  margin: 1em 0 12px 0;
  padding: 0 0 30px 2px;
  color: #fad71a;
  font-size: 1.6em;
  font-weight: normal;
  text-align: center;
}

body div#background div#foreground-placeholder div#content-background h3 {
  margin: 2em 10px 1em;
  font-size: 1.2em;
  font-weight: normal;
  letter-spacing: 0.1em;
  color: #ff0000;
 }

body div#background div#foreground-placeholder div#content-background div#main_content h3 {
  margin-top: 2em;
}

body div#background div#foreground-placeholder div#content-background div#main_content h2 + h3 {
  margin-top: 0;
}

body div#background div#foreground-placeholder div#content-background h3.special {
  font-size: 1.9em;
}

body div#background div#foreground-placeholder div#content-background h2+h3,
body div#background div#foreground-placeholder div#content-background h3+h3 {
  margin: 1em 10px;
}

body div#background div#foreground-placeholder div#content-background h4 {
  margin: 10px 0 15px 24px;
  font-size: 1.1em;
 }

body div#background div#foreground-placeholder a[href] {
  color: #efbe96;
  text-decoration: none;
  margin: 0;
  padding: 0.1em;
  border-bottom: 1px solid #ed761a;
 }

body div#background div#foreground-placeholder a[href]:hover {
  color: #ffffff;
  border-bottom: 1px solid orange;
  background: #8e0000;
 }

body div#background div#foreground-placeholder a img {
  border: none;
  background: none;
}

body div#background div#foreground-placeholder div#content-background dl {
  font-size: 0.9em;
}

body div#background div#foreground-placeholder div#content-background dt {
}

body div#background div#foreground-placeholder div#content-background dd {
  margin-bottom: 1em;
}

body div#background div#foreground-placeholder div#content-background dd em {
  font-size: 0.9em;
}

body div#background div#foreground-placeholder div#content-background ul {
  margin: 0;
  padding: 0 0 10px 10px; 
  /*list-style-type: none;*/
}

body div#background div#foreground-placeholder div#content-background ul li {
  margin: 0.2em 0;
  padding: 0.2em 0 0.2em 15px;
  font-size: 0.9em;
  line-height: 1.3em;
}

body div#background div#foreground-placeholder div#content-background address {
  margin: 1em 20px 1em; 
  line-height: 1.5em;
 }

body div#background div#foreground-placeholder div#content-background div#sidebar_content address {
  font-size: 1.2em;
}

/* Table styling */
body div#background div#foreground-placeholder div#content-background table {
  margin: 0 10px 2em 10px;
  border-top: 1px solid #a40000;
  border-left: 1px solid #a40000;
  border-collapse: collapse;
}

body div#background div#foreground-placeholder div#content-background table caption {
  padding: 0 0 10px;
  color: #df0000;
  text-transform: uppercase;
  font-family: Georgia, "Times New Roman", Times, serif !important;
  margin: 1.5em 0 0.2em 24px;
}

body div#background div#foreground-placeholder div#content-background table thead {
  background: black url(../images/backgrounds/fire_and_flame-table_background.jpg) 0 0 repeat-y;
}

body div#background div#foreground-placeholder div#content-background table tfoot {
  font-size: 1em;
  font-style: italic;
}

body div#background div#foreground-placeholder div#content-background table tfoot td {
  border: 1px solid #221111;
  background: #110000;
  padding-top: 0.4em;
  font-size: 1em;
}

body div#background div#foreground-placeholder div#content-background table th {
  border-bottom: 1px solid #a40000;
  border-right: 1px solid #a40000;
  text-align: center;
  font-weight: bold;
  height: 2.6em;
  padding-bottom: 0.3em;
}

body div#background div#foreground-placeholder div#content-background table tr {
  font-size: 0.8em;
}

body div#background div#foreground-placeholder div#content-background table tr.odd-row {
  background: #320000;
}

body div#background div#foreground-placeholder div#content-background table col {}

body div#background div#foreground-placeholder div#content-background table colgroup {}

body div#background div#foreground-placeholder div#content-background table td {
  border-bottom: 1px solid #a40000;
  border-right: 1px solid #a40000;
  padding: 0.2em 0.5em;
}

body div#background div#foreground-placeholder div#content-background table td.price {
  width: 60px;
  text-align: right;
}

body div#background div#foreground-placeholder div#content-background table colgroup.workshop_column {
  width: 120px;
}

body div#background div#foreground-placeholder div#content-background table colgroup.price {
  width: 80px;
  text-align: right;
}

/* End table styling */


body div#background div#foreground-placeholder div#content-background .highlight,
.highlight {
  font-size: 1.2em;
  color: #fad71a;
}

body div#background div#foreground-placeholder div#content-background img.image-right {
  clear: both;
  float: right;
  margin: 0px 0 15px 20px;
}

body div#background div#foreground-placeholder div#content-background img.image-right-with_frame {
  clear: both;
  float: right;
  padding: 10px;
  margin: 0px 0 20px 20px;
  background: #e67700;
}

body div#background div#foreground-placeholder div#content-background div.clear_floats {
  clear: both;
}

body div#background div#foreground-placeholder div#content-background span.strikethrough {
  text-decoration: line-through;
}

body div#background div#foreground-placeholder div#content-background span.underline {
  text-decoration: underline;
}

hr {
  height: 1px;
  border: none;
  border-bottom: 1px solid #ed761a; 
}

body div#background div#foreground-placeholder div#content-background div#sidebar_content #sidebar_header-galleryside {
  display: block;
  margin: -20px 0 0 -10px;
  width: 290px;
  padding: 50px 0 0 0;
  overflow: hidden;
  background: transparent url(../images/elements/headers/sidebar/GallerySideOnly.png) 0 0 no-repeat;
  height: 0px !important;
  clear: both;
  height /**/: 0px;
}

/* End of content element styling */
/*----------------------------------------------------------------------*/
