@charset "UTF-8";

* {
	margin: 0;
	padding: 0;
	
	font-family: OswaldMed;

}

html {
	
    background: rgba(0, 0, 162, .3);
    background: rgba(103, 103, 103, .3);
    background: rgba(0, 0, 062, .4);
    background-image: -webkit-gradient(radial,  center top, 0, center top, 1200, from(white), to(rgba(255, 255 ,255, 0)));
    background-image: -moz-radial-gradient(bottom, circle, white 0px, rgba(255, 255, 255, 0) 1800px); /* Radial gradient for Mozilla browsers */
	
	background-repeat: no-repeat;
    
    min-height: 500%; /* make the background gradient span the entire viewport in Firefox */



}




@font-face {
  font-family: EBGaramond12Reg;
  src: url(/style/fonts/eb-garamond12-regular.ttf);
}


@font-face {
  font-family: OswaldMed;
  src: url(/style/fonts/Oswald-Medium.ttf);
}






img.#underconstruction {
	width: 100%;
	height: 100%;
	z-index: 1000;
	position: fixed;
	bottom: 10%;
}


ul#copyinfo li#foot_message {
	color: #ff0000;
}

div#sub_nav img#reopeningsoon {
	position: absolute;
	top: 0;
	left: 0;
	width: 111%;
	height: auto;
	}


div#sub_nav {
	position: fixed;

left: 1%;
right: 86%;
top: 8%;
bottom: 9%;

padding-right: 1%;
	
	overflow: auto;
	border: rgba(255, 000, 000, 0.3) 1px solid;

background-color: rgba(255, 255, 255, 0.3);

border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    
    
	

	
	

	
		
		border: rgba(0, 0, 0, 0.3) 1px solid;


    box-shadow: 3px 3px 1px rgba(0, 0, 0, 0.3);
    box-shadow: 2px 1px 12px 7px rgba(0, 0, 0, 0.3);
}

div#sub_nav ul {
	margin-top: 12px;
	color: #ff0000;
	text-weight: bold;
	text-align: center;
	display: block;
	list-style: none;

	padding: 1%;
}

div#sub_nav ul li {
color: #000000;
margin: 3px;
margin-bottom: 6px;
padding-bottom: 3px;
/* border-bottom: 1px #333333 solid;
*/

width: 90%;
}

div#sub_nav ul li.separator {
	font-weight: bold;
	color: rgba(000, 000, 255, 0.9);
}


div#sub_nav ul li a {
	color: rgba(243, 176, 90, 1.0);
	color: rgba(000, 000, 90, 1.0);
		text-decoration: none;
		font-variant: small-caps;
display: inline-block;
width: 100%;

border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    
    
	

	background-color: rgba(255, 255, 255, 0.4);	
	
	

	
		
		border: rgba(0, 0, 0, 0.3) 1px solid;


    box-shadow: 3px 3px 1px rgba(0, 0, 0, 0.9);
    box-shadow: 0px 0px 3px 3px rgba(000, 000, 255, 0.2);
    box-shadow: 0px 0px 3px 3px rgba(0, 0, 0, 0.1);
    

	padding: 3px;
}

div#sub_nav ul li a:hover {
			

	background-color: rgba(000, 000, 90, 0.7);	
	text-shadow: rgba(243, 176, 90, 0.9) 0 0 12px;
	
	background-color: rgba(000, 000, 90, 0.7);	
	text-shadow: rgba(255, 255, 255, 0.9) 0 0 4px 12px;
	text-shadow: rgba(243, 176, 90, 0.4) 0 0 20px;
	text-shadow: rgba(255, 255, 255, 0.9) 0 0 3px 12px;
	
	color: rgba(255, 255, 255, 0.9);
	color: rgba(243, 176, 90, 1.0);

		border: rgba(0, 0, 0, 1.0) 1px solid;
		
		
    box-shadow: 3px 3px 1px 3px rgba(0, 0, 0, 0.0);
    box-shadow: 0px 0px 1px 3px rgba(0, 0, 0, 0.0);
    box-shadow: 0px 0px 3px 3px rgba(000, 000, 255, 0.2);

}

