/* -------------------------------------------------------------- 
    header.css

    Header on all pages, including colored tabs and forms.
-------------------------------------------------------------- */

#top {
	margin: 0 auto;
	width:691px;
	clear:both;
	display:block;
}

#top .logotype {
	padding: 30px 0px 0px;
}

#navigation {
	padding:0px 0;
}

#navigation li {
	margin-right: 0px;
	float:left;
	border-bottom: 0px solid #fff;
}

#navigation a {
	text-transform: uppercase;
	color:#fff;
	display:block;
	position: relative;
	float:left;
	font-size-adjust:none;
	font-stretch:normal;
	text-decoration:none;
	white-space:nowrap;
	cursor:pointer;
	max-height: 100px;
	font: normal normal normal 1.1em Verdana, Arial, Helvetica, sans-serif;
}

#navigation a:hover {
	color:#cccccc;
}

#navigation a:hover {
	text-decoration: none;
}

#navigation a span {
	display:block;
	text-align: center;
	line-height: 0.1em;
	padding: 0 0px;
}



/* Selected tab will look attached to the coloured body (instead of 1px white gap */
#navigation li {
	border-color:#fff;
}

/* Set custom paddings instead of custom widths of tabs */
#navigation li a span {padding: 0 0px;}

/* When tab is selected, remove hand cursor on hover */
#company #navigation .n-company a,
#gallery #navigation .n-gallery a,
#product #navigation .n-product a,
#pricelist #navigation .n-pricelist a,
#office-hours #navigation .n-office-hours a,
#contact-us #navigation .n-contact-us a,
#map #navigation .n-map a {
	cursor: default;
}

/* When tab is selected, remove text underline on hover */
#company #navigation .n-company a:hover,
#gallery #navigation .n-gallery a:hover,
#product #navigation .n-product a:hover,
#pricelist #navigation .n-pricelist a:hover,
#office-hours #navigation .n-office-hours a:hover,
#contact-us #navigation .n-contact-us a:hover,
#map #navigation .n-map a:hover {
	text-decoration: none;
}