/*
Index
START_SITE_WIDE_CLASSES
START_ELEMENT_SPECIFIC_STYLING
START_BACK_TO_TOP
IMAGE_MAP_HEADER_HOMEPAGE
*/

/* ===== ANCHORS START =============================== */
a {color:#25b501;text-decoration:none;font-weight:bold}
a:hover {color:#B1ED38;background:#A53400;text-decoration:none;}/*003366*/
a.alt1 {color: #FFFFFF; font-weight: bold;text-decoration:none;}
a.alt1:hover {color: #B1ED38;background:none;}
a img {color:transparent;border:3px solid #000080;}
a:hover img,
a.noborder.colorbox:hover img { border-color: #A53400; }
a.bs_bookmark{text-decoration:none;}
a.noborder img {border:2px solid transparent;}
a.noborder:hover img {border:2px solid #0000FF;}
a.imgalt1 img {border:2px solid;border-color:#000000;}
a.imgalt1:hover img {border:2px solid;border-color:#00FF00;}
p.bookmark_wrapper{position:relative;}
a.bookmark_destination{display:block;position:absolute; top:-150px;}
a.ext,a.wiki,a.mp3 {transition:none;padding-right: 21px;}
a.mp3 {transition:none;padding-left: 75px;}
a.mp3 {background: transparent url('images/mp3-icon.png') no-repeat center left;background-size: 70px;}
a.mp3:hover {background: #A53400 url('images/mp3-icon.png') no-repeat center left;background-size: 70px;}

a .bam_link_b{color:#1e69ff;}
a .bam_link_a{color:#ffffff;}
a .bam_link_m{color:#f282ff;}

.footer-link a {color:#fff;display:inline-block;padding: 0 5px;}
.footer-link a:hover {color:#ef4446;background:none;}

/* ===== ANCHORS END ================================== */

/* ====================================== */
/* == START_SITE_WIDE_CLASSES =========== */

.fontshadow1{text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);}
.fontshadow2{text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);}

.fontcolor1{color:#A53400;} /* Dark Brown */
.fontcolor2{color:#1e6295;}
.fontcolor3{color:#f13613;}

.right_mobile_left{text-align:left;}

.bs_small_font{font-size:80%;}

.content_img, .content_img_large, .content_img_small{}
.content_img p, 	.content_img_large p,.content_img h5, 	.content_img_large h5{color:grey;margin-bottom:0;text-align:center;}

.img_caption{color:grey;margin-bottom:5px;}

.show_sm_up{display:none;}
.hide_sm_up{display:block;}



/* == END SITE WIDE CLASSES ============= */
/* ====================================== */


/* ====================================== */
/* == START_ELEMENT_SPECIFIC_STYLING ==== */

div#lang_wrapper{width:100px;margin:0 auto;margin-top:10px;}
div#lang_wrapper img{float:left;}

#j_site_sub_title{font-size:100%;text-align:center;}
div#social_wrapper_desktop{display:none;}
div#social_wrapper_phone{display:block;width:140px;width:90px;margin:0 auto 10px auto;}

#page_title_wrapper{margin-top:10px;}
#video_promotion_video{margin:10px 0;}

.mobile_no_break{display:inline;}

div#hero_wrapper {text-align: center;}

/* == END ELEMENT SPECIFIC STYLING ====== */
/* ====================================== */

/* *****************************************
===== START Full Width Containers ==========
****************************************** */

div#header_wrapper{
position:relative;/*so is always above rotator*/
z-index:2;
padding:5px 0;
}

div.header_wrapper_02 {
position: absolute;
top: 0px;
padding: 0;
min-height: 390px;
min-width: 100%;
overflow: hidden;
background:transparent url('images/header-0001-0001-0001.jpg') no-repeat center center;
background-size: cover;
}


div#header_image_wrapper{
border-bottom: 1px solid #004080;
overflow: hidden;
margin-bottom:-10px; /* to pull the shadow up */
}
div#header_image_wrapper_bam_desktop{
display:none;
border-bottom: 1px solid #004080;
overflow: hidden;
margin-bottom:-10px; /* to pull the shadow up */
}
div#header_image_wrapper_bam_mobile{
border-bottom: 1px solid #004080;
overflow: hidden;
margin-bottom:-10px; /* to pull the shadow up */
}

div#footer_image_wrapper{
border-top: 1px solid #004080;
overflow: hidden;
margin-top:-10px; /* to pull the shadow up */
}

#header_data_wrapper {
    margin: 0;
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 2;
    width: 100%;
}
div#bs_user_header_shadow {
    height: 10px;
    -webkit-box-shadow: 0px 3px 5px 0px rgba(50,50,50,0.75);
    -moz-box-shadow: 0px 3px 5px 0px rgba(50,50,50,0.75);
    box-shadow: 0px 3px 5px 0px rgba(50,50,50,0.75);
}
div#bs_user_footer_shadow {
    height: 10px;
    -webkit-box-shadow: 0px 5px 8px 6px rgba(50,50,50,0.75);
    -moz-box-shadow: 0px 5px 8px 6px rgba(50,50,50,0.75);
    box-shadow: 0px 5px 8px 6px rgba(50,50,50,0.75);
}

div#below_site_logo{
background:transparent url('images/background_transparent_white_50.png') repeat top left;
}




div.container_full_width_01 {
    background: transparent;
}
div.container_full_width_02 {
    background: transparent url('images/container_full_width_02.png') repeat-x bottom center;
		background: none;
    /*background-size: cover;*/
		padding-bottom: 130px;
		padding-bottom:0;
}
div.container_full_width_03 {
background-color: #A53400;
color:white;
}
div.container_full_width_04 {

background-color: #000;
color:#fff;
padding-top:5px;
padding-bottom:10px;
/*font-size: 16px;*/
}

/* *****************************************
===== END Full Width Containers ============
****************************************** */


/* *****************************************
===== START Site Logo ======================
****************************************** */
div.bs_site_logo{/*width:175px;float:left;margin-top:5px;*/}

.bs_site_logo a{
/*
Image will expand %100 in span... so, higher
pixel images are best
*/
width: 100%;
height: 0;
/*
padding-bottom
Height of Sprite Image / Width of sprite image (NOTE total width of full sprite but of 1 image)
*/
padding-bottom: 16%;
background-position: 0 0;
/*
"background-size"
200% for 2 level sprite, 300% for 3 level
exactly DOUBLE (or triple if a 3 level sprite) the "width"
*/
background-size: 200%;
display:block;
transition:none;
}

.bs_site_logo a:hover {
/*background-position: 100% 0;*/ /* Use ONLY percents here */
transition:none;
background-color:transparent;
background-position: 100% 0;
}
/*
div#bs_site_logo a:active {
background-position: 200% 0;
}
*/

div#bs_site_logo a, div#bs_site_logo a:hover {background-image: url("images/logo.png");}
div#bs_site_logo_eng a, div#bs_site_logo_eng a:hover {background-image: url("images/logo-eng.png");}

div#bs_site_logo_front a,
div#bs_site_logo_front a:hover {
	background-image: url("images/logo-white-green.png");
}
/* *****************************************
===== END Site Logo ========================
****************************************** */

/* ====================================== */
/* == START_EMAIL_SPRITE =================== */

div.bs_email_sprite{
width:80px;
float:left;
border:0px solid red;
margin-right:5px;
}

div.bs_email_sprite a{
/*
Image will expand %100 in span... so, higher
pixel images are best
*/
width: 100%;
height: 0;
text-indent:-10000px;
/*
padding-bottom
Height of Sprite Image / Width of sprite image (NOTE total width of full sprite but of 1 image)
*/
padding-bottom: 64.5%;
background-image: url("images/email.png");
background-position: 0 0;
/*
"background-size"
200% for 2 level sprite, 300% for 3 level
exactly DOUBLE (or triple if a 3 level sprite) the "width"
*/
background-size: 200%;
display:block;
transition:none;
}

div.bs_email_sprite a:hover {
/*background-position: 100% 0;*/ /* Use ONLY percents here */
transition:none;
background-color:transparent;
background-image: url("images/email.png");
background-position: 100% 0;
}
/*
div.bs_email_sprite a:active {
background-position: 200% 0;
}
*/
/* ====================================== */
/* == END_EMAIL_SPRITE =================== */

/* *****************************************
===== START Video Hover ======================
****************************************** */

.video_wrapper a{
/*
Image will expand %100 in span... so, higher
pixel images are best
*/
width: 100%;
height: 0;
/*
padding-bottom
Height of Sprite Image / Width of sprite image (NOTE total width of full sprite but of 1 image)
*/
padding-bottom: 56.5%;

background-position: 0 0;
/*
"background-size"
200% for 2 level sprite, 300% for 3 level
exactly DOUBLE (or triple if a 3 level sprite) the "width"
*/
background-size: 300%;
display:block;
transition:none;
}

.video_wrapper a:hover {
/*background-position: 100% 0;*/ /* Use ONLY percents here */
transition:none;
background-color:transparent;
background-position: 50% 0;
}
/**/
.video_wrapper a:active {
background-position: 100% 0;
}


#video_promotion_video a{
	background-image: url("images/video-holder.jpg");
}

/* *****************************************
===== END Video Hover ========================
****************************************** */

/* ========== INPUT_AND_FIELDS START ============================= */
input[type="button"], input[type="submit"], .bs_link_button, .bs_link_button a {
    color: #FEDC32;
    background-color: #702100;
    border-color: #000000;
}
input[type="button"]:hover, input[type="submit"]:hover, .bs_link_button:hover, .bs_link_button:hover a {
    color: #25b501;
    background-color: #ffd2aa;
}
/* ========== INPUT_AND_FIELDS END ============================= */

#j_site_url{
text-align:right;
margin:-17px auto 0 auto;
}

/* *****************************************
===== START SOCIAL ICONS ===================
****************************************** */

div#social_wrapper_mobile{
width:130px;
float:right;
}



/* ====================================== */
/* == START_SOCIAL_ICONS ================ */

div.social_icon{width:50px;float:left;margin:0 5px 0 0;}
div.social_icon.social_youtube a{background-image: url('images/social_youtube.png');}
div.social_icon.social_facebook a{background-image: url('images/facebook_40x40.png');}
div.social_icon.social_lang_eng a{background-image: url('images/lang_english.png');}
div.social_icon.social_lang_jpn a{background-image: url('images/lang_japanese.png');}

div.social_icon a,
div#bs_main_nav_wrapper .social_icon a{
/*
Image will expand %100 in span... so, higher
pixel images are best
*/
width: 100%;
height: 0;
text-indent:-10000px;
/*
padding-bottom
Height of Sprite Image / Width of sprite image (NOTE total width of full sprite but of 1 image)
*/
padding:0;
padding-bottom: 100%;
background-position: 0 0;
/*
"background-size"
200% for 2 level sprite, 300% for 3 level
exactly DOUBLE (or triple if a 3 level sprite) the "width"
*/
background-size: 300%;
display:block;
transition:none;
}

div.social_icon a:hover {
transition:none;
background-color:transparent;
background-position: 50% 0;

}
div.social_icon a:active {
background-position: 100% 0;
}


/* ********************************************************
===== START_IMAGE_MAP_HEADER_HOMEPAGE =====================
******************************************************** */

/* http://www.cssplay.co.uk/menu/cssplay-responsive-image-map.html */
/* Image map styles */
div#header_homepage_wrapper_desktop {width:100%; position:relative; /*margin:20px 0 100px 0;*/}
div#header_homepage_wrapper_desktop img {display:block; width:100%; /*border-radius:20px;*/}
div#header_homepage_wrapper_desktop .hotspots {width:100%; height:100%; position:absolute; left:0; top:0; /*visibility:hidden;visibility:visible;*/}
div#header_homepage_wrapper_desktop a {display:block; position:absolute; background:none; z-index:100; opacity:0.0; filter: alpha(opacity=0); border:2px solid transparent;/* border:10px solid #B1ED38;*/}
div#header_homepage_wrapper_desktop a.p1 {height:90%;left:65%;top:3%;width:22%;} /* Game Show */
div#header_homepage_wrapper_desktop a.p2 {height:90%;left:6%;top:3%;width:28%;} /* Juggling */
div#header_homepage_wrapper_desktop a.p3 {height:90%;left:36%;top:3%;width:24%;} /* Talk Show */

div#header_homepage_wrapper_desktop .hotspots div.hotspot_text:hover div {display:block;}
div#header_homepage_wrapper_desktop .hotspots div:hover b {width:0; padding:0;}
div#header_homepage_wrapper_desktop .hotspots div:hover a {background:none; z-index:100; opacity:1.0; filter: alpha(opacity=100); border:2px solid #B1ED38;}


/* ********************************************************
===== END_IMAGE_MAP_HEADER_HOMEPAGE =====================
******************************************************** */


/* ************ START SINGLE PAGES ***************** */
/* ************************************************** */
/* ************************************************** */
body#las_vegas_show{
background: #000 url('images/las-vegas-show-background-0001-0001-0001.jpg') no-repeat top center;
background-attachment: fixed;
color:#42324F;
}
body#las_vegas_show a {color:#B00D25;text-decoration:none;/*font-weight:bold;*/transition: all 0.3s ease;}
body#las_vegas_show a:hover {color:#EE4C2D;background:#FFDBCC;text-decoration:none;}/*003366*/

body#las_vegas_show #bs_page_wrap{
margin-bottom: -100px;
}