div#sub_nav ul li a:active {
    box-shadow: 3px 3px 1px rgba(0, 0, 0, 0.0);
		border: rgba(255, 255, 255, 1.0) 1px solid;
				color: rgba(255, 255, 255, 1.0);

    box-shadow: 0px 0px 1px 3px rgba(0, 0, 0, 0.0);

}

div#sub_nav ul li:hover {
/*	background-color: rgba(000, 000, 90, 0.9);
	background-color: rgba(255, 255, 255, 0.9);
*/
}

div#sub_nav ul li a span#holiday {
	color: rgba(4, 160, 15, 1.0);
	font-weight: bold;
}

div#sub_nav ul li a span#layaway {
	color: rgba(255, 000, 15, 1.0);
	font-weight: bold;
}



div#page_content {
	position: absolute;
	top: 0%;
	left: 15%;
	right: 15%;
	padding: 1%;
	
	
	overflow: scroll;
	
}



div.spacerdiv {
padding-top: 22%;
}




div.prod_cat {
position: relative;
width: 88%;
margin: 0px auto;
margin-top: 12px;
margin-bottom: 33px;


overflow: hidden;

	
color:#FFFFFF;

color: rgba(0, 0, 0, 1.0);
	
	

    
    background-color: rgba(255, 255, 255, 1.0);
    background-color: rgba(255, 255, 255, 0.8);
    background-color: rgba(255, 255, 255, 0.5);

    padding: 3%;
    padding-left: 6%;
    padding-right: 6%;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    
   padding-top: 1%; 
	

	
	

	
		
		border: rgba(0, 0, 0, 0.3) 1px solid;


    box-shadow: 3px 3px 1px rgba(0, 0, 0, 0.3);



}






div.prod_cat:hover, div.prod_cat:active {
    background-color: rgba(255, 255, 255, 0.8);

}


div.prod_cat h4 {
	display: inline-block;
	text-align: center;
	font-size: 1.5em;
	margin-top: 1%;
	margin-bottom: 1%;
	color: rgba(3, 66, 168, 1.0);
	width: 100%;
/*
	text-shadow: rgba(242, 222, 002, 1.0) 0 0 20px;
	text-shadow: rgba(243, 176, 90, 1.0) 0 0 20px;
	text-shadow: rgba(243, 176, 90, 0.4) 0 0 20px;
	
	  text-shadow: 0 0 3px rgba(3, 66, 168, 0.7);

	
*/
	color: rgba(3, 66, 168, 1.0);
color: #ff0000;
color: #0099cc;

  
  font-style: bold;

}

div.prod_cat h4 strong {
	font-style: italic;

	color: rgba(3, 66, 168, 1.0);

}



div.prod_cat p span {
	font-style: bold;

	color: rgba(3, 66, 168, 1.0);
	color: rgba(0, 0, 255, 1.0);
	font-size: 1.5em;

}





div.prod_cat p {
	margin-bottom: 3%;
}


div.prod_cat p video#moving8doors {
 max-width: 55%;
 height: auto;
 float: left;
 left: 22%;
 top: 18%;
 border: solid 4px #ffffff;
 opacity: 1.0;
 margin-right: 1%;
 margin-bottom: 1%;
}

div.prod_cat p video.movieleft {
 max-width: 55%;
 height: auto;
 float: left;
 left: 22%;
 top: 18%;
 border: solid 4px #ffffff;
 opacity: 1.0;
 margin-right: 1%;
 margin-bottom: 1%;
}

div.prod_cat p video.movieright {
 max-width: 55%;
 height: auto;
 float: right;
 left: 22%;
 top: 18%;
 border: solid 4px #ffffff;
 opacity: 1.0;
 margin-left: 1%;
 margin-bottom: 1%;
}




div.prod_cat p.mission {
	color: #0000ff;
	font-weight: bold;

	font-size: 1.2em;
	text-shadow: rgba(243, 176, 90, 0.4) 0 0 20px;
	text-align: center;
	
	
}


div.prod_cat ul#new_arrival_list {
	list-style: circle;
	margin-left: 10%;
}


div.prod_cat ul {
	list-style: none;
	margin-left: 33%;
}

div.prod_cat ul.norm {
	list-style: disc;
}

div.prod_cat ul#aboutus {
	list-style-type: circle;
}




div.prod_cat figure img {
	width: 100%;
}

