html {
overflow-y: scroll;
}

body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#000;
}

img {
border:0;
}

h1 {
padding:0;
margin:0;
}

.mainmenubox {
z-index:999;
	position:absolute;
	left:12px;
	top:90px;
width:180px;
height:200px;
}
.titlebox {
	position:absolute;
	left:12px;
	top:20px;
	z-index:1000;
        padding: 5px 8px 5px 8px;
	display:inline-block;
	background-color:#fff;
	filter:alpha(opacity=85);
	-moz-opacity:0.85;
	-khtml-opacity: 0.85;
	opacity: 0.85;
}
.titleboxbrown {
	position:absolute;
	left:12px;
	top:20px;
z-index:1000;
        padding: 5px 8px 5px 8px;
	display:inline-block;
	background-color:#80603e;
	filter:alpha(opacity=85);
	-moz-opacity:0.85;
	-khtml-opacity: 0.85;
	opacity: 0.85;
}
.creditbox {
	position:fixed;
	bottom:130px;
	right:24px;
z-index:1000;
}

.contentbox {
  width: 800px;
  margin: 160px auto 30px auto;
  position: relative;
  padding: 0;
}

.profilecontentsbox {
padding: 10px;
  background: white;
  background: rgba(255, 255, 255, 0.90);
}

.upcomingeventsbox {
margin: 30px 0 0 0;
padding: 10px;
  background: white;
  background: rgba(255, 255, 255, 0.90);
}

.logobox {
position:fixed;
bottom:30px;
right:24px;
z-index:1000;
}

/*------------------------------------*\
	BROWN SOUND ARROW 
\*------------------------------------*/

.navtest {
  display: block;
margin-left:404px;
  -webkit-transition: padding 0.2s ease-out;
  -moz-transition: padding 0.2s ease-out;
  -ms-transition: padding 0.2s ease-out;
  -o-transition: padding 0.2s ease-out;
  transition: padding 0.2s ease-out;
}
.navtest:hover {
position:relative;
  left: -10px;
}



/*------------------------------------*\
	MAINPAGE DROPDOWN MENU 
\*------------------------------------*/

#nav{
list-style:none;
font-weight:bold;
margin-bottom:10px;
/* Clear floats */
float:right;
width:100%;
z-index:5;
position:relative;

}
#nav li{
float:left;
margin:0;
position:relative;
filter:alpha(opacity=85);
-moz-opacity:0.85;
-khtml-opacity: 0.85;
opacity: 0.85;
}
#nav a{
display:block;
padding:0px;
color:#000;
text-decoration:none;
}

#nav a:hover{
color:#000;
text-decoration:none;
}

#nav ul{
background:#fff; /* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */
background:rgba(255,255,255,0);/* But! Let's make the background fully transparent where we can, we don't actually want to see it if we can help it... */
list-style:none;
position:absolute;
left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
}
#nav ul li{
padding-top:10px; 
/* Introducing a padding between the li and the a give the illusion spaced items */
float:none;

}
#nav ul a{
white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
}
#nav li:hover ul{ /* Display the dropdown on hover */
left:-40px; /* Bring back on-screen when needed */
}
#nav li:hover a{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
background:none;
text-decoration:none;
transition: background .1s ease-in-out;
-moz-transition: background .1s ease-in-out;
-webkit-transition: background .1s ease-in-out;
}
#nav li:hover ul a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
font-size:13px;
text-decoration:none;
background-color:#FFFFFF;
padding:5px;
}
#nav li:hover ul li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */
background:#80603e;
transition: background .1s ease-in-out;
-moz-transition: background .1s ease-in-out;
-webkit-transition: background .1s ease-in-out;
}


/*------------------------------------*\
	SUBPAGE DROPDOWN MENU 
\*------------------------------------*/
#navbrown {
list-style:none;
font-weight:bold;
margin-bottom:10px;
/* Clear floats */
float:right;
width:100%;
position:relative;
z-index:5;

}
#navbrown li{
float:left;
margin-right:0;
position:relative;
filter:alpha(opacity=85);
-moz-opacity:0.85;
-khtml-opacity: 0.85;
opacity: 0.85;
}
#navbrown a{
display:block;
padding:0px;
color:000;
text-decoration:none;
}
#navbrown a:hover{
color:#000;
text-decoration:none;
}

