/*
Moving Pictures
*/

/* ELEMENTS */

html, body, div, span, object, h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, samp, small, strong,
sub, sup, tt, var, dl, dt, dd, fieldset, form, label, legend, caption {

	background-color: transparent;
	border-bottom-width: 0;
	border-left-width: 0;
	border-right-width: 0;
	border-top-width: 0;
	font-size: 100%;
	margin: 0px;
	padding: 0px;
	vertical-align: baseline;
}

html, body {
	width: 100%;
	height: 100%;
}

body {
	font-family: 'Voltaire', sans-serif;
	font-size: 16px;
}

h1, h2, h3 {
	color: #fff;
	letter-spacing: 8px;
}

abbr, acronym {
	border-bottom: 1px dotted #999;
	cursor: help;
}

img {
	max-width:100% !important;
	height:inherit !important;
}

strong { font-weight: bold; }
em { font-style: italic; }
del { text-decoration: line-through; }
address, cite, dfn { font-style: normal; }
q { quotes: none; }
q:before, q:after { content: none; }
a, ins, del { text-decoration: none; }
ul li { list-style-type: disc; }
ol li { list-style-type: upper-roman; }

/* ACCESSIBILITY */

#accessibility_nav,
.hide,
.widget-form label,
#header_widget_region label,
.widget_form label {
	height: 1px;
	left: -999em;
	position: absolute;
	top: -999em;
	width: 1px;
}

::-webkit-scrollbar { display: none; }
.mobile-only { display: none; }

/* CLEARFIX */

.clearfix:after,
#footer_widget_region:after,
.widget_social:after,
.widget_container:after,
#navigation ul ul:after,
.container_12:after,
.widget_calendar ul li:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* BACKGROUND STUFF */

#content, #glass, #glass-fade, #glass-blur, #footer, #yt-audio-toggle, #navigation, #page-name { position: fixed; }

#glass, #glass-blur {
	background-image: url(../images/old-wall.png);
	visibility: visible;
}

#content {
	background-image: url(../images/3px-tile.png);
	overflow: -moz-scrollbars-none;
}

#tubular-container { top: 0px; }
.ytvidid { display: none; }

.page-wrap {
	display: none;
	background: url(https://www.youtube.com/watch?v=4nqMyc6hgi4);
	margin-left: 25px;
	height: 100%;
}

.page-wrap-fallback {
	background: url('/img/01Marie_Juliette_Beer-1-1.jpg');
	background-size: cover;
	margin-left: 0px;
	position: fixed;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	width: 100%;
	height: 100%;
	z-index: 96;
	display: table;
}

.page-wrap-fallback > div {
	text-align: center;
	display: table-cell;
	vertical-align: middle;
}

#glass, #glass-fade, #glass-blur {
	bottom: 0px;
	left: 200px;
	top: 0px;
	width: 50%;
	padding-left: 40%;
}

#glass {
	opacity: 1;
	z-index: 99;
}

#glass-fade {
	background: -moz-linear-gradient(left,  rgba(37,38,18,0) 0%, rgba(37,38,18,0) 5%, rgba(37,38,18,0) 45%, rgba(37,38,18,0.65) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(37,38,18,0)), color-stop(5%,rgba(37,38,18,0)), color-stop(45%,rgba(37,38,18,0)), color-stop(100%,rgba(37,38,18,0.65)));
	background: -webkit-linear-gradient(left,  rgba(37,38,18,0) 0%,rgba(37,38,18,0) 5%,rgba(37,38,18,0) 45%,rgba(37,38,18,0.65) 100%);
	background: -o-linear-gradient(left,  rgba(37,38,18,0) 0%,rgba(37,38,18,0) 5%,rgba(37,38,18,0) 45%,rgba(37,38,18,0.65) 100%);
	background: -ms-linear-gradient(left,  rgba(37,38,18,0) 0%,rgba(37,38,18,0) 5%,rgba(37,38,18,0) 45%,rgba(37,38,18,0.65) 100%);
	background: linear-gradient(to right,  rgba(37,38,18,0) 0%,rgba(37,38,18,0) 5%,rgba(37,38,18,0) 45%,rgba(37,38,18,0.65) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00252612', endColorstr='#a6252612',GradientType=1 );
	z-index: 97;
}

