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

* {
    margin: 0;
}
html, body {
    height: 100%;
}

/* header start */
#header {
	position: relative;
	background-image: url(../images/header-bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
	height: 130px;
	color: #FFF;
	font-size: 15px;
}
#header #logo {
	position: absolute;
	top: 20px;
	left: 30px;
	text-indent: -9999px;
	display: block;
	background-image: url(../images/logo.gif);
	background-repeat: repeat-x;
	background-position: left top;
	width: 626px;
	height: 88px;
}
#header #supplier {
	position: absolute;
	bottom: 30px;
	right: 30px;
}
#header #slogan {
	position: absolute;
	top: 82px;
	left: 462px;
}
#header #lang {
	position: absolute;
	top: 20px;
	right: 30px;
}
#header a {
	color: #FFF;
	text-decoration: none;
}
/* header end */

/* banner start */
#banner {
	height: 100px;
	background-image: url(../images/victoria-harbour.jpg);
	background-repeat: repeat-x;
	background-position: center center;
}
/* banner end */

/* nav start */
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			200px; /* left offset of submenus need to match (see below) */
	margin-top: 	10px;
	padding-top:	0;
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			49px; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			200px; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

#nav {
	height: 25px;
	padding: 5px;
	position: relative;
	z-index: 999;
	background-image: url(../images/menu-bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
	margin-bottom: 20px;
}
#nav ul {
	list-style: none;
	padding: 0;
	margin: 0;
	height: 25px;
}
#nav ul ul {
	padding-top: 0;
	margin: -19px 0 0 0;
}
#nav ul ul li {
	padding: 0;
	margin: 0;
	border: none;
}
#nav ul li {
	display: block;
	float: left;
	border-right: 1px solid #254B26;
	padding: 5px 0;
	margin: 0;
}
#nav ul li a {
	display: block;
	color: #FFF;
	display: block;
	font-size: 15px;
	font-weight: bold;
	float: left;
	letter-spacing: 0.5px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0 15px;
	text-decoration: none;
}
#nav ul li a.has_submenu {
	background: transparent url('../../images/submenu-item.gif') no-repeat scroll right center;
	padding-right: 30px;
}
#nav ul li a.has_submenu:hover, #nav ul li.sfHover a.has_submenu {
	background-image: url('../../images/submenu-item-hover.gif');
}
#nav ul ul li a { 
	float: none; 
	width: 170px;
	padding: 10px 15px;
	border-bottom: 1px solid #254B26;
}
#nav ul li.selected li a { 
	text-decoration: none; 
}
#nav ul li.selected a, #nav ul li.selected a:hover, #nav ul li.selected li.selected a  {
	color: #fff;
}
#nav ul ul li.selected a, #nav ul ul li.selected a:hover {
	text-decoration: underline;
}
#nav ul li a:hover, #nav ul li.sfHover a, #nav ul ul a {
	color: #fff;
	background-color: #226047;
}
#nav ul li li a:hover, #nav ul li.sfHover li a:hover {
	background-color: #00754F;
}
#container {
	margin: 0;
	padding: 0 20px;
}
/* nav end */

/* footer start */
#footer {
	background-image: url(../images/footer.png);
	background-repeat: repeat-x;
	background-position: left top;
	color: #FFF;
	padding: 5px;
}
#footer ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
#footer ul li {
	display: inline;
	margin: 0 5px;
}
#footer ul li a {
	color: #FFF;
	font-size: 13px;
}
#footer ul li a:hover {
	color: #F5EB23;
}
#footer #copyright {
	margin: 3px 5px 0;
	font-size: 9px;
}
/* footer end */