#navbrown a{
display:block;
padding:0px;
color:fff;
text-decoration:none;
}
#navbrown a:hover{
color:#fff;
text-decoration:underline;
}


/*--- BROWN DROPDOWN ---*/
#navbrown ul{
background:#fff; /* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */
background:rgba(255,255,255,0); /* But! Let's make the background fully transparent where we can, we don't actually want to see it if we can help it... */
list-style:none;
position:absolute;
left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
}
#navbrown ul li{
padding-top:10px; /* Introducing a padding between the li and the a give the illusion spaced items */
float:none;
}
#navbrown ul a{
white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
}
#navbrown li:hover ul{ /* Display the dropdown on hover */
left:-40px; /* Bring back on-screen when needed */
}
#navbrown li:hover a{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
background:none;
text-decoration:underline;
transition: background .1s ease-in-out;
-moz-transition: background .1s ease-in-out;
-webkit-transition: background .1s ease-in-out;
}
#navbrown li:hover ul a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
font-size:13px;
text-decoration:none;
background-color:#80603e;
padding:5px;
}
#navbrown li:hover ul li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */
background:#000;
transition: background .1s ease-in-out;
-moz-transition: background .1s ease-in-out;
-webkit-transition: background .1s ease-in-out;
}

/*-------------CONTACT PANEL---------------------------------*/
.panel {
z-index:1000;
position: absolute;
top: 20px;
right: 120px;
display: none;
width:auto;
height:auto;
background: #80603e;
-moz-border-radius:50px;
-webkit-border-radius:50px;
border-radius:50px;
padding:0;
margin:0;
filter:alpha(opacity=85);
-moz-opacity:0.85;
-khtml-opacity: 0.85;
opacity: 0.85;
}
.panelcontents {
width:300px;
height:auto;
margin:10px 5px 25px 32px;
}

.panel a, .panel a:visited{
padding: 0;
color: #fff;
text-decoration: none;
}

.panel a:hover, .panel a:visited:hover{
padding: 0;
color: #9FC54E;
text-decoration: none;
}

a.trigger{
z-index:1000;
position: absolute;
font: 10px 'KnowYourProductRegular', Arial, sans-serif;
text-decoration: none;
color:#000;
top: 20px; 
right: 12px;
background-color:#FFF;
padding: 5px;
border:none;
display: block;
filter:alpha(opacity=85);
-moz-opacity:0.85;
-khtml-opacity: 0.85;
opacity: 0.85;
transition: background .25s ease-in-out;
-moz-transition: background .25s ease-in-out;
-webkit-transition: background .25s ease-in-out;
}

a.trigger:hover{
position: absolute;
text-decoration: none;
color:#000;
background-color: #80603e;
top: 20px; 
right: 12px;
padding: 5px;
border:none;
display: block;
}

a.active.trigger {
filter:alpha(opacity=85);
-moz-opacity:0.85;
-khtml-opacity: 0.85;
opacity: 0.85;
}

a.triggerbrown{
position: absolute;
font: 10px 'KnowYourProductRegular', Arial, sans-serif;
text-decoration: none;
color:#fff;
top: 20px; 
right: 12px;
background-color: #80603e;
padding: 5px;
border:none;
display: block;
filter:alpha(opacity=85);
-moz-opacity:0.85;
-khtml-opacity: 0.85;
opacity: 0.85;
transition: background .25s ease-in-out;
-moz-transition: background .25s ease-in-out;
-webkit-transition: background .25s ease-in-out;
}

a.triggerbrown:hover{
position: absolute;
text-decoration: none;
color:#fff;
background-color: #000;
top: 20px; 
right: 12px;
padding: 5px;
border:none;
display: block;
}

a.active.triggerbrown {
filter:alpha(opacity=85);
-moz-opacity:0.85;
-khtml-opacity: 0.85;
opacity: 0.85;
}
/*-------------THUMB BOXES ROLLOVER---------------------------------*/

.thumbcontain2 {
margin:0 20px 20px 0;
width:110px;
height:110px;
overflow:hidden;
border:1px solid #666;
}

.thumbcontain {
position:absolute;
width:110px;
height:110px;
overflow:hidden;
border:1px solid #666;
}

