@charset "UTF-8";
* { 
     margin:0; 
     padding:0; 
     border: 0;
     outline: 0;
     font-size: 100%;
}
body {
    /* font-size: 100% !important;*/
	font-size: 14px !important;
	width: 100% !important;
}
/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
     background-color:    transparent; /* make transparent so it floats on white banner */
     list-style:          none;
     text-align:          center;
     padding:             0;
     margin:              0;
}
.sf-menu {  /* area around menu bar */
     background-color:    transparent; /* make transparent so it floats on white banner */
     padding-top:         0px; /* moves position of menu bar without moving borders */
     margin-top:          15px; /* moves position of menu bar with borders */
     color:               #333333  !important;       
	font-family:         "Century Gothic", Arial, clean !important;
	font-size:           14px !important;
     font-weight:         bold  !important;
     float:               left  !important;
     width:               960px;
     line-height:	      1.0;
     height:              40px; /* determines height of borders */  
}
ul.sf-menu.sf-js-enabled {
     margin-left:         0px;  /* removes space on left of blog category buttons */
}
#hp_menu_header .content ul.sf-menu.sf-js-enabled {
     margin-left:         304px;  /* creates space between logo and menu items */
}
.sf-menu ul {
     background-color:    transparent; /* make transparent so it floats on white banner */
     position:            absolute;
     top:                 -999em;
     text-align:          center;
     padding:             15px 0 0 0 !important;
     margin:              0;
     width:			 100px; /* left offset of submenus need to match (see below) */

}
.sf-menu ul li {
     background-color:    transparent; /* make transparent so it floats on white banner */
     width:               100%;  /* width of menu item */
     margin:              0px;     /* position of submenu in relation to parent menu */
     text-align:          center;
}
.sf-menu li:hover {
     color:               #A9BCF5 !important; 
     visibility:          inherit; /* fixes IE7 'sticky bug' */
}

.sf-menu li { /* top level (menu bar that is always visible) */
     background-color:    transparent; /* make transparent so it floats on white banner */
     color:               #333333;       /* christian oth grey*/
	font:                14px /*"Trajan Pro","Avant Garde", */"Century Gothic", Arial, clean;
     font-weight:         bold;
     position:            relative;
     text-align:          center;
     float:               left;
}
.sf-menu li a.current {
     color:               #A9BCF5 !important; 
}
.sf-menu a {
     background-color:    transparent; /* make transparent so it floats on white banner */
     display:             block;
     position:            relative;
     text-align:          left;
}
.sf-menu li,
.sf-menu li a {
     background-color:    transparent; /* make transparent so it floats on white banner */ 
}

/* top level menu items */
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
     left:                0;
     top:                 30px !important; /* height position of sub-menu item in relation to main menu position */
     width:               180%; /* width of 2nd level menu item background - 'engagements' and 'prints and gifts' is too long for 100%*/
     color:               #A9BCF5 !important;
}

/* 2nd level menu items */
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
     top:                 -999em;
     color:               #A9BCF5 !important;
}

/* 3rd level menu items */
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
     left:                100px; /* match ul width */
     top:                 0;
     color:               #A9BCF5;
}

/* 4th level menu items */
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
     top:                 -999em;
     color:               #A9BCF5;
}

/* 5th level menu items */
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
     left:                100px; /* match ul width */
     top:                 0;
     color:               #A9BCF5;
}
/**********************************/
/*** DEMO SKIN (customize here) ***/
/**********************************/
.sf-menu li li, .sf_menu li ul, /* 2nd level */
.sf-menu li li li { /* 3rd level */
     
     background-image:url('http://www.herringtonphotography.com/img/HP menu background.png');
     background-repeat:repeat-x;
     color:               #333333 ;       /* christian oth grey*/
     font:                14px /*"Trajan Pro","Avant Garde", */"Century Gothic", Arial, clean;
     font-weight: normal;/*         bold;*/

/*     background-color:    #A9BCF5;    */
  /*   opacity:             0.8;         /* In Firefox (opacity:x) x can be a value from 0.0 - 1.0. A lower value makes the element more transparent. */
     
     /****** this line causes drop-down menus to not show in IE ************/
 /*    filter:alpha(opacity = 70);  /* In IE (filter:alpha(opacity=x)) x can be a value from 0 - 100. A lower value makes the element more transparent.*/

}
.sf-menu  a, 
.sf-menu li:link, 
.sf-menu  a:link { /* main menu colors and fonts */
     background-color:    transparent; /* make transparent so it floats on white banner */
     color:               #333333 !important;       /* christian oth grey*/
	 font:                14px /*"Trajan Pro","Avant Garde", */"Century Gothic", Arial, clean;
     font-weight: normal;/*         bold;*/
     padding:             6px 18px;    /* how big the hyperlink area is around the text */
}
.sf-menu li:visited, 
.sf-menu  a:visited {
     background-color:    transparent; /* make transparent so it floats on white banner */
     color:               #333333 ;       /* christian oth grey*/
}
.sf-menu  a:focus, 
.sf-menu  a:active,
.sf-menu  a:hover, 
.sf-menu  a.sfHover,
.sf-menu li:hover,
.sf-menu li.sfHover {
     /* selected menu colors and fonts */
     background-color:    transparent;    
     color:               white !important; 
/*     
     background-image:url('http://www.herringtonphotography.com/img/HP menu background.png');
     background-repeat:repeat-x;
*/

/*   opacity:             0.8;         /* In Firefox (opacity:x) x can be a value from 0.0 - 1.0. A lower value makes the element more transparent. */
/*   filter:     alpha(opacity = 60);  /* In IE (filter:alpha(opacity=x)) x can be a value from 0 - 100. A lower value makes the element more transparent.*/
}
.sf-menu li:active,
.sf-menu a:active { /* visited pseudo selector so IE6 applies text color */
     background-color:    transparent;    
     color:               white; 
/*     
     background-image:url('http://www.herringtonphotography.com/img/HP menu background.png');
     background-repeat:repeat-x;
*/

/*   opacity:             0.8;         /* In Firefox (opacity:x) x can be a value from 0.0 - 1.0. A lower value makes the element more transparent. */
/*   filter:     alpha(opacity = 60);  /* In IE (filter:alpha(opacity=x)) x can be a value from 0 - 100. A lower value makes the element more transparent.*/
}

/*** arrows **/
.sf-menu a.sf-with-ul { /* parent menu item */
     padding-right:       30px; /*2.25em;*/
     min-width:           1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator { /* arrow next to parent menu item */
     position:            absolute;
     display:             block;
     right:               13px; /* moves arrow left and right */
     margin-top:          -3px;  /* moves arrow up and down */
     top:                 1.05em; /* IE6 only */
     width:               10px;
     height:              10px;
     text-indent:         -999em;
     overflow:            hidden;
     background:          url('http://www.herringtonphotography.com/img/arrows-ffffff.png') no-repeat -10px -100px; /* -10px -100px; */ /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
     top:                 .8em;
     background-position: 0 -100px; /* 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 -100px; /* 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('herringtonphotography.com/img/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;
}