div.prod_cat ul li img.brandlogo {
	width: 128px;
	margin-bottom: 12px;
}

div.prod_cat ul li section.product_deal {
background-color: rgba(255, 255, 255, 1.0);
    background-color: rgba(255, 255, 255, 0.8);
    background-color: rgba(255, 255, 255, 0.4);

    padding: 3%;
    
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    
    
	

	
	

	
		
		border: rgba(0, 0, 0, 0.3) 1px solid;


    box-shadow: 3px 3px 1px rgba(0, 0, 0, 0.3);	
    
    margin-bottom: 3%;
}

div.prod_cat ul li.squaremarker {
	list-style-type: square;
	margin-left: 44px;

}

section.deal_images  {
	margin: 12px;
	overflow: auto;
}

section.deal_images ul.deal_images_ul li {
	float: left;
	clear: left;
}

section.deal_images ul.deal_images_ul li img.deal_img {
	margin: 12px;
	width: 50px;
	-webkit-transition: width 2s; /* Safari */
    transition: width 0.5s;
	transition-timing-function: cubic-bezier(1,.05,.1,.4);
	transition-timing-function: cubic-bezier(.03,.96,1,.48);
	transition-timing-function: cubic-bezier(1,.05,0,.8);
}

section.deal_images ul.deal_images_ul li img.deal_img:hover {
	width: auto;
	width: 300px;
	width: 480px;
}

section.deal_images ul.deal_images_ul li img.deal_img:active {
	width: 100%;
	width: 480px;
}

section.deal_images ul.deal_images_ul li img.deal_img:visited {
}

div.prod_cat ul li section.product_deal h5 {
	margin: 12px;
	font-size: 1.4em;
	color: rgba(3, 66, 168, 1.0);
	
}

div.prod_cat ul li section.product_deal ul.deal_text li {
	border-bottom: none;
	padding: 0;
	margin: 0;
		
}

div.prod_cat ul li section.product_deal ul.deal_text li.prod_name {
	font-size: 1.0em;
	color: #000000;
}

div.prod_cat ul li section.product_deal ul.deal_text li.prod_condition {
	font-size: 1.0em;
	color: #0000ff;}

div.prod_cat ul li section.product_deal ul.deal_text li.on_sale {
	font-size: 1.0em;
	color: #000000;
	font-variant: small-caps;
}

div.prod_cat ul li section.product_deal ul.deal_text li.orig_price {
	font-size: 1.1em;
	color: rgba(254, 000, 000, 0.4);
	text-decoration: line-through;
}

div.prod_cat ul li section.product_deal ul.deal_text li.deal_price {
	font-size: 1.2em;
	color: #0000ff;
}

div.prod_cat ul li section.product_deal ul.deal_text li.deal_savings {
	font-size: 0.9em;
	color: #333333;
}





div.prod_cat ul li img.lrg_brandlogo {
	width: 200px;
}

div.prod_cat ul li img#goldtone {
	background-color: #000000;
}

div.prod_cat#section_our_hours ul li span {
	color: #0000ff;
}


/*  clearfix - contain floats fix   */
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/*  END   -   clearfix - contain floats fix   */






div#back_logo {
	opacity: 0.05;
	opacity: 0.44;

left: 0;
right: 0;
top: 0;
bottom: 0;


	position: fixed;
	
	margin: 0;
	padding: 0;
	
	background: url('/images/currentimages/banner/banner.jpg') bottom center no-repeat;
/*
BACKground Image Placement 
	background: url('/bemusicvt_images/wreath_bemusicvt_logo.png') bottom center no-repeat;
	*/
  -webkit-background-size: 70% 100%;
  -moz-background-size: 70% 100%;
  background-size: 70% 100%;	
/*  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
*/

/* Adjustments for Wreath Be Music Logo Below vvv 
 -webkit-background-size: auto 84%;
  -moz-background-size: auto 84%;
  background-size: auto 84^%;
  */


    min-height: 100%; /* make the background gradient span the entire viewport in Firefox */

}

/*
SOCIAL ICON LINKS
*/

ul#social {
position: fixed;

	overflow: auto;

/* 
margin-left: 50%;
padding-left: 1%;
padding-right: 0;
padding-top: 1%;
*/
background-color: rgba(255, 255, 255, 0.3);

	left: 86%;
