@charset utf-8;
/*--
	Theme Name: theme1715
	Theme URI: http://template-help.com/
	Description: A theme for Wordpress 3.4.1 + from Template-Help.com Collection
	Author: Template_Help.com 
	Author URL: http://www.Template-Help.com/ 
--*/
/* Add Google WebFonts */
@import url(http://fonts.googleapis.com/css?family=Open+Sans);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:700);
/* Navigations
---------------------------------------- */
/* Primary navigation */
nav.primary {
  position: relative;
  z-index: 2;
}
/* Essential styles for dropdown menu */
.sf-menu,
.sf-menu * {
  margin: 0;
  padding: 0;
  list-style: none;
}
.sf-menu {
  line-height: 1.0;
}
.sf-menu ul {
  position: absolute;
  top: -999em;
  width: 240px;
  border-radius: 0 0 3px 3px;
  filter: none;
  margin-left: -1px;
}
.sf-menu ul ul {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  margin-left: 1px;
}
.sf-menu ul li {
  width: 100%;
}
.sf-menu li:hover {
  visibility: inherit;
  /* fixes IE7 'sticky bug' */

}
.sf-menu li {
  float: left;
  margin-right: 1px;
  position: relative;
}
.sf-menu a {
  display: block;
  position: relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
  left: 0;
  top: 100%;
  z-index: 99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
  top: -999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
  left: 100%;
  top: 0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
  top: -999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
  left: 10em;
  top: 0;
}
/* Our skin for dropdown menu */
.sf-menu {
  margin-top: 0px;
  margin-left:0px;
  float: right;
  /*-webkit-border-top-right-radius: 6px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 6px;
  -moz-border-radius-topright: 6px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 6px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  */
  position: relative;
}

.sf-menu > li > a {
  padding: 40px 13px;
  text-decoration: none;
  font-size: 14px;
  font-weight:500;
  line-height: 20px;
  text-transform: capitalize;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.sf-menu > li > a { 
padding: 40px 13px;
} 
.smaller .sf-menu > li > a { 
padding: 19px 15px;
} 

.sf-menu li li:first-child {
  border: none;
}
.sf-menu li li a {
  line-height: 35px;
  text-decoration: none;
  padding-left: 18px;
  font-size: 13px;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
/*** arrows **/
.sf-menu a.sf-with-ul {
  padding-right: 20px;
  min-width: 1px;
}
.sf-sub-indicator {
  position: absolute;
  display: block;
  right: .75em;
  top: 1.05em;
  /* IE6 only */

  width: 10px;
  height: 10px;
  text-indent: -999em;
  overflow: hidden;
  background: url(images/arrows-ffffff.png) no-repeat -10px -100px;
  /* 8-bit indexed alpha png. IE6 gets solid image only */

}
a > .sf-sub-indicator {
  /* give all except IE6 the correct values */

  top: 23px;
  background-position: 0 -75px;
  /* use translucent arrow for modern browsers*/

}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
  background-position: -10px -75px;
  /* arrow hovers for modern browsers*/

}
/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator {
  background-position: -10px 0;
}
.sf-menu ul a > .sf-sub-indicator {
  background-position: 0 0;
}
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
  background-position: -10px 0;
  /* arrow hovers for modern browsers*/

}
/*** shadows for all but IE6 ***/
.sf-shadow ul {
  background: url(images/shadow.png) no-repeat bottom right;
  padding: 0 8px 9px 0;
  -moz-border-radius-bottomleft: 17px;
  -moz-border-radius-topright: 17px;
  -webkit-border-top-right-radius: 17px;
  -webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
  background: transparent;
}

.last {
  margin-right: 0 !important;
  clear: right;
}
.fleft {
  float: left;
}
.clear {
  clear: both;
}
.wrapper {
  width: 100%;
  overflow: hidden;
}
.extra-wrap {
  overflow: hidden;
}


/* Header */
#header {color: #fff;}


/* Primary navigation */
.sf-menu {
	/*background: #ffffff;
	background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #f2f2f2), color-stop(1, #ffffff));
	background: -ms-linear-gradient(bottom, #f2f2f2, #ffffff);
	background: -moz-linear-gradient(center bottom, #f2f2f2 0%, #ffffff 100%);
*/}
.sf-menu ul {
	background: #fff url(images/submenu-tail.png) repeat-x 0 0;
	margin-left:0px;
}
.sf-menu ul ul {
	background: #fff;
}
.sf-menu > li > a {
	color: #333333;
}
/*.sf-menu > li {background: url(images/menu-spacer.png) 100% 0 repeat-y;}*/
.sf-menu > li.sfHover > a,
.sf-menu > li > a:hover,
.sf-menu > li.current-menu-item > a {
    color: #d8a52d;
    /* background: #EAEAEA; */
    /* background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #EAEAEA), color-stop(1, #E4E4E4)); 
    background: -ms-linear-gradient(bottom, #EAEAEA, #E4E4E4);
    background: -moz-linear-gradient(center bottom, #EAEAEA 0%, #E4E4E4 100%);*/
    border-bottom: #d8a52d 2px solid;
}
.sf-menu > li.sfHover > a,
.sf-menu > li.menu-item-has-children > a:hover,
.sf-menu > li.current-menu-ancestor > a
 {
	color: #d8a52d;
	border-bottom: #d8a52d 2px solid;
}

.sf-menu li li {
	border-top: 1px #CCCCCC solid;
}
.sf-menu li li a {
	color: #252526; 
	background: url(images/marker-1.png) 215px 15px no-repeat;
}
.sf-menu li li.sfHover > a,
.sf-menu li li > a:hover,
.sf-menu li li.current-menu-item > a {
	color: #d8a52d;
	margin-left:10px;
	/*background-color:#F3F3F3;*/
}