/*JSR CUSTOM: */

.connect_widget_not_connected_text, .connect_widget_connected_text
{
  display:none !important; /*in your stylesheets to hide the counter!*/
}
.connect_widget_interactive_area {
 
    margin: auto !important;
}

IMG.displayed {
    display: block;
    margin-left: auto;
    margin-right: auto }

#jsrbar {margin: 0 0 20px 0; color:#fff; text-align:center;}

.centertext {
text-align:center; 

}

.product {
	float:left;
	text-align:center;
	height:350px;
	width:33%;
	position:relative;
}
.product img {max-width:90%;}

.bandlogo {height: 50px;
    margin-bottom: -20px;
    margin-top: -10px;
	}
	
	
.css3button {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #ffffff;
	padding: 0px 12px;
	background: -moz-linear-gradient(
		top,
		#2b060d 0%,
		#2b060d 25%,
		#2b060d);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#2b060d),
		color-stop(0.25, #2b060d),
		to(#2b060d));
	border-radius: 30px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border: 2px solid #ffffff;
	-moz-box-shadow:
		0px 3px 11px rgba(128,4,4,0.3),
		inset 0px 0px 1px rgba(255,0,0,1);
	-webkit-box-shadow:
		0px 3px 11px rgba(128,4,4,0.3),
		inset 0px 0px 1px rgba(255,0,0,1);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.2),
		0px 1px 0px rgba(255,255,255,0.3);
}


/*/JSR Custom*/

html{width:100%;background-color:none; } /*465px for Facebook */

body { background-attachment: fixed;
    background-position: center top;
    background-repeat: no-repeat;
	font-family: 'Allerta Stencil', sans-serif;}

a{
	color:#F00;
	text-decoration:none;
	outline:none;
}
.clear{clear:both;}
.clear_left{clear:both;float:left; height:15px;}
p{padding:0px;margin:0px;line-height:18px;color:#fff;}

/*---------------------starting main container and general style-----------------------*/
#main_container{width:100%;margin:auto;position:relative;} /*465px for Facebook */
#logocontainer{width:90%; max-width:1000px; margin:auto;}
.logo{width:100%; margin:auto ; height:auto;}
.header{text-align:center;height:67px;line-height:55px;color:#FFFFFF; background:url(images/header_bg.png) repeat-x top;}

h1{padding:0px; margin:0px;}
h1 a{color:#FFFFFF; font-size:22px; text-shadow:1px 1px #000; text-decoration:none;}
.header span{color:#FFFFFF; font-size:24px; text-shadow:1px 1px #085C8F; text-decoration:none; padding:0 10px 0 0; font-weight:normal; margin:0px;}
h2{font-family: 'Allerta Stencil', sans-serif; padding:15px 10px 10px 0px; margin:0px;font-size:30px; font-weight:bold; text-decoration:none;color:#ffe;}
h3{font-family: 'Allerta Stencil', sans-serif; padding:15px 10px 10px 0px; margin:0px;font-size:20px; font-weight:normal; text-decoration:none;color:#5e4934;}
h4{padding:20px 10px 10px 0px; margin:0px;font-size:16px; font-weight:bold; text-decoration:none;color:#757575;}
h5{padding:10px 10px 10px 0px; margin:0px;font-size:14px; font-weight:bold; text-decoration:none;color:#5e4934;}
h6{padding:0 10px 5px 0px; margin:0px;font-size:14px; font-weight:bold; text-decoration:none;color:#AFEAFF;}

/*---------------------content style-----------------*/
.content{margin: auto;
    max-width: 1000px;
    padding: 5px 8px 50px;
    width: 80%;}
.corner_wrap{-moz-border-radius:8px; -webkit-border-radius:8px;-khtml-border-radius:8px; background:url(images/box_wrap_bottom.jpg) no-repeat center bottom #FFFFFF; width:465px; text-align:left; margin:0px;}
.shadow_wrap{ width:465px; margin:auto; background:url(images/box_wrap_shadow.png) no-repeat center top; height:6px;}
.date{width:68px; height:45px;float:left; margin:12px 12px 10px 10px;}
span.day{ font-size:36px;color:#7b7b7b; width:43px; text-align:center; float:left; font-weight:bold; line-height:30px;}
span.year{ font-size:14px; font-weight:bold;color:#c6c6c6; width:43px; text-align:center; float:left; line-height:14px;}
span.month{ width:24px; height:43px; float:right;}
.corner_wrap h2{ padding:17px 15px 15px 0px; margin:0px;font-size:14px; font-weight:bold; text-decoration:none;color:#5e4934;}
.corner_wrap h2 a{ font-size:14px; font-weight:bold; text-decoration:none;color:#5e4934;}
.corner_wrap h2 a:hover, .corner_wrap h2 a:focus{ color:#0B77BD;}
.entry{clear:both;padding:0 10px 20px 10px;}
.entry img{max-width: 125px; float:left; margin:5px;}images
.entry ul{padding:0px 0 10px 10px; margin:0px; list-style:none;}
.entry ul li{padding:2px 0 2px 16px; margin:0px; background:url(images/bullet.gif) no-repeat left;}
img.photo{margin:5px 0 0 10px;border:2px #ddd solid;}
a.button{width:465px;-moz-border-radius:8px;-webkit-border-radius:8px;-khtml-border-radius:8px;background:url(images/box_top_bg.jpg) no-repeat center top #3F3F3F;margin:15px 0 10px 0;color:#FFFFFF;
display:block; text-align:center; padding:12px 0 12px 0; font-size:18px; font-weight:normal;text-shadow:1px 1px #000;}
.post_details a{ font-weight:bold;color:#FFFFFF; font-size:14px;}
.comment{padding:0 10px 20px 10px;}
.comment span a{ display:block; font-style:normal; text-decoration:underline; color:#0B77BD;}
.services_content{-moz-border-radius:8px;-webkit-border-radius:8px;-khtml-border-radius:8px;background-color:#292D2F;margin:0px;color:#FFFFFF; padding:15px 10px 15px 10px; margin:0 0 10px 0;}
.services_content a{color:#AFEAFF; text-decoration:underline;}
.contact_info{ padding:10px 0 15px 0;}
/*-------------------------sliding from top boxes---------------------------------*/
.box{position:absolute;top:-400px;width:465px;color:#7F7F7F;margin:auto;padding:0px;z-index:999999;text-align:center;}
.box_content_center{background-color:#3F3F3F;margin:0 8px 0 8px;color:#FFFFFF;
-moz-border-radius-bottomleft:8px;-webkit-border-bottom-left-radius:8px;-khtml-border-bottom-left-radius:8px;
-moz-border-radius-bottomright:8px;-webkit-border-bottom-right-radius:8px;-khtml-border-bottom-right-radius:8px;
}
.box_content_tab{background-color:#171717;margin:0 8px 0 8px;color:#FFFFFF; text-align:center;
-moz-border-radius-topleft:8px;-webkit-border-top-left-radius:8px;-khtml-border-top-left-radius:8px;
-moz-border-radius-topright:8px;-webkit-border-top-right-radius:8px;-khtml-border-top-right-radius:8px;
border-bottom:1px #595959 solid; padding:12px 0 12px 0; font-size:18px;
}
a.boxclose{cursor:pointer;color:#FFFFFF; width:67px; height:43px;background:url(images/close_bt.png) no-repeat center; line-height:43px; font-size:14px; font-weight:bold; margin:20px 0px 20px 0; text-align:center;
display:block; float:right;text-shadow:1px 1px #085C8F;}
a.boxclose_right{cursor:pointer;color:#FFFFFF; width:67px; height:43px;background:url(images/close_bt.png) no-repeat center; line-height:43px; font-size:14px; font-weight:bold; margin:20px 25px 20px 0; text-align:center;
display:block; float:right;text-shadow:1px 1px #085C8F;}
.form_content{padding:20px 15px 10px 15px; text-align:left;}
.form_content label{ font-size:16px; font-weight:bold;line-height:28px;}
input.form_input{width:465px;-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px; background-color:#c8e2f1; height:30px; border:1px #08628F solid; color:#000000;}
input.form_input_box{width:465px;-moz-border-radius:8px;-webkit-border-radius:8px;-khtml-border-radius:8px; background-color:#6F6F6F; height:32px; border:1px #808080 solid; color:#fff;}
textarea.form_textarea{width:465px;-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px; background-color:#c8e2f1; height:80px; border:1px #08628F solid; color:#000000;}
input.form_submit{cursor:pointer;color:#FFFFFF; width:67px; height:43px;background:url(images/left_bt.png) no-repeat center; border:none; line-height:43px; font-size:14px; font-weight:bold; margin:20px 15px 20px 0;display:block; float:right;text-shadow:1px 1px #085C8F; font-family:Arial, Helvetica, sans-serif;}
input.form_submit_right{cursor:pointer;color:#FFFFFF; width:67px; height:43px;background:url(images/left_bt.png) no-repeat center; border:none; line-height:43px; font-size:14px; font-weight:bold; margin:20px 0px 20px 0;display:block; float:right;text-shadow:1px 1px #085C8F; font-family:Arial, Helvetica, sans-serif;}
.box_content h3{font-size:22px; font-weight:normal; padding:15px 0 10px 0; margin:0px;color:#FFFFFF;text-shadow:1px 1px #085C8F;}
label.error { color: red; float:right;}
/*-----------categories toggle-------------------*/
.toggle_wrap{width:100%;-moz-border-radius:8px;-webkit-border-radius:8px;-khtml-border-radius:8px;background:none;margin:0px 0 0 0;color:#fff;}
.trigger{font-family: 'Allerta Stencil', sans-serif; padding:6px 0 6px 10px;margin:0;background:url(#) no-repeat left;background-position:7px 7px;width:100px;}
.trigger a{
	font-family: font-family: 'Allerta Stencil', sans-serif;
	color: #FFF;
	text-decoration: none;
	display: block;
	padding:6px 0 6px 50px;
	font-size:22px;
}
.active {background:url(images/beh-up.png) no-repeat left;background-position:7px 7px;}
.trigger a:hover, .trigger a:hover:focus{
	color:#CCC;
}
.toggle_container{overflow: hidden;padding:10px;clear: both;background-image:none;background-repeat:no-repeat;background-color:none;}
.toggle_container ul{ padding:0; margin:0px; list-style:none;}
.toggle_container ul li{
	padding:20px 0 40px 0;
	margin:0px 0 5px 0;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	/*background-color:#000;*/
	text-align:center;
}
.toggle_container ul li a{ text-decoration:none; color:#FFFFFF; font-size:14px; font-weight:bold; padding:0 0 0 10px;}
.toggle_container ul li a:hover, .toggle_container ul li a:focus{color:#c7edff;}


/* 
All of the queries are optimal on Apple iOS devices. These media queries include:
1. Smaller than 960: Smaller than the standard base grid
2. Tablet Portrait: Between 768px and 959px
3. All Mobile Sizes: Less than 767px
4. Just Mobile Landscape: Between 480px and 767px
5. Just Mobile Portrait: Less than 479px
*/

/* #Media Queries
================================================== */

  /* Smaller than standard 960 (devices and browsers) */
  @media only screen and (max-width: 959px) {}

  /* Tablet Portrait size to standard 960 (devices and browsers) */
  @media only screen and (min-width: 768px) and (max-width: 959px) {}

  /* All Mobile Sizes (devices and browser) */
  @media only screen and (max-width: 767px) { .product{width:100%;}
  .trigger{width:100%; background:url(images/aen-up.png) no-repeat left;background-position:-10px 0px ;}
  .toggle_wrap{background: -moz-linear-gradient(left center , ##921211 0%, ##921211 25%, #000000) repeat scroll 53px 20px transparent;}}

  /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
  @media only screen and (min-width: 480px) and (max-width: 767px) {}

  /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
  @media only screen and (max-width: 479px) {}