@charset "utf-8";
/* CSS Document */

/* navigation Styles */

#navigation { padding-bottom: 45px; }

/* Style the menu and position list items */
ul.navigation { position: relative; clear: both; }
ul.navigation li { float: left; list-style: none; }

	ul.navigation li a { display: block; outline: none; width: 100px; height: 46px; background: url(../images/navigation-bar.png) no-repeat 0 0; text-indent: -9009px; margin: 0; }
		ul.navigation li.home-current a { display: block; outline: none; width: 100px; height: 46px; background: url(../images/navigation-bar.png) no-repeat 0 -46px; text-indent: -9009px; margin: 0; }
		ul.navigation li a:hover { background-position: 0 -46px; }
		
	ul.navigation li.about a { width: 126px; background-position: -100px 0; }
		ul.navigation li.about-current a { width: 126px; background-position: -100px -46px; }
		ul.navigation li.about a:hover { background-position: -100px -46px; }
		
	ul.navigation li.services a { width: 163px; background-position: -226px 0; }
		ul.navigation li.services-current a { width: 163px; background-position: -226px -46px; }
		ul.navigation li.services a:hover { background-position: -226px -46px; }
		ul.navigation li.services .subnav li a, ul.navigation li.services-current .subnav li a { width: 180px; }
		
	ul.navigation li.clients a { width: 216px; background-position: -389px 0; }
		ul.navigation li.clients-current a { width: 216px; background-position: -389px -46px; }
		ul.navigation li.clients a:hover { background-position: -389px -46px; }
		
	ul.navigation li.news a { width: 89px; background-position: -605px 0; }
		ul.navigation li.news-current a { width: 89px; background-position: -605px -46px; }
		ul.navigation li.news a:hover { background-position: -605px -46px; }
		
	ul.navigation li.contact a { width: 222px; background-position: -694px 0; }
		ul.navigation li.contact-current a { width: 222px; background-position: -694px -46px; }
		ul.navigation li.contact a:hover { background-position: -694px -46px; }

/* Dropdown */

/* When hovering over main list items, show second level lists */
/* This is only for #menu1 */
ul.cssonly li:hover ul { display: block; }

/* Position and style second level lists and items */
ul.navigation ul { position: absolute; top: 46px; background: #1E1E1E url(../images/dropdown-bg.png) top right no-repeat; display: none; /* Hide until parent list item is hovered on */ }
ul.navigation ul li { padding: 6px; float: none; border-top: 1px solid #280000; }
ul.navigation ul li a { text-indent: 0; padding: 5px; height: 15px; background: none; color: #ddd; text-decoration: none; font: bold 11px Tahoma, Geneva, sans-serif; display: block; }
ul.navigation ul li a:hover { color: #FFF; background: #200; }

/* Rounded corners */
ul.navigation { -webkit-border-radius: 6px; -moz-border-radius: 6px; }
ul.navigation ul { 
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
}
ul.navigation ul a { -webkit-border-radius: 10px; -moz-border-radius: 10px; }
ul.navigation ul li a:hover { -webkit-border-radius: 5px; -moz-border-radius: 5px; }