.thumbpic {
position:relative;
width: 110px; 
height: 110px; 
padding:2px;
}
.thumbpic:hover { 
cursor: pointer; 
}
.thumbtextlayer	{ 
display: none; 
background-color: #fff; 
color: #000; 
text-decoration:none;
position: absolute; 
left: 0px; 
top: 0px;
margin:0;
padding:0px; 
width: 110px; 
height: 110px;
}

.subpagearrow {
  display: block;
  padding: 20px 10px;
  width: 70px;
  -webkit-transition: padding 0.2s ease-out;
  -moz-transition: padding 0.2s ease-out;
  -ms-transition: padding 0.2s ease-out;
  -o-transition: padding 0.2s ease-out;
  transition: padding 0.2s ease-out;
}
.subpagearrow:hover {
  padding-left: 0px;
}

/*-------------SUBPAGE ROLLOVER---------------------------------*/
:focus {outline: 0;}

#thumb_holder {list-style:none; padding:0; margin:0;}
#thumb_holder li {width:50%; display:inline;  margin: 0 0 10px 0;}
 
#large_image_holder{width:450px; display:inline; margin:0;}
#large_images{
	list-style:none;
	width:450px;
	float:left;
	display:inline;
	position:relative;
	z-index:10;
	padding:0;
	margin-top:50px;
	height:auto;
	
}
#large_images li{
	position:absolute; 
	z-index:11; 
	margin:0 0 0 0;
}

.hide{display:none;}

img.opacity {
	opacity: 0;
	filter: alpha(opacity=0);
 	-webkit-transition: opacity .25s linear;
	}	
 
img.opacity:hover {
	opacity: 1;
	filter: alpha(opacity=100);
 	-webkit-transition: opacity .25s linear;
	}

/* ----------TEXT STYLES-------------- *\

td .white {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFF;
}



/*------------------------------------*\
	NEW CONTACT PANEL 
\*------------------------------------*/

.slidingDiv {
width:auto;
height:auto;
background-color: #99CCFF;
position:absolute;
top:20px;
right:120px;
padding:0;
margin:0;
z-index:1000;
background: #80603e;
-moz-border-radius:50px;
-webkit-border-radius:50px;
border-radius:50px;
filter:alpha(opacity=85);
-moz-opacity:0.85;
-khtml-opacity: 0.85;
opacity: 0.85;
}

span.show_hide {
text-decoration: none;
}

.show_hide2 {
margin:0;
border: none;
background-color: transparent;
padding: 0;
text-decoration: none;
color: #fff;  
overflow:visible; 
font-size:1em;
cursor:pointer;
}

div.show_hide_box {
z-index:1000;
position: absolute;
font: 10px 'KnowYourProductRegular', Arial, sans-serif;
color:#000;
top: 20px; 
right: 12px;
background-color:#FFF;
padding: 5px;
border:none;
display: block;
filter:alpha(opacity=85);
-moz-opacity:0.85;
-khtml-opacity: 0.85;
opacity: 0.85;
transition: background .25s ease-in-out;
-moz-transition: background .25s ease-in-out;
-webkit-transition: background .25s ease-in-out;
}

div.show_hide_box:hover{
position: absolute;
text-decoration: none;
color:#000;
background-color: #80603e;
top: 20px; 
right: 12px;
padding: 5px;
border:none;
display: block;
cursor:pointer;
}

div.show_hide_boxsub {
z-index:1000;
position: absolute;
font: 10px 'KnowYourProductRegular', Arial, sans-serif;
color:#fff;
top: 20px; 
right: 12px;
background-color:#80603e;
padding: 5px;
border:none;
display: block;
filter:alpha(opacity=85);
-moz-opacity:0.85;
-khtml-opacity: 0.85;
opacity: 0.85;
transition: background .25s ease-in-out;
-moz-transition: background .25s ease-in-out;
-webkit-transition: background .25s ease-in-out;
}

div.show_hide_boxsub:hover{
position: absolute;
text-decoration: none;
color:#fff;
background-color: #000;
top: 20px; 
right: 12px;
padding: 5px;
border:none;
display: block;
cursor:pointer;
}

.contactframe {
width:300px;
height:240px;
}
/* Stylesheet: general Modified On 2014-11-04 11:37:30 */