/*
Menu CSS version 1
http://www.tinbotdesignstudio.com
Copyright (c) 2010 Rob Staerck
Date: 26.01.2010
*/

/* colour 1 - #25B6EA */
/* colour 2 - #1aa0e4 */
/* colour 3 - #5cc8ef */
/* colour 4 - #ffffff */

#nav { z-index: 75; left: 0px; position: relative; width: 950px; }
#nav ul { display: block; height: 32px; list-style-type:none; margin:0; padding:0; }
#nav li { border-style: none; margin: 0px; height: 32px; color:#ffffff; font-size: 10px; text-decoration:none; float:left; display:block; }
.nav a { text-align: center; width: 100px; padding-bottom: 0px; padding-top: 10px; color:#ffffff; font-size: 11px; text-decoration:none; float:left; height: 22px; display:block; margin:0; }
.nav a:hover { text-align: center; width: 100px; background-position: center bottom; margin: 0px; background-image: url(nav-hover-bg2.jpg); background-repeat: no-repeat; padding-bottom: 0px; padding-top: 10px; height: 22px; color:#ffffff; font-size: 11px; text-decoration:none; float:left; display:block; }
.drop-menu a { text-align: center; width: 100px; padding-bottom: 0px; padding-top: 10px; color:#ffffff; font-size: 11px; text-decoration:none; float:left; height: 22px; display:block; margin:0; }
.drop-menu a:hover { text-align: center; width: 100px; background-position: center bottom; margin: 0px; background-image: url(services-hover-bg.jpg); background-repeat: no-repeat; padding-bottom: 0px; padding-top: 10px; height: 22px; color:#ffffff; font-size: 11px; text-decoration:none; float:left; display:block; }

#nav2 { margin-left: 1px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px; border-top-width: 0; width: 950px; float: left; border-color:#25B6EA; border-style:solid; }
#nav2 ul { height:28px; list-style-type:none; margin:0; padding:0; }
#nav2 li { border-style: none; height: 28px; color:#ffffff; font-size:12px; text-decoration:none; float:left; display:block; }
.nav2 a { padding-left: 12px; padding-bottom: 0; padding-right: 13px; padding-top: 10px; color:#6D6F71; font-size: 10px; text-decoration:none; float:left; height: 18px; display:block; margin:0; }
.nav2 a:hover { padding-left: 12px; padding-bottom: 0px; padding-right: 13px; padding-top: 10px; height: 18px; color:#ffffff; font-size: 10px; text-decoration:none; float:left; display:block; background-image: none; }

.submenu { background-image: url(sub-nav-bg.jpg); background-position: left top; background-repeat: repeat-x; padding: 0px; margin: 0px; position:absolute; display:none; z-index:100; border-collapse:collapse; }
.active { background-image: url(nav-hover-bg.jpg); background-position: center bottom; background-repeat: no-repeat; }
.active2 { background-image: url(services-hover-bg.jpg); background-position: center bottom; background-repeat: no-repeat; }
.active3 { background-image: url(nav-hover-bg3.gif); background-position: center bottom; background-repeat: no-repeat; }