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 */
#slides {
  overflow: hidden;
  width: 100%;
  height: 100%;
}
#slides .slides-container {
  display: none;
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
}
#slides .slides-container li {
  margin: 0;
  padding: 0;
  position: relative;
  background: none;
}
#slides .slides-container li.current {
  display: block;
  z-index: 1;
}
.bgimage {
  -webkit-backface-visibility: hidden;
  -ms-interpolation-mode: bicubic;
  max-width: none;
  min-width: 100%;
  min-height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
#slides .slides-container li .container {
  width: 630px;
  margin: 0 auto 0 auto;
  position: relative;
  top:45%;
  height: 120px;
  padding: 18px;
 background: white;
  background: rgba(255, 255, 255, 0.90);
}
#slides .slides-container li .container2row {
  width: 630px;
  margin: 0 auto 0 auto;
  position: relative;
  top:45%;
  height: 250px;
  padding: 18px;
 background: white;
  background: rgba(255, 255, 255, 0.90);
}
#slides .slides-container li .containerprofile {
  width: 430px;
  margin: 0 auto 0 45%;
  position: relative;
  top: 10%;
  min-height: 100px;
  
}

.slides-navigation {
  width: 85%;
  margin: 0 auto;
  position: relative;
  z-index: 3;
  bottom: -50%;
}
.slides-navigation a {
  position: fixed;
  display: block;
  color: black;
  background:none;
  text-decoration: none;
  padding: 20px 10px;
margin-top:150px;
  width: 70px;
  text-align: center;
  top: 46%;
  -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;
}
.slides-navigation a.prev {
  left: 10px;
  -moz-border-radius-topright: 40px;
  -webkit-border-top-right-radius: 40px;
  -ms-border-top-right-radius: 40px;
  -o-border-top-right-radius: 40px;
  border-top-right-radius: 40px;
  -moz-border-radius-bottomright: 40px;
  -webkit-border-bottom-right-radius: 40px;
  -ms-border-bottom-right-radius: 40px;
  -o-border-bottom-right-radius: 40px;
  border-bottom-right-radius: 40px;
}
.slides-navigation a.prev:hover {
  padding-left: 0px;
}
.slides-navigation a.next {
  right: 10px;
  -moz-border-radius-topleft: 40px;
  -webkit-border-top-left-radius: 40px;
  -ms-border-top-left-radius: 40px;
  -o-border-top-left-radius: 40px;
  border-top-left-radius: 40px;
  -moz-border-radius-bottomleft: 40px;
  -webkit-border-bottom-left-radius: 40px;
  -ms-border-bottom-left-radius: 40px;
  -o-border-bottom-left-radius: 40px;
  border-bottom-left-radius: 40px;
}
.slides-navigation a.next:hover {
  padding-right: 0px;
}

/* Stylesheet: superslides2 Modified On 2014-01-14 13:13:01 */
.wrapper {
	width400px;
	margin:0;
}

.contactForm {
	width:400px;
	padding:0;
	margin:0;
	background:none;
}

.contactForm label {
	height:20px;
	line-height:20px;
}

.contactForm .txtFld {
	width:120px;
	height:15px;
	margin:0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
border:none;
}

.contactForm .txtAra {
	resize: none; 
	width:150px;
	height:70px;
	margin:0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
border:none;
}


.contactForm .submit {
margin:0;
border: none;
background-color: transparent;
padding: 0;
text-decoration: none; /* if desired */
color: #fff;  
overflow:visible; 
font-size:1em;
cursor:pointer;
}


.contactForm .formError {
	height:15px;
	line-height:15px;
	font-size:10px;
	color:#fff;
}


#contact_form_holder { 
font-family: 'Verdana'; width:400px; padding:0px; margin:0px; 
}

#cf_submit_p { 
text-align:right; 
}

.error { 
display:none; padding:5px; color:#D8000C; font-size:12px; background-color:#FFBABA; border:solid 1px #e06d6d; 
}

