/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#nav-main {
background:#000000; 
height:32px;
list-style:none; 
margin:0px;
position:relative; 
z-index:100;
width:800px;
}

/* hack to correct IE5.5 faulty box model */
* html #nav-main {
width:801px; 
w\idth:800px;
}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#nav-main li {
float:left;
width:auto;
position:relative;
}

/* style the links for the top level */
#nav-main a, #nav-main a:visited {
border-bottom:none;
border-right:1px dotted #ffffff;
color:#ffffff; 
font-size:1.167em;
 
display:block;
height:15px;
padding:8px 35px 9px 10px;
width:auto;  
}

#nav-main #n_contact {
border-right:none;
}

/* a hack so that IE5.5 faulty box model is corrected */
* html #nav-main a, * html #nav-main a:visited {
width:136px; 
w\idth:125px;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
#nav-main ul {
background:#333333;
position:absolute;
top:32px;
padding:5px 10px 10px;
visibility:hidden;
width:auto;
}

.packages #nav-pack, .portfolio #nav-port {
visibility:visible;
z-index:10;
}

#nav-main ul li {
float:left;
position:relative;
width:auto;
}

/* another hack for IE5.5 */
* html #nav-main ul {
top:28px;
t\op:29px;
}

/* style the table so that it takes no ppart in the layout - required for IE to work */
#nav-main table {
border-collapse:collapse;

left:0px; 
position:absolute;
top:0px; 
}

/* style the second level links */
#nav-main ul a, #nav-main ul a:visited {
border-bottom:1px dotted #939598;
border-right:none;
color:#ffffff; 
font-size:1em;

display:block;
height:12px;
padding:9px 0px 8px 0px;
width:125px;
}

#n_port-website:link, #n_port-website:visited {
border-bottom:none;
}

/* style the top level hover */
#nav-main a:hover,
#nav-main ul a:hover,
#nav-main :hover > a,
#home #n_home,
#about #n_about,
.packages #n_packages.drop,
.portfolio #n_portfolio.drop,
#contact #n_contact {
color:#F15D22; 
}

#nav-main ul :hover > a,
#pack-logo #n_pack-logo,
#pack-brochure #n_pack-brochure,
#pack-web #n_pack-web,
#port-logo #n_port-logo,
#port-brochure #n_port-brochure,
#port-website #n_port-website {
color:#F15D22;
}

/* make the second level visible when hover on first level list OR link */
#nav-main li:hover ul, #nav-main a:hover ul{
visibility:visible;
z-index:20;
}