/*	left: 98%;
	width: 11%
*/
    right: 1%;
	top: 8%;
	bottom: 9%;
	
	border: rgba(000,000, 000, 0.3) 1px solid;
    list-style: none;

border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    
    
	

	
	

	
		
		border: rgba(0, 0, 0, 0.3) 1px solid;


    box-shadow: 2px 1px 12px 7px rgba(0, 0, 0, 0.3);

}

/*
ul#social:hover {
	left: 88%
}
*/

ul#social li {
	padding: 1px;
	

	margin: 1px;
	margin-top: 1%;
	margin-left: 12px;
	margin-right: 12px;
    margin-bottom; 12px;
	
		padding: 12px;
		
		border: 1px solid;
		border-color: rgba(000, 000, 000, 0.3);
		text-align: center;
		
		background-color: rgba(255, 255, 255, 0.9);
		background-color: rgba(000, 000, 000, 0.1);

border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    
    
	

	
	

	
		
		border: rgba(0, 0, 0, 0.2) 1px solid;


    box-shadow: 3px 3px 1px rgba(0, 0, 0, 0.9);
    box-shadow: 0px 0px 3px 3px rgba(000, 000, 255, 0.2);
    box-shadow: 0px 0px 3px 3px rgba(0, 0, 0, 0.1);
    
    margin-bottom: 6px;
}

ul#social li:hover {
		border-color: rgba(000, 000, 046, 0.4);
		background-color: rgba(243, 176, 90, 1.0);
		background-color: rgba(000, 000, 000, 1.0);
		background-color: rgba(000, 000, 000, 0.1);
		background-color: rgba(255, 255, 255, 0.9);

    box-shadow: 0px 0px 3px 3px rgba(000, 000, 255, 0.1);

		border: rgba(0, 0, 0, 0.1) 1px solid;

/*		width: 112%;
*/
}

ul#social li:active {
		border-color: rgba(000, 000, 046, 1.0);
		border-color: rgba(243, 176, 90, 1.0);
		border-color: rgba(000, 000, 255, 1.0);
		border-color: rgba(255, 255, 255, 1.0);
		
		background-color: rgba(000, 000, 000, 1.0);
		background-color: rgba(000, 000, 255, 0.9);
		background-color: rgba(243, 176, 90, 0.6);


    box-shadow: 0px 0px 3px 3px rgba(000, 000, 255, 0.0);
    box-shadow: 0px 0px 1px 3px rgba(0, 0, 0, 0.0);


}

ul#social li img {
	width: 90%;

}

/*
ul#social li img:hover {
	width: 150%;
}
*/

ul#social li#phone {
	margin-top: 30%;
	margin-bottom: 30%;
}

/*
section_pano_upstairs
*/
div#Xsection_pano_upstairs {

	height: 12px;

	overflow: scroll;

/*
border-color: rgba(51, 153, 255, 1.0);
	border: solid 2px;
*/


}

div#Xsection_pano_upstairs img {

	height: 480px;
	overflow: scroll;

}



div#Xsection_pano_upstairs figure {
	height: 480px;
	overflow: scroll;
}




img.Xpano {
	
	overflow: scroll;
}


div#Xsection_pano_upstairs:hover {
	width: 67%;
	height: 67%;
}



div#Xpano_view_up {

position: absolute;
	top: 0;
	width: 12%;
	height: 12%;
	right: 12%;

	overflow: scroll;

/*
border-color: rgba(51, 153, 255, 1.0);
	border: solid 2px;
*/


}

div#Xpano_view_up img {

	height: 100%;

}


div#Xpano_view_up:hover {
	width: 67%;
	height: 67%;
}





div#Xpano_view_down {

position: absolute;
	top: 0%;
	width: 12%;
	height: 12%;
	left: 0;

	overflow: scroll;

/*
border-color: rgba(51, 153, 255, 1.0);
	border: solid 2px;
*/


}

div#Xpano_view_down img {

	height: 70%;

}


div#Xpano_view_down:hover {
	width: 67%;
	height: 67%;
}




/*
NAV LINKS
*/

