/* CSS Document */

#nav
{
margin:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color: #fff;
}


#menu :link, #menu :visited 
{
color: #999;
text-decoration: none;
border-left:1px solid #999;   /* add a 1px white border 
around each list item */ 
padding:0px 6px  0px 6px;
}


#menu ul :link:hover, #menu ul :visited:hover 
{
color: cc0000;

}

/* menu styling */
#menu {
position: relative;
padding: 0;
left: 0;
right: 0;
top:30px;
height: 2.5em;
z-index: 2;

/* decoration */
background: #transparent;
list-style-type:none;
white-space:nowrap;  /* keep text on one line */
margin:0px  0px 0px 185px;
}

/* remove defaults on ul and li */
#menu li { display: inline; }
#menu ul, #menu li { margin: 0; padding: 0; }

/* position these to pop up in the right place */
#menu a, #menu li ul { position: absolute;}

/* top level menu styles */
#menu a {
z-index: 2;

  

}

/* second level menus need to be reset to defaults */
#menu ul a {
  position: static;
  z-index: auto;

  /* undo decoration */
  border: 0;
  font-weight: normal;

}

/* second level menus get positioned below the top level */
#menu li ul {
  display: none;
  top: -1;
  line-height: 5em; /* fudge height for a better look */
  background: #transparent;
/*  border-bottom:solid 1px;*/
/*  border-bottom-color:#333;*/
   margin-left:0px;
   margin-bottom:0px;

}


/* top level menu link gets inverted  */
#menu li:hover a {

  color:#cc0000; 
  background:#000;
}

/* undo second level menu links */
#menu li:hover ul a {
  color: 000;
  background: transparent;
  border: 0;
  padding:0px  0px 0px 7px;
}

/* position top level menu items */
#Portfolio { left: .7em; }
#Pricing { left: 8.5em; }
#Proofing { left:  23.7em; }
#Contact { left:  37.5em; }
#Photographer { left:  44.2em; }

/* second-level menus display on hover */
#menu li:hover ul {
  display: block;
  z-index: 1;

}

/* second-level menu items get displayed linearly */
#menu li:hover ul li {
  display: inline;
  padding: 0px;
  margin-left:8px
  
}

.menu li {
  display:table-cell;      /* ignored by IE */
  }

* html .menu {
  display:inline-block;    /* for IE only */
  width:1px;               /* IE will expand 1px width to fit menu width */
  padding:0 2px;           /* fix bug in IE to get border spacing correct */
  } 

* html .menu li {
  display:inline;          /* for IE only */
  }
  
* html .menu a, * html .menu a:visited {
  display:inline-block;    /* for IE only */ 
  margin:0 -2px;           /* to correct an IE bug that doubles the border width */  
  }