body#las_vegas_show #bs_push,
body#las_vegas_show #bs_footer
{
height: 100px;
}


#las_vegas_show_header_wrapper {
background-color:#fff;
padding:5px;
}

.las_vegas_show_type_wrapper{
background:#fff;
border:5px solid #fff;
margin-top:50px;
}

.las_vegas_show_plan_title{
padding-top:10px;
text-align:center;
background-color:#3B2D4E;
color:#fff;
margin:-1px;
}
.las_vegas_show_plan_title h1{
line-height:100%;
margin:0;
}
.las_vegas_show_plan_title p{
margin-top:0;
}

.las_vegas_show_footer_1 {
background-color:#fff;
}
.las_vegas_show_footer_2 {
background-color:#3B2D4E;
color:#fff;
}

/* ========== START_BACK_TO_TOP =============== */
/* ============================================ */
div#bs_back_to_top_wrapper{
position:fixed;
z-index:9999;
bottom:10px;
right:10px;
width:150px;
height:100px;
/* jQuery displays this on height scroll
See this plugins script file: bs_back_to_top.js*/
display:none;
}

div#bs_back_to_top_wrapper a{
transition:none;
background:transparent url('images/bs_back_to_top.png') no-repeat top left;
display:block;
width:150px;
height:100px;
text-indent:-5000px;
background-position:0px 0px;
/*
border: 1px solid #000;
border-radius: 7px;
*/
margin:0;padding:0;
}