#glass-blur {
	-webkit-filter: blur(4px);
	filter: blur(4px);
	opacity: 0.3;
	z-index: 98;
}

/* GLOBAL FLOATING BUTTONS */

#yt-audio-toggle {
	right: 0px;
	top: 0px;
	margin: 20px;
	width: 48px;
	z-index: 102;
	display: none;
}

#hamburger {
	top: 0px;
	left: 0px;
	padding: 20px;
	width: 48px;
	z-index: 102;
	position: fixed;
	display: none;
}

#page-name {
	top: 0px;
	right: 0px;
  z-index: 102;
  float: right;
  font-size: 30px;
  margin-top: 16px;
  margin-right: 20px;
  color: #fff;
}

#yt-audio-toggle i, #hamburger i {
	color: #fff;
	opacity: 0.8;
}

#yt-audio-toggle i.active, #hamburger i.active { color: #ffa13d; }
#yt-audio-toggle i:hover, #hamburger i:hover { cursor: pointer; }

/* NAVIGATION */

.tinynav { display: none; }

#navigation {
	width: 200px;
	left: 0px;
	top: 0px;
	bottom: 0px;
	overflow: -moz-scrollbars-none;
	-ms-overflow-style:-ms-autohiding-scrollbar;
}

#navigation ul { padding: 0px; }

#navigation ul li {
	text-align: right;
	list-style: none;
	margin-right: 10px;
	line-height: 1.25em;
	margin-bottom: 0.75em;
}

#navigation ul li.current ul, #navigation ul li.current_parent ul { display: block; }
#navigation > ul > li.current, #navigation > ul > li.current_parent { padding: 5px 0px 5px 0px; }

#navigation ul li ul {
	margin: 5px 0px 5px 0px;
	background-color: transparent;
}

#navigation ul li ul li { margin-right: 0px; }
#navigation a { background-color: transparent; }

#navigation > ul > li > a {
  font-size: 20px;
	color: #ffffff;
}

#navigation ul > li > ul > li > a {
	font-size: 15px;
	color: #dfdfdf;
}

#navigation ul > li > ul > li.current > a,
#navigation ul li a:hover {
	color: #aeaeae;
}

#navigation ul li a:hover { background-color: transparent; }
#navigation ul li a { text-shadow: 1px 2px 5px #080505; }

#navigation > ul > li.current > a,
#navigation > ul > li.current > a:hover,
#navigation > ul > li.current_parent > a,
#navigation > ul > li.current_parent > a:hover {
	font-size: 22px;
	color: #ffa13d;
}

.show_more {
  float: right;
  margin-right: 10px;
}

#navigation, #page-name { text-transform: uppercase; }

/* HEADER */

h1, h2, h3, #navigation, #page-name { font-family: 'Oswald',sans-serif; }

h1.site-name {
	margin-top: 10px;
	margin-bottom: 10px;
	visibility: visible;
	font-size: 45px;
	text-transform: none;
	text-align: center;
}

h1.site-name a {
	color: #ffffff;
	text-decoration: none;
  line-height: 1;
  display: inline-block;
}

h1.site-name a:hover { color: #ffffff; }
body.webkit #header_widget_region .submit { margin-top: 2px; }
#header #widget_region_header { width: 100%; }

#header #widget_region_header .widget_container {
	float: left;
	margin: 0px 10px;
	padding-bottom: 20px;
	width: 300px;
}

/* CONTENT */

#content {
	bottom: 0px;
	left: 200px;
	top: 0px;
	width: 40%;
	min-width: 700px;
	background-color: rgba(0, 0, 0, 0.6);
	z-index: 100;
	padding-bottom: 10px;
}

#content p { padding-bottom: 15px; }
#content a { font-weight: bold; }

.calendar_post .date,
#content h2 {
	background-color: transparent;
	color: #ffa13d;
	font-size: 1.2em;
	padding-bottom: 5px;
	text-transform: uppercase;
}

#content h2 a,
#content h2 a:hover,
#content h2 a:active,
#content h2 a:visited {
	color: #ffa13d;
}