nav {
z-index: 100;
position: fixed;
text-align: center;
	width: 100%;
	left: 0%
	top: 0%;
	height: 7%;

    list-style: none;
    right: 0px;
	background-color: rgba(000, 000, 255, 0.4);



  border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    
    
	

	
	

	
		
		border: rgba(0, 0, 0, 0.3) 1px solid;


    box-shadow: 3px 3px 1px rgba(0, 0, 0, 0.3);
    
}


ul#nav {
position: absolute;



	left: 16%;
	text-align: center;
	width: 100%;
	left: 0%
	top: 0%;
	height: 7%;

    list-style: none;
    right: 0px;
}

ul#nav li {
	float: left;

	margin: 1px;
	margin-top: 1%;
	margin-left: 3px;
	margin-right: 3px;
	

		border: 1px solid;
		border-color: rgba(255, 255, 255, 0.9);
		width: 12%;
		text-align: center;

padding: 3px;
	background-color: rgba(000, 000, 000, 0.6);
	
	border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    
    
	

	
	

	
		
		border: rgba(0, 0, 0, 0.3) 1px solid;


    box-shadow: 3px 3px 1px rgba(0, 0, 0, 0.3);
}

body#home ul#nav li#navbutton_home,
body#products ul#nav li#navbutton_products,
body#service ul#nav li#navbutton_service,
body#rentals ul#nav li#navbutton_rentals,
body#deals ul#nav li#navbutton_deals {
		border-color: rgba(255, 255, 255, 0.9);
		background-color: rgba(000, 000, 000, 0.9);

box-shadow: 3px 3px 1px rgba(243, 176, 90, 0.9);
box-shadow: 3px 3px 1px rgba(255, 255, 255, 0.9);
box-shadow: 0px 0px 4px 4px rgba(243, 176, 90, 0.3);


}

body#home ul#nav li#navbutton_home a,
body#products ul#nav li#navbutton_products a,
body#service ul#nav li#navbutton_service a,
body#rentals ul#nav li#navbutton_rentals a,
body#deals ul#nav li#navbutton_deals a {
		color: rgba(255, 255, 255, 1.0);

}



ul#nav li.last {
/*	border-right: none;
	padding-right: 0px;
*/
}

ul#nav li:hover {
		border-color: rgba(243, 176, 90, 1.0);
}

ul#nav li:active {
		border-color: rgba(255, 255, 255, 1.0);
}


ul#Xnav li img {
	width: 1%;
}

ul#nav li a {
	font-size: 1.1em;
		color: rgba(243, 176, 90, 1.0);
		text-decoration: none;
		font-variant: small-caps;
		font-weight: bold;
	display: inline-block;
width: 100%;
height: 100%;
}

ul#nav li a:hover {
		color: rgba(255, 255, 255, 0.7);

}
ul#nav li a:active {

		color: rgba(255, 255, 255, 0.9);
}

/*
-------------------------------------------------
*/


div#topbar {
	position: absolute;
	top: 0%;
	right: 2%;
	bottom: 88%;
	left: 2%;
	margin: 3%;
	padding: 1%;
	margin-bottom: 0%;
	padding-bottom: 0%;
	
        	border-color: rgba(51, 153, 255, 1.0);
			border: solid 2px;
    background-color: rgba(51, 153, 255, 0.3);
background-color: rgba(255, 204, 0, 0.3);
	
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    
    -webkit-box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.9);
    -moz-box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.9);
}


div#topbar ul#social {
position: absolute;


/* 
margin-left: 50%;
padding-left: 1%;
padding-right: 0;
padding-top: 1%;
*/

	width: 30%;
	left: 62%
	top: 0;
	height: 62%;
		border: rgba(000,000, 000, 0.3) 1px solid;
    list-style: none;
    right: 12px;

}

div#topbar ul#social li {
float: left;
/*	padding: 1px;
	*/

	margin: 1px;
	margin-top: 1%;
	margin-left: 12px;
	margin-right: 3px;

		border: 1px solid;
		border-color: rgba(000, 000, 000, 0.3);
		width: 10%;
		text-align: center;
}

div#topbar ul#social li:hover {
		border-color: rgba(000, 000, 046, 1.0);
}

div#topbar ul#social li img {
	width: 100%;
}



div#x_topbar ul li {
	float: left;
	margin-right: 22px;
	margin-left: 12px;

        	color: rgba(51, 153, 255, 1.0);
	color: rgba(255, 204, 0, 1.0);

}

