/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menu/pro_images.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#mainNav {
padding:0; 
margin:0; 
width:535px;
list-style:none; 
z-index: 250;
position:absolute;
left:345px;
top:81px;
}
#mainNav li.top {
display:block; 
float:left;
}
#mainNav li a.top_link {
display:block; 
float:left; 
height:28px; 
line-height:28px; 
color:#000;
text-decoration:none;
font-weight: normal;
font-size:12px; 
padding:0;
cursor:pointer;
text-indent:-9999px;
}
#mainNav li a#home {
width:57px;
background:url(../images/nav/home.gif) no-repeat top left;
}
#mainNav li a#home:hover {
background-position:top right;
}
#mainNav li a#aboutUs {
width:78px;
background:url(../images/nav/about-us.gif) no-repeat top left;
}
#mainNav li a#aboutUs:hover {
background-position: top right;
}
#mainNav li a#portfolio {
width:79px;
background:url(../images/nav/portfolio.gif) no-repeat top left;
}
#mainNav li a#portfolio:hover {
background-position: top right;
}
#mainNav li a#testimonials {
width:100px;
background:url(../images/nav/testimonials.gif) no-repeat top left;
}
#mainNav li a#testimonials:hover {
background-position:top right;
}
#mainNav li a#articleMonth {
width:141px;
background:url(../images/nav/article-month.gif) no-repeat top left;
}
#mainNav li a#articleMonth:hover {
background-position: top right;
}
#mainNav li a#contact {
width:79px;
background:url(../images/nav/contact.gif) no-repeat top left;
}
#mainNav li a#contact:hover {
background-position: top right;
}
#mainNav table {
border-collapse:collapse; 
width:0; 
height:0; 
position:absolute; 
top:0; 
left:0;
z-index: 300;
}
#mainNav a:hover {
visibility:visible; 
position:relative; 
z-index:200;
}
#mainNav li:hover {
position:relative; 
z-index:200;
}
/* keep the 'next' level invisible by placing it off screen. */
#mainNav ul, 
#mainNav :hover ul ul {
position:absolute; 
left:-9999px; 
top:-9999px; 
width:0; 
height:0; 
margin:0; 
padding:0; 
list-style:none;
}
#mainNav :hover ul.sub{
left:1px; 
top:28px;
padding:0 0 0 0; 
white-space:nowrap; 
width:172px; 
height:auto; 
z-index:300;
}
#mainNav :hover ul.sub li {
display:block; 
height:23px; 
position:relative; 
font-weight:normal;
z-index:300;
}
#mainNav :hover ul.sub li a {
display:block; 
height:23px;
line-height:23px;
position:relative; 
z-index:300;
margin:0;
padding:0;
text-indent:-9999px;
}
#mainNav :hover ul.sub li a#bridalPhotos {
background:url(../images/nav/bridal-photos.gif) no-repeat left;
width:118px;
}
#mainNav :hover ul.sub li a#bridalPhotos:hover {
background-position:right;
}
#mainNav :hover ul.sub li a#fashionMakeup {
background:url(../images/nav/fashion-makeup.gif) no-repeat left;
width:118px;
}
#mainNav :hover ul.sub li a#fashionMakeup:hover {
background-position:right;
}

#mainNav :hover ul.sub li a#commercial {
background:url(../images/nav/commercial.gif) no-repeat left;
width:118px;
}
#mainNav :hover ul.sub li a#commercial:hover {
background-position:right;
}


#mainNav :hover ul.sub li a#whoWeAre {
background:url(../images/nav/who-we-are.gif) no-repeat left;
width:121px;
}
#mainNav :hover ul.sub li a#whoWeAre:hover {
background-position:right;
}
#mainNav :hover ul.sub li a#whatWeDo {
background:url(../images/nav/what-we-do.gif) no-repeat left;
width:121px;
}
#mainNav :hover ul.sub li a#whatWeDo:hover {
background-position:right;
}
#mainNav :hover ul.sub li a#servicesAndPricing {
background:url(../images/nav/services-and-pricing.gif) no-repeat left;
width:121px;
}
#mainNav :hover ul.sub li a#servicesAndPricing:hover {
background-position:right;
}