@charset "UTF-8";
/* CSS Document */
/* ================================================================ 
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.
=================================================================== */



#main-nav-container {
height: 34px;
position: absolute;
top: 138px;
left: 0;
z-index: 99;
width: 950px;
}

ul#main-nav {
display: block;
margin: 0 0 0 25px;
padding: 0;
height: 34px;
list-style-type: none;
background: transparent url(../images/nav/bg.gif) repeat-x left top;
width: 925px;
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
ul#main-nav li {
display: block;
padding: 0;
margin: 0;
float: left;
position:relative;
}
ul#main-nav li a {
display: block;
margin: 0;
padding: 0;
height: 34px;
background-position: left top;
overflow: hidden;
text-indent: -700px;
}
ul#main-nav li a:hover {
background-position: left bottom;
}
li.services ul {
left: 2px !important;
}

li.services a {
background-image: url(../images/nav/services.gif);
width: 104px;
}
li.portfolio a {
background-image: url(../images/nav/portfolio.gif);
width: 109px;
}
li.about-us a {
background-image: url(../images/nav/about-us.gif);
width: 106px;
}
li.news a {
background-image:url(../images/nav/news.gif);
width: 79px;
}
li.blog a {
background-image: url(../images/nav/blog.gif);
width: 73px;
}
li.contact-us a {
background-image: url(../images/nav/contact-us.gif);
width: 120px;
}
li.home {
float: right !important;
}
li.home a {
background-image: url(../images/nav/home.gif);
width: 88px;
}



/* style the links for the top level */

#main-nav-container ul li a {
/* ul#main-nav a { */
display: block;
height: 22px;
overflow: hidden;
padding: 7px 0 5px 0;
background-color: #27708b;
color: white;
text-decoration: none;
text-align: center;
}



/* hide the sub levels and give them a positon absolute so that they take up no room */
ul#main-nav ul {
visibility:hidden;
position:absolute;
z-index: 999 !important;
top:34px;
left: -10px;
height: auto;
width: 150px;
}
#main-nav-container ul ul a {
text-indent: 0;
}
.first-menu {
}
.last-menu {
margin-bottom: 0 !important;
border-bottom: none !important;
}



/* style the table so that it takes no part in the layout - required for IE to work */
#main-nav-container table {
position: absolute;
top: 0;
left: 0;
border-collapse: collapse;
}


/* style the second level links */
ul#main-nav ul {
padding: 0 10px 15px 10px;
margin: 0;
list-style-type: none;
font-family: "Myriad Pro",Myriad,"Lucida Grande","Lucida Sans","Lucida Sans Unicode","Trebuchet MS","Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 12px;
width: 150px;
}


ul#main-nav ul a {
background-color:#8E2920;
background-image:none !important;
color:white;
display:block;
font-size:13px !important;
height:15px;
border-top: 1px solid #F5F6E8;
border-bottom: 1px solid #F5F6E8;
padding: 8px 0 5px 0;
text-align:center !important;
width:150px;
}


#main-nav-container ul ul a:hover {
background-color: #6d0900 !important;
color: #e79e00 !important;
}



/* make the second level visible when hover on first level list OR link */
#main-nav-container ul li:hover ul,
#main-nav-container ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
#main-nav-container ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
#main-nav-container ul :hover ul :hover ul{ visibility:visible;}