/* ENTRY */

.entry { color: rgba(256, 256, 256, 0.8); }
.entry_content { font-size: 26px; }
.entry .contact_form_element { width: 100%; }

.entry_artist,
.entry_author,
.entry_date,
.entry_source {
	float: left;
	margin: 0px 10px 10px 0px;
}

.blog .entry_author,
.press_page .entry_author,
.audio_entry .entry_author,
.guestbook_post .entry_author {
	font-weight: bold;
}

.entry_content { clear: both; }

div.entry:not(.photo_gallery) a,
div.entry:not(.photo_gallery) a:visited,
.widget_content a,
.widget_content a:visited,
#share-tool {
	color: #ff3d3d;
}

#share-tool > span { margin-top: 25px; }

div.entry:not(.photo_gallery) a:hover,
div.entry:not(.photo_gallery) a:active,
.widget_content a:hover,
.widget_content a:active {
	color: #ff3d3d;
}

/* CONTACT FORM (and page) */

body.contact .entry .name,
body.contact .entry .act {
	display: block;
	font-size: 1.25em;
}

.contact_form_element input, .contact_form_element textarea {
	padding: 5px !important;
	background-color: rgba(256, 256, 256, 0.3);
	color: #fff;
	font-size: 16px;
	border-color: transparent;
	margin-top: 6px !important;
}

.entry .contact_form_instructions,
.entry .contact_form_container {
	width: 100%;
}

.entry .contact_form_textarea { border: none; }
.contact #content { text-align: left; }
.contact_form_label { margin: 0px !important; }


/* COMMENTS */

.comment {
	margin-bottom: 20px;
	margin-left:20px;
}

.comment_name,
.comment_date {
	margin-bottom: 5px;
}

.comment_name { font-weight: bold; }
.entry_comments { margin-bottom: 20px; }

#contact_message h2,
#comment_errors {
	clear: both;
	padding: 10px;
}

#comment_errors p {
  margin: 0px;
  text-align: center;
  color: #fff;
  font-size: 22px;
  text-transform: lowercase;
}

#comment_form {
	font-size: 1.1em;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 20px;
	width: 400px;
}

#comment_form ul { padding-left: 0px; }

#comment_form ul li {
	margin-bottom: 10px;
	list-style-type:none;
}

#comment_form label {
	display: block;
	font-weight: bold;
	padding-bottom: 3px;
	text-transform: uppercase;
	color: rgba(256, 256, 256, 0.8);
}

#comment_form li input {
	font-size: 1.1em;
	margin-bottom: 10px;
	padding: 5px;
	width: 388px;
}

#comment_form li input[type="submit"] { width: auto; }

#comment_form textarea {
	padding: 5px;
	width: 388px;
	max-width: 100%;
	min-width: 85%;
}

/* LISTBABY */

ul.listbaby_fields {
	margin: 10px;
	position: relative;
	padding: 10px;
}

ul.listbaby_fields li {
	margin: 5px 0 0 5px;
	list-style-type:none;
}

ul.listbaby_fields li label.required {
	font-weight: bold;
}

ul.listbaby_fields li label {
	float: left;
	margin-top: 5px;
	width: 40%;
}

ul.listbaby_fields li input,
ul.listbaby_fields li select {
	width: 50%;
}

ul.listbaby_fields li input[type="submit"] {
	width: auto;
	background-color: transparent;
	color: #000000;
}

div.lb_error {
	border: 3px solid red;
	left: 15%;
	margin: 10px;
	padding: 5px;
	position: relative;
	width: 70%;
}

#content div.lb_error p { padding-bottom: 0px; }

/* PAGE SPECIFIC */

/* Audio page */

.audio .audio_entry {
	width: 95%;
	margin: auto;
	padding-bottom: 15px;
}

ul.audio_tracks { clear: both; }
.audio .audio_tracks li { list-style-type: none; }

#track_meta_row h2.title {
  width: 80%;
  font-size: 1em !important;
  line-height: normal;
  text-transform: none;
}

#track_meta_row h2.title a {
	font-size: inherit !important;
	cursor: default;
}

.track_artist { font-size: 2em; }
.track_details { display: none; }