div#x_topbar ul li a {
	color: #FFF;
        	color: rgba(51, 153, 255, 1.0);


}

.green strong {

font-style: italic;
font-size: 1.1em;
}




div#socialbar {
position: absolute;
	width: 100%;
	height: 33px;
	
	/*padding: 1%;*/
	
	border-color: #999999;
	border-style: solid;
	border-width: 1px;
	
	background-color: rgba(103, 103, 103, .3);


}





header {
	position: fixed;
	height: 22%;
	top: 0px;
	left: 15%;
	right: 15%;
	padding: 1%;
	
	
	
	border: none;
	z-index: 100;



}

header section#head_text {
position: relative;
width: 62%;
width: 67%;
width: 50%;
height: 22%;
width: auto;

margin-top: 0%;

 background-color: rgba(255, 255, 255, 1.0);
    background-color: rgba(255, 255, 255, 0.4);
    background-color: rgba(255, 255, 255, 0.7);
    background-color: rgba(255, 255, 255, 1.0);


background-color: none;




    padding: 1%;
    padding-bottom: 1%;
    

    
	
padding-right: 3%;
	
	

    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    	
		
		border: rgba(000, 000, 000, 0.3) 1px solid;


    box-shadow: 3px 3px 1px rgba(0, 0, 0, 0.3);	
    box-shadow: 2px 1px 12px 7px rgba(0, 0, 0, 0.2);
    

}



header h4 {
	display: inline-block;
	text-align: center;
	font-size: 1.1em;
	margin-top: 1%;
	margin-bottom: 1%;
	color: rgba(3, 66, 168, 1.0);
	width: 100%;

	text-shadow: rgba(242, 222, 002, 1.0) 0 0 20px;
	text-shadow: rgba(243, 176, 90, 1.0) 0 0 20px;
	text-shadow: rgba(243, 176, 90, 0.4) 0 0 20px;

color: #ff0000;

}

header h4 strong {
	font-style: italic;

	color: rgba(3, 66, 168, 1.0);

}



header h1, h2, h3 {
	text-align: right;
	padding: 0;
	margin: 0;
}

header h1 {
font-size: 1.4em;
margin-top: 1%;
text-align: center;

}

header h1 span {
    font-size: 7vw;
font-style: bold;
text-shadow: rgba(243, 176, 90, 0.2) 0 0 20px;
font-family: EBGaramond12Reg;

color: #0099cc;
}

header h2 {
font-size: 1.2em;
color: #0000ff;
}

header h2 span {
color: #000000;
font-size: bold;
text-shadow: rgba(243, 176, 90, 0.2) 0 0 20px;
}


header h3 {
font-size: 1.2em;
color: #0000ff;
}

header h3 span {
	font-variant: small-caps;
	color: #ff0000;
	font-weight: bold;
font-size: 1.2em;
}

h3#since1987 span {
	font-weight: normal;
	font-style: italic;
font-size: 1.0em;
padding: 1%;
position: fixed;
top: 1%;
right: 0;
width: 100%

}

footer {
	position: fixed;
	left: 1%;
	bottom: 0;
	right: 1%;
	height: auto;
	
	padding: 12px;
	
	background-color: rgba(255, 255, 255, 1.0);
    background-color: rgba(255, 255, 255, 0.8);
    background-color: rgba(255, 255, 255, 0.4);
    background-color: rgba(255, 255, 255, 0.9);

    
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    
    
	

	
	

	
		
		border: rgba(0, 0, 0, 0.3) 1px solid;
		border: rgba(000, 000, 255, 0.1) 3px solid;


    box-shadow: 3px 3px 1px rgba(0, 0, 0, 0.3);	

    box-shadow: 2px 1px 7px 7px rgba(000, 000, 255, 0.1);
    
    font-size: 1.0em;
}

footer:hover, footer:active {
	border: 3px solid #0099cc;

}

ul#copyinfo {
	list-style: none;
}

ul#copyinfo li {
	padding-left: 7px;
	padding-right: 7px;
	float: left;
	margin-right: 7px;
	border-right: #aaaaaa solid 1px;
}

ul#copyinfo li a {
	color: rgba(000, 000, 255, 0.9);
	font-variant: small-caps;
	color: rgba(3, 66, 168, 1.0);

}