div#bs_back_to_top_wrapper a:hover
{background-position:0px -100px;border-color:}

div#bs_back_to_top_wrapper a:active
{background-position:0px -200px;}
/* ========== END_BACK_TO_TOP =============== */
/* ============================================ */

/* ============= START_HEADER_TEXT ============= */
/*
div.header_text{
position:absolute;
z-index:1;
}
*/

div.header_text{display:none;}

div.hero_image_text{
	background:transparent url('images/background_transparent_white_50.png') repeat top left;
  color:white;
	padding:10px 20px;
}
div.hero_image_text.wedding_one{top:50%;left:40%;bottom:auto;right:auto;text-align:center;}
div.hero_image_text.wedding_one p, div.hero_image_text.wedding_one h2{margin:0;color:black;text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);}
div.hero_image_text.wedding_one h2{font-size:160%;}
/**
 * =============================================================
 * =============================================================
 * =============================================================
 * ============== START_MEDIA_QUERRIES =========================
 up to 752 = mobile Devices   xs
 @media (min-width: 753px) {  sm Tablet vertical
 @media (min-width: 1009px) { md Tablet Horizontal and Old Desktop
 @media (min-width: 1351px) { lg New Desktop
 */

@media only screen and (min-width: 753px){

	.content_img{margin:0 auto;max-width:40%;}
	.content_img_large{max-width:60%;}
	.content_img_small{max-width:20%;}
	.fl_img{float:left;margin:5px 20px 20px 0;}
	.fr_img{float:right;margin:5px 0 20px 20px;}
	.nf_img{margin:5px auto;}
	
	.mobile_no_break{display:block;}
	.right_mobile_left{text-align:right;}
	.show_sm_up{display:block;}
	.hide_sm_up{display:none;}
	
	.bs_img_fancy_border_01{
	padding:3px;
	border:1px solid white;
	background-color:#f4f1e4;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-webkit-box-shadow: 0px 0px 2px 2px #B2B2B2;
	-moz-box-shadow: 0px 0px 2px 2px #B2B2B2;
	box-shadow: 0px 0px 2px 2px #B2B2B2;
	margin:5px;
	}
	/* Why do this? because a "fancy" border
	does not scale down correctly with bootstrap*/
	img.bs_img_fancy_border_01,
	a img.bs_img_fancy_border_01
	{max-width: 90%;}
	
/*
h1.title{font-size: 200%;}
h2.title {font-size: 180%;}
*/
.fontshadow1{text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);}
.fontshadow2{text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);}
div#social_wrapper_desktop{float:right;display:block;}
div#social_wrapper_phone{display:none;}

/* ===== START_IMAGE_MAP_HEADER_HOMEPAGE ===================== */
div#header_homepage_wrapper_desktop a {border:10px solid transparent;}
div#header_homepage_wrapper_desktop .hotspots div:hover a {border:10px solid #B1ED38;}

div#header_image_wrapper_bam_desktop{display:block;}
div#header_image_wrapper_bam_mobile{display:none;}

/* ============= START_HEADER_TEXT ============= */
div.header_text{
	display:block;
	position:absolute;
	z-index:1;
}
div#bam_header_text_1{
	width:29%;
	border:0px solid red;
	top:16%;
	right:1%;
	text-align:left;
	color:white;
	font-size:16px;
	font-weight:bold;
}

div.hero_image_text.wedding_one{top:50%;left:60%;bottom:auto;right:auto;text-align:center;}
div.hero_image_text.wedding_one h2{font-size:200%;}

}

@media only screen and (min-width: 1009px){
	.content_img{max-width:40%;}
	.content_img_large{max-width:60%;}
	.content_img_small{max-width:20%;}
	
  div#bam_header_text_1{font-size:100%;}
}

@media only screen and (min-width: 1351px){

}