.blog .entry_content {
	margin-left: 20px;
	margin-bottom: 20px;
}

#content #future_header,
#content #past_header {
	text-decoration: underline;
	font-size: 1.8em;
}

#content #future_header,
#content #past_header,
.calendar_post {
	width: 75%;
	margin: 10px auto;
	padding-top: 10px;
}

.calendar_post { padding-left: 50px; }

.calendar_post .venue,
.calendar_post .event_title_time {
	font-weight: bold;
}

.photo .entry .post:hover img {
	width: 110px;
	height: 110px;
}

.instagram_meta { padding-top: 15px; }
.photo_gallery li { list-style-type: none; }

.photo_gallery .post {
	float: left;
	margin: 10px;
}

.photo_gallery .post:hover { margin: 5px; opacity:1; }
.products .entry_content { margin-left:20px; }
.products .link_list { margin-left:20px; }
.press .entry_content { margin-left:20px; }

/* GUESTBOOK */

.guestbook_post { margin-bottom: 15px; }
.guestbook_post > .entry_author, .entry_date { margin: 0px 8px 0px 0px; }

/* COPYRIGHT */

#copyright {
	color: #fff;
	opacity: 0.85;
	font-size: 12px;
	text-align: center;
	margin-top: 45px;
}

#copyright a {
	color: #ffa13d;
	z-index: 100;
}

/* FOOTER */

#footer {
	background-color: transparent;
	bottom: 0px;
	right: 0px;
	width: 350px;
	z-index: 100;
	clear: both;
	padding-bottom: 10px;
	padding-top: 10px;
}

#footer #widget_region_footer .widget_container {
	float: left;
	margin-right: 30px;
	width: 300px;
}

#footer_bottom {
	clear: both;
	padding-bottom: 15px;
	padding-top: 15px;
}

#footer_bottom p {
	color: #fff;
	font-size: .7em;
	font-weight: bold;
	text-align: right;
}

/* WIDGETS */

#widget_region_footer { margin-left: 30px; }

.widget_container {
	overflow: hidden !important;
  display: none;
}

.widget_container h3 {
	text-align: right;
	background-color: transparent;
	border-bottom-width:2px;
	border-bottom-color: #FFFFFF;
	border-bottom-style:solid;
	color: #ffffff;
	font-size: 1em;
	padding-bottom: 7px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 4px;
	text-transform: uppercase;
}

.widget_content {
	background-color: transparent;
  color: rgba(256, 256, 256, 0.8);
  text-align: right;
	font-size: .9em;
	margin: 0px 8px;
	padding: 10px;
}

.widget_content a {
	font-weight: bold;
	color: #fff;
}

.widget_calendar .widget_content ul,
div.jp-audio ul.jp-controls {
	padding-right: 5px;
	margin-left:0px;
	padding-left:0px;
	margin-top:0px;
	margin-bottom:0px;
}

.widget_content ul li {
	font-size: .9em;
	margin-bottom: 5px;
	cursor: pointer;
	list-style-type:none;
}

.widget_content li a:hover { text-decoration: underline; }

.widget_content input {
	margin: 10px;
	width: 92% !important;
	background-color: rgba(256, 256, 256, 0.3);
	color: #fff;
	font-size: 16px;
	border-color: transparent;
}

#guestbook_button,
.contact_form_submit,
.widget_form form .submit {
	background-color: transparent;
	color: #000000;
	float: none !important;
	width: auto !important;
	opacity: 0.9;
	border:none;
}

.widget_form form .submit:hover {
	opacity: 1;
	color: #f0f0f0;
}

.widget_form {
	padding-bottom: 15px;
	padding-right: 0;
}

.widget_form form input {
	float: left;
	margin-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	width: 90%;
}

.widget_form form .submit {
	border-radius:5px;
	cursor: pointer;
	float: left;
	font-size: .9em;
	letter-spacing: 1px;
	margin-right: 0;
	margin-top: 1px;
	padding: 5px;
	text-align: center;
	width: auto;
	vertical-align: top;
	margin-left:0px;
}

.tour_date {
	float: left;
	font-weight: bold;
	width: 25%;
}