ul#copyinfo li.hours_foot {
	color: #ff0000;
	color: rgba(243, 176, 90, 0.9);
	color: rgba(3, 66, 168, 1.0);
	padding: 1px 5px;
	background-color: rgba(000, 000, 000, 0.3);
	background-color: rgba(243, 176, 90, 0.3);

    font-size: 1.4em;
    margin-top: 4px;
}

ul#copyinfo li#hours_of_opperation {
	clear: left;
}

ul#copyinfo li.hours_foot span {
	color: rgba(000, 000, 000, 0.7);
	font-weight: bold;
}

span#bemusic_name_footer {
	font-weight: bold;
	color: rgba(000, 000, 255, 0.9);
}


img#thinking {
	position: fixed;
	height: 4%;
	right: 2%;
	bottom: 1%;
	
	border: rgba(0, 0, 0, 0.4) 1px solid;
	
}



a#Xgplusgo {
height: 4%;
}

a#Xgplusgo:hover {
border: #ff0000;
		background-color: rgba(243, 176, 90, 0.4);
height: 14%;
}

img#thinking:hover {
	border: rgba(255, 255, 255, 0.4) 1px solid;
	border: rgba(255, 153, 51, 0.7) 1px solid;
    -webkit-animation: spin .3s infinite linear;

-webkit-animation-delay: .9s; /* Safari 4.0 - 8.0 */
    animation-delay: .9s;

box-shadow: 3px 3px 1px rgba(243, 176, 90, 0.4);
box-shadow: 0px 0px 12px 3px rgba(255, 153, 51, 0.9);

height: 10%;
}

img#thinking:active {
	border: rgba(255, 255, 255, 0.4) 1px solid;
	border: rgba(255, 153, 51, 0.7) 1px solid;
    -webkit-animation: spin .1s infinite linear;

-webkit-animation-delay: .5s; /* Safari 4.0 - 8.0 */
    animation-delay: .5s;

box-shadow: 3px 3px 1px rgba(243, 176, 90, 0.4);
box-shadow: 0px 0px 12px 3px rgba(255, 153, 51, 0.9);

height: 10%;
}
@-webkit-keyframes spin { 
    100% { 
        transform: rotate(180deg);
    } 
}


video#thinking {
	position: fixed;
	height: 1%;
	right: 2%;
	bottom: 1%;
	
	border: rgba(0, 0, 0, 0.4) 1px solid;
  opacity: 0.3;
	
}


video#thinking:hover {
	border: rgba(255, 255, 255, 0.4) 1px solid;
	border: rgba(255, 153, 51, 0.7) 1px solid;

-webkit-animation-delay: .9s; /* Safari 4.0 - 8.0 */
    animation-delay: .9s;

box-shadow: 0px 0px 12px 3px rgba(255, 153, 51, 0.9);
box-shadow: 3px 3px 1px rgba(243, 176, 90, 0.4);

height: 10%;
  opacity: 1.0;

}

video#thinking:active {
	border: rgba(255, 255, 255, 0.4) 1px solid;
	border: rgba(255, 153, 51, 0.7) 1px solid;

-webkit-animation-delay: .5s; /* Safari 4.0 - 8.0 */
    animation-delay: .5s;

box-shadow: 0px 0px 12px 3px rgba(255, 153, 51, 0.9);
box-shadow: 3px 3px 1px rgba(243, 176, 90, 0.4);

height: 10%;
  opacity: 1.0;
}




div.fb-share-button {
	
}


iframe#Xgoogle_maps_embed {
	width: 600px;
	height: 450px;
	border: none;
}

a#html5_badge {
	position: absolute;
	right: 3%;
	bottom: 1%;
	height: 32px;
	/* padding to line up with g+go square */
	padding-bottom: 4px;
	
	-webkit-transition: height 0.5s; /* Safari */
    transition: height 0.5s;
	transition-timing-function: cubic-bezier(1,.05,.1,.4);
	transition-timing-function: cubic-bezier(.03,.96,1,.48);
	transition-timing-function: cubic-bezier(1,.05,0,.8);
	
}

a#html5_badge:hover, a#html5_badge:active {
	height: 256px;
}

a#html5_badge img {
	height: 100%;
}

h6 {
	font-size: .9em;
	font-weight: bold;
}