/* Component containers
----------------------------------*/
.ui-widget { font-family: Helvetica, Arial, sans-serif; font-size: 1.1em; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Helvetica, Arial, sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #404040; background: #121212 url('../gfx/ui-bg_gloss-wave_16_121212_500x100.png') 50% top repeat-x; color: #eeeeee; }
.ui-widget-content a { color: #eeeeee; }
.ui-widget-header { border: 1px solid #404040; background: #888888 url('../gfx/ui-bg_highlight-hard_15_888888_1x100.png') 50% 50% repeat-x; color: #ffffff; font-weight: bold; }
.ui-widget-header a { color: #ffffff; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #cccccc; background: #adadad url('../gfx/ui-bg_highlight-soft_35_adadad_1x100.png') 50% 50% repeat-x; font-weight: normal; color: #333333; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #333333; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #dddddd; background: #dddddd url('../gfx/ui-bg_highlight-soft_60_dddddd_1x100.png') 50% 50% repeat-x; font-weight: normal; color: #000000; }
.ui-state-hover a, .ui-state-hover a:hover { color: #000000; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #000000; background: #121212 url('../gfx/ui-bg_inset-soft_15_121212_1x100.png') 50% 50% repeat-x; font-weight: normal; color: #ffffff; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #ffffff; text-decoration: none; }
.ui-widget :active { outline: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #404040; background: #555555 url('../gfx/ui-bg_highlight-hard_55_555555_1x100.png') 50% top repeat-x; color: #cccccc; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #cccccc; }

/* states and gfx */
.ui-icon { width: 16px; height: 16px; background-image: url('../gfx/ui-icons_bbbbbb_256x240.png'); }
.ui-widget-content .ui-icon {background-image: url('../gfx/ui-icons_bbbbbb_256x240.png'); }
.ui-widget-header .ui-icon {background-image: url('../gfx/ui-icons_cccccc_256x240.png'); }
.ui-state-default .ui-icon { background-image: url('../gfx/ui-icons_666666_256x240.png'); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url('../gfx/ui-icons_c98000_256x240.png'); }
.ui-state-active .ui-icon {background-image: url('../gfx/ui-icons_f29a00_256x240.png'); }
.ui-state-highlight .ui-icon {background-image: url('../gfx/ui-icons_aaaaaa_256x240.png');}

/* IE/Win - Fix animation bug - #4615 */
.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em .7em; }



/* DIY Default CSS */

/* WebsPlaet Platform */

.languages {}
.headerimage {}
.slogan {}
.logo {}
.menu {}
.menu_rollover {}
.menu_active {}
.skinBg {}
.skinAlign {}
.footerText {}
.footerLinks {}
.titles {}

.astrix {}
.form_field_text {}
.text_field {}
.text_field_big {}
.buttons {}

.search_button {}
.search_field {}
.search_text {}
.search_result_highlight {}

.login_field {}

/* Modules */

.module-wrapper {}
.module-title {}
.module-content {}

/* Widgets */

.widget-wrapper {}
.widget-title {}
.widget-body {}

/**********************************************************
              imports
**********************************************************/
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700,700italic,600italic,600,400italic,300,300italic);
@import url(http://fonts.googleapis.com/css?family=Bree+Serif);


body { background: #7E7042; color:#E1E1E1; font-family: 'Open Sans','Arial'; font-size: 13px }
body,p {line-height: 22px;}
a, a:visited{color:#3D3529; text-decoration: none;}
a:hover{color:#fff;}

#header { background:#3D3529; }
#header { border-bottom: 1px solid #89855C; }


#logo h2 a { color:#C8B47D; }

.menu li a { color:#fff;-webkit-border-radius: 3px; border-radius: 3px; }
.menu li.current > a,.menu a:hover { background:#7E7042; color:#fff; }
.menu li a:hover { color:#fff; }


#headerimage { border-top: 3px solid #BA960A; }

#main-content h1 { color:#fff; }


#footer { background:#262100; font-style:italic; border-top: 1px solid #454c53; color:#959ca2; }
#footer a { color:#fff; }
#footer a:hover { color:#f1aa10; }

#menu-icon{ background:#828282; }

.menu > li { }
.menu ul { background:#F1AA10; }
.menu li li a{ color:#fff; }
.menu li:hover li a{ }
.menu li li > a:hover,.menu li li.sfHover > a{ background:#7e7042 ; color:#fff; }
.menu ul ul{ background: #261c23; }
.menu ul ul a:hover{ background:#7e7042; color:#fff; }


/* scroll follow */

#plus { 
  -webkit-border-radius: 0px 5px 5px 0px;
  border-radius: 0px 5px 5px 0px; 
}
.plus-toggle { background: #5D6169; color: white; border-left:3px solid #fff; cursor:pointer; }
.plus-after { border-color: #000; }

ul.buttons-nav {
  background: rgb(69,72,77);
  background: -moz-linear-gradient(top,  rgba(69,72,77,1) 0%, rgba(0,0,0,1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(69,72,77,1)), color-stop(100%,rgba(0,0,0,1)));
  background: -webkit-linear-gradient(top,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%);
  background: -o-linear-gradient(top,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%);
  background: -ms-linear-gradient(top,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%);
  background: linear-gradient(to bottom,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 );
}

ul.buttons-nav li { border-radius:8px; }
ul.buttons-nav li:hover { background:#252423 }
ul.buttons-nav li.seperator { background:#201F1D; border-right:1px solid #3B3A3A; }

.mobile-action-btn a { background:url('../gfx/mobile.png') no-repeat center center; }
.map-action-btn a { background:url('../gfx/location.png') no-repeat center center; }
.email-action-btn a { background:url('../gfx/contact.png') no-repeat center center; }

.mobile-action-btn a, .map-action-btn a, .email-action-btn a { display: block; height: 37px; }

/*----------------- end plus  ----------------*/


/*---------------mobile google map default theme css----------------*/
.widget-button{
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  background:#3D3529;
  color:#FFA31B;
}
.widget-button:hover{
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  background:#8E0017; color:#fff;
}
.widget-popup-control-bar #close_map{
  background:#3D3529;
  color:#FFA31B;
}
.widget-popup-control-bar #close_map:hover{
  background:#8E0017; color:#fff;
}

/*---------------end mobile google map default theme css----------------*/

.recaptchatable #recaptcha_response_field {
  background-color:#fff!important;
}


ul#nav li ul { /* second-level lists */
  background-color: rgb(193, 193, 193);
  background-color: rgba(193, 193, 193, 0.85);
  border-bottom: 4px solid #BA960A;
}
ul#nav li ul li a:hover, ul#nav li ul li a, ul#nav li ul li:hover, ul#nav li ul li {
  color: #ffffff !important;
}



@media only screen and (max-width: 767px) {

  #menu-icon span{ background: url('../gfx/menu-icon.png') no-repeat 0 0;}
  .menu{ box-shadow:0px 1px 5px #33242f; -moz-box-shadow:0px 1px 5px #33242f; -webkit-box-shadow:0px 1px 5px #33242f;}
  .menu > li {text-shadow:none; background:none;border-left: none}
  .menu > li > a {color:#fff;p}
  .menu > li.sfHover > a, .menu > li > a:hover, .menu > li.current > a {}
  .menu ul { background:#261c23;}
  ul#nav li ul { background: none; border-bottom: 0px; }
  .menu li li a:hover, .menu li li.sfHover > a{ }
  .menu li > a:hover,.menu li.sfHover > a{ background:#8E0017; color:#fff; }
  .menu ul ul {background:none; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none;}
  .menu ul ul li a{background:none;}
  .menu ul ul li a:hover{color:#a64b5a;}
  
}