.tour_location {
	float: left;
	width: 75%;
}

/* PAGINATION */

#pagination a.pagination_element.pagination_digit,
#pagination a.pagination_element.pagination_next,
#pagination a.pagination_element.pagination_prev,
#pagination a.pagination_element.pagination_first,
#pagination a.pagination_element.pagination_last {
	border-color: #ff3d3d;
	color: #ff3d3d;
}

#pagination .pagination_element.pagination_current { color: rgba(256, 256, 256, 0.8); }

/* AUDIO PLAYER  */

.pause_button_icon,
.play_button_icon {
	fill: #ff3d3d;
}

.jp-controls img {
	width: 12px;
	height: 13px !important;
}

#jplayer_container {
	margin: 0px -18px 0px 0px;
	float: right;
}

#audio-widget h3 { display: none; }

/* BREADCRUMBS */

#breadcrumbs-wrapper #breadcrumbs {
	margin: 8px 0 0 8px;
	color: rgba(256, 256, 256, 0.8);
}

#breadcrumbs-wrapper #breadcrumbs li a { color: #ff3d3d; }
#breadcrumbs-wrapper #breadcrumbs li a:hover { color: #ff3d3d; }

/* INSTAGRAM */

.instagram_gallery.entry {
	border-bottom-color: rgba(256, 256, 256, 0.8);
	padding-bottom: 10px;
}

.photo_gallery.entry {
	margin-top: 0;
	padding-top: 0;
}

.ig_follow {
	background-color: transparent;
	color: #000000;
}

/* HELPERS */

.pad { padding: 10px 40px; }

/* MEDIA QUERIES */

@media (max-width: 1239px) {

	#content {
		right: 0px;
		width: inherit;
		min-width: 0px;
	}

	#glass, #glass-fade, #glass-blur {
		left: 0px;
		width: 100%;
		padding-left: 0%;
	}

	#navigation {
		z-index: 101;
	}

	#glass-fade { transform: rotate(180deg);}
	.entry_content { font-size: 24px; }
	.pad { padding: 10px 100px 10px 100px; }
	.widget_container h3, .widget_content { text-align: center; }

	#widget_region_footer {
		opacity: 0.75;
		max-width: 600px;
		margin: 0 auto;
		padding-top: 20px;
	}

	#jplayer_container {
		margin: 0 auto 0 auto;
		float: center;
	}
}

@media (max-width: 850px) {

	.entry_content p { font-size: 22px; }
	.mobile-only { display: block; }
	.pad { padding: 10px 10px 100px 10px; }
	#hamburger { display: block; }
	.entry_title { line-height: 1.25em; }

	#yt-audio-toggle {
		position: fixed;
		left: 0px;
		bottom: 0px;
		top: auto;
		right: auto;
		display: none;
	}

	#content {
		left: 0px;
		padding: 1%;
		top: 86px;
	}

	h1.site-name {
		margin-top: 0px;
		font-size: 2em;
	}

	#navigation, #footer {
		left: -100%;
		width: 100%;
	}

	#page-name.mobile-only {
		width: 75%;
		height: 2.2em;
		line-height: 1.1em;
		overflow: hidden;
		font-size: 1.5em;
		left: 75px;
		margin: 22px 0px 0px 0px;
	}

	.jp-playlist,
	.jp-playlist ul,
	.jp-title ul {
		min-width:190px;
	}
}
/* Contact Form */

.float_left
{
	float: left;
}

/* Only in Builder */
.add_field_div
{
	margin-top: 2px;
}

.add_field
{
	cursor: pointer;
	color: #317598;
	font-size: 14px;
}

.add_field_desc
{
	color: #666666;
	font-size: 11px;
	margin-left: 12px;
}

.builder_td
{
	padding: 0px;
	width: 250px;
}

.builder_fieldset {
	background-color: #FFFFFF;
	border: 2px solid #68B0B9;
	height: 100%;
	padding: 10px;
	text-align: left;
	width: 220px;
}

#recipient_email_address,
#instructions,
#text_label,
#textarea_label,
#textarea_default_text,
#dropdown_label,
#dropdown_choices,
#checkbox_label,
#checkbox_choices,
#radiobutton_label,
#radiobutton_choices
{
	width: 210px;
}