.success { display:none; padding:5px; color:#044406; font-size:12px; background-color:#B7FBB9; border:solid 1px #65d668; }

#contact_logo { vertical-align:middle; }

.error img { vertical-align:top; }

.contact_name, .contact_email, .contact_subject, .contact_message { font-size:14px; width:388px; max-width:388px; background:none; border:solid 1px #505050; padding:5px; margin:5px 0px; }

#topic { width:100%; font-size:12px; background:none; border:solid 1px #505050; padding:5px; margin:5px 0px; }
.contact_message { height:200px; }
/* Stylesheet: contactform2 Modified On 2014-11-03 16:13:44 */
/*! normalize.css 2012-03-11T12:53 UTC - http://github.com/necolas/normalize.css */

/* =============================================================================
   HTML5 display definitions
   ========================================================================== */

/*
 * Corrects block display not defined in IE6/7/8/9 & FF3
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
    display: block;
}

/*
 * Corrects inline-block display not defined in IE6/7/8/9 & FF3
 */

audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

/*
 * Prevents modern browsers from displaying 'audio' without controls
 * Remove excess height in iOS5 devices
 */

audio:not([controls]) {
    display: none;
    height: 0;
}

/*
 * Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4
 * Known issue: no IE6 support
 */

[hidden] {
    display: none;
}


/* =============================================================================
   Base
   ========================================================================== */

/*
 * 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units
 *    http://clagnut.com/blog/348/#c790
 * 2. Prevents iOS text size adjust after orientation change, without disabling user zoom
 *    www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
 */

html {
    font-size: 100%; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
    -ms-text-size-adjust: 100%; /* 2 */
}

/*
 * Addresses font-family inconsistency between 'textarea' and other form elements.
 */



/*
 * Addresses margins handled incorrectly in IE6/7
 */

body {
    margin: 0;
}


/* =============================================================================
   Links
   ========================================================================== */

/*
 * Addresses outline displayed oddly in Chrome
 */

a:focus {
    outline: none;
}

/*
 * Improves readability when focused and also mouse hovered in all browsers
 * people.opera.com/patrickl/experiments/keyboard/test
 */

a:hover,
a:active {
    outline: 0;
}


/* =============================================================================
   Typography
   ========================================================================== */

/*
 * Addresses font sizes and margins set differently in IE6/7
 * Addresses font sizes within 'section' and 'article' in FF4+, Chrome, S5
 */


h2 {
    font-size: 1.5em;
    margin: 0.83em 0;
}

h3 {
    font-size: 1.17em;
    margin: 1em 0;
}

h4 {
    font-size: 1em;
    margin: 1.33em 0;
}

h5 {
    font-size: 0.83em;
    margin: 1.67em 0;
}

h6 {
    font-size: 0.75em;
    margin: 2.33em 0;
}

/*
 * Addresses styling not present in IE7/8/9, S5, Chrome
 */

abbr[title] {
    border-bottom: 1px dotted;
}

/*
 * Addresses style set to 'bolder' in FF3+, S4/5, Chrome
*/

b,
strong {
    font-weight: bold;
}

blockquote {
    margin: 1em 40px;
}

/*
 * Addresses styling not present in S5, Chrome
 */

dfn {
    font-style: italic;
}

/*
 * Addresses styling not present in IE6/7/8/9
 */

mark {
    background: #ff0;
    color: #000;
}

/*
 * Addresses margins set differently in IE6/7
 */

p,
pre {
    margin: 1em 0;
}

/*
 * Corrects font family set oddly in IE6, S4/5, Chrome
 * en.wikipedia.org/wiki/User:Davidgothberg/Test59
 */

pre,
code,
kbd,
samp {
    font-family: monospace, serif;
    _font-family: 'courier new', monospace;
    font-size: 1em;
}

/*
 * Improves readability of pre-formatted text in all browsers
 */

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

/*
 * 1. Addresses CSS quotes not supported in IE6/7
 * 2. Addresses quote property not supported in S4
 */

/* 1 */

q {
    quotes: none;
}

/* 2 */

q:before,
q:after {
    content: '';
    content: none;
}

small {
    font-size: 75%;
}

/*
 * Prevents sub and sup affecting line-height in all browsers
 * gist.github.com/413930
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}


/* Stylesheet: normalize Modified On 2012-11-08 11:39:32 */