/* ================================================================ 
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.cssmenus.co.uk
Copyright (c) 2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* style the outer div to give it width */
#dropline {padding:0; list-style:none; text-align:center; margin:0 auto; font-size:16px; font-family:helvetica, sans-serif; height:41px; width:990px; position:absolute; left:0; top:28px; margin-left: 130px;}
#dropline ul { padding:0; margin:0 auto; list-style:none; position:absolute; left:-9999px; width:1000px; text-align:center; background:url(trans.gif);}
#dropline table {border-collapse:collapse; font-size:1em; float:left; margin:-1px;}
 
#dropline ul li {display:inline; margin:0; text-align:left;}
#dropline ul li a {display:inline-block; height:50px; line-height:48px; margin:0; padding:0 10px; background:transparent; font-size:11px;}

#dropline li {display:inline; margin:0 -2px; text-align:left;}
#dropline li a {display:inline-block; height:36px; margin:5px 0 0 0;padding:0 45px 0 0;  line-height:30px; text-decoration:none; color:#636363;}
#dropline li a.sub { z-index: 2;}

html>/**/body #dropline li {display:inline-block; padding:0;}

* html #dropline li a {margin-bottom:0px; margin-right:3px;}

#dropline li a b {display:block; height:36px; float:left; padding:0 0 0 25px; background:url(images/back.png) left top; cursor:pointer;}

#dropline li a:hover {background-position:right bottom; color:#123B49;}
#dropline li a:hover b {background-position:left bottom;}

#dropline li:hover > a {background-position:right bottom; color:#123B49;}
#dropline li:hover > a b {background-position:left bottom;}


#dropline :hover ul { margin-top: -5px; z-index:1;  left:0; top:41px;}

#dropline :hover ul li a:hover {   padding-top:5px; color:#123B49;}

#dropline :hover ul.about {background:url(images/about_box_about.gif); background-repeat: no-repeat; background-position: top; margin-top: -10px; z-index:1;  left:0; top:41px;  margin-left: -123px; }
#dropline :hover ul.about li a:hover {  color:#123B49;}

#dropline :hover ul.services {background:url(images/about_box_services.gif); 
background-repeat: no-repeat; background-position: top; margin-top: -10px; z-index:1;  left:0; top:41px;  margin-left: 74px;}
#dropline :hover ul.services li a:hover {  color:#123B49;}

#dropline :hover ul.gallery { background-position: top; margin-top: -10px; z-index:1;  left:0; top:41px; margin-left: 16px;}
#dropline :hover ul.gallery li a:hover {  top: 5px; color:#123B49;}