#instructions,
#textarea_default_text,
#dropdown_choices,
#checkbox_choices,
#radiobutton_choices
{
	height: 70px;
}

#instructions {
	resize: vertical;
}

#contact_form_builder_target
{
	width: 430px;
	text-align: left;
}

#contact_form_builder_modal
{
	background-color: #ffffff;
}

.contact_form_container
{
	width: 375px;
	margin-bottom: 20px;
}


#content #contacts input,	#content #contacts	textarea,
.contact_form_textbox,	.contact_form_textbox	input,
.contact_form_dropdown,	.contact_form_dropdown	select,
.contact_form_textarea,	.contact_form_textarea	textarea,
.contact_form_multi,	.contact_form_multi		input		/* for checkboxes and radiobuttons */
{
	display: -moz-inline-stack !important;
	display: inline-block !important;
	margin: 0 !important;
	text-align: left;
	resize: none;
}

/*
 * this stylesheet is used both dashboard and public side.
 * limit cursor-help for form building to dashboard side.
 * possible bug: if a person names their page "website"... yep
 */
#website
{
	#content #contacts input,	#content #contacts	textarea,
	.contact_form_textbox,	.contact_form_textbox	input,
	.contact_form_dropdown,	.contact_form_dropdown	select,
	.contact_form_textarea,	.contact_form_textarea	textarea,
	.contact_form_multi,	.contact_form_multi		input		/* for checkboxes and radiobuttons */
	{
		cursor: move;
	}
}

/*
#content #contacts input, #content #contacts textarea
{
	width: 300px !important;
}
*/

.contact_form_textbox,	.contact_form_textbox	input,
.contact_form_dropdown,	.contact_form_dropdown	select,
.contact_form_textarea,	.contact_form_textarea	textarea
{
	border-style: dotted;
	border-width: 1px;
	border-color: #444444;
	width: 100% !important;
}

.contact_form_textarea, .contact_form_textarea	textarea
{
	height: 100px !important;
}

#content #contacts input:focus, #content #contacts textarea:focus, #content #contacts select:focus
{
/*	background-color:#ffffe3; */
	border:1px solid #5D88D5;
}

/* Blarm */

.contact_form_row						/* used only in builder */
{
	margin-bottom: 6px;
}

.contact_form_builder_instructions		/* used only in builder */
{
	margin: 10px 7px 0px 40px;
}

.contact_form_instructions				/* used only in published page */
{
	width: 375px;
	margin: 10px 0px 10px 0px;
}

.contact-form-builder-warning
{
	color: red;
	background-color: #fff;
	border: 0px solid red;
	font-weight: bold;
	text-align: left;
	text-transform: uppercase;
}

.x_delete,				/* used only in builder */
.spacer_20px,			/* used in both builder and published page */
.contact_form_label,	/* used in both builder and published page */
.contact_form_element,	/* used in both builder and published page */
.target_fieldset,		/* used only in builder */
.contact_form_submit	/* used only in published page */
{
	display: -moz-inline-stack !important;
	display: inline-block !important;
}

.contact_form_submit	/* used only in published page */
{
	text-align: center !important;
	width: 85px !important;
}

.x_delete				/* used only in builder */
{
	width: 20px;
	vertical-align: top;
	cursor: pointer;
}

.spacer_20px			/* used in both builder and published page */
{
	width: 20px;
}

.contact_form_label		/* used in both builder and published page */
{
	text-align: left;
	width: 100px;
	vertical-align: top;
	margin: 0px 0px 6px 0px;
}

.contact_form_element	/* used in both builder and published page */
{
	text-align: left;
	width: 225px;
	margin: 0px 0px 6px 0px;
}

.target_fieldset		/* used only in builder */
{
	width: 425px;
	min-height: 375px;
	background: #fff;
	border:2px solid #68B0B9;
}

#contacts #gbimage		/* used only in published page */
{
	border: none;
	background: #000000;
	padding: 0px;
}

table.borderless form 
{
margin-top: 0px;
}

label.contact_form_instruction
{
background-color: #FFFFFF;
}