/* elements
------------------------------*/
body {
	margin: 0; 
	padding: 0; 
	text-align: center;
	font-family: Verdana, Arial, sans-serif;
	font-size: 70%;
	color: #2f2f2f;
	overflow: -moz-scrollbars-vertical !important;
	line-height: 1.3em;
}
h1, h2, h3, h4 {
	font-size: 1.0em;
	margin: 0 0 1em 0;
	padding: 0;
}
h2 {
	margin-bottom: 0.7em;
	padding-top: 2px;
}
h3 { margin-bottom: 0.2em; }
h4 { margin-bottom: 0.6em; }
p {
	margin: 0 0 1.3em 0;
	padding: 0;
}
a:link,
a:visited,
a:active {
	color: #d35e71;
	outline: none;
}
a:hover {
	color: #d35e71;
	text-decoration: none;
}
ul, ul li, ol, ol li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
dl, dd, dt {
	margin: 0;
	padding: 0;
}
ul li.last-child { background: none !important; }

/* layout
------------------------------*/
#page {
	width: 770px;
	margin: 0 auto;
	text-align: left;
	padding-bottom: 15px;
}
#header {
	background: url(../images/global/header-bg.gif) repeat-x top;
	height: 55px;
	padding: 20px 0 0 20px;
}
#body {
	float: left;
	width: 710px;
	padding: 10px 30px;
}
.sub-body {	background: url(../images/global/sub-body-bg.gif) repeat-x top; }
#content {
	float: left;
	width: 470px;
}
#info { 
	float: right;
	width: 220px;
	margin-top: 53px;
}
#footer { 
	background: url(../images/global/footer-bg.gif) repeat-x top;
	height: 18px;
	clear: left;
	padding: 3px 0 0 30px;
	width: 740px;
}

/* header
------------------------------*/
#header h1 {
	margin: 0;
	padding: 0;
}
#header h1 a {
	background: url(../images/global/site-logo.gif) no-repeat top;
	display: block;
	height: 0 !important;
	overflow: hidden;
	padding: 41px 0 0;
	width: 213px;
	height /**/: 41px;
}
#header #logo {
	display: none;
}

/* banners
------------------------------*/
#banner {
	width: 770px;
	height: 136px;
}
.home { 
	height: 299px !important; 
	background: url(../images/banner/homepage.jpg) no-repeat 0 38px;
	border-bottom: solid 7px #555;
}
.history { background: url(../images/banner/history.jpg) no-repeat top; }
.brands { background: url(../images/banner/brands.jpg) no-repeat top; }
.investors { background: url(../images/banner/investors.jpg) no-repeat top; }
.recruitment { background: url(../images/banner/recruitment.jpg) no-repeat top; }
.contact-us { background: url(../images/banner/contact-us.jpg) no-repeat top; }

#flash {
	display: none;
}

/* nav
------------------------------*/
#nav {
	width: 770px;
	height: 40px;
	background: transparent url(../images/nav/global-nav-bg.png) no-repeat top;
	position: absolute;
}
#nav ul { margin: 0 0 0 30px; }
#nav ul li {
	background: url(../images/nav/nav-separator.gif) no-repeat top right;
	float: left;
	margin: 18px 9px 0 0;
	padding: 0 9px 0 0;
}
#nav ul a {
	display: block;
	float: left;
	padding: 14px 0 0 0;
	overflow: hidden;
	background-repeat: no-repeat;
	height: 0px !important;
	height /**/: 14px;
}
#nav ul a:hover,
#nav ul li.selected a {	background-position: 0 -14px; }
#nav ul li#home a {
	background-image: url(../images/nav/home.gif);
	width: 33px;
}   
#nav ul li#history a {
	background-image: url(../images/nav/history.gif);
	width: 40px;
}   
#nav ul li#brands a {
	background-image: url(../images/nav/brands.gif);
	width: 41px;
}   
#nav ul li#investors a {
	background-image: url(../images/nav/investors.gif);
	width: 52px;
}   
#nav ul li#recruitment a {
	background-image: url(../images/nav/recruitment.gif);
	width: 45px;
}
#nav ul li#contact-us a {
	background-image: url(../images/nav/contact-us.gif);
	width: 60px;
}
/* sub-nav
------------------------------*/
ul#sub-nav {
	background-color: #e1e1e1;
	position: absolute;
	margin-top: 115px;
	padding: 3px 0 4px 30px;
	float: left;
	width: 740px;
}
ul#sub-nav li {
	background:  url(../images/nav/nav-separator.gif) no-repeat 100% 2px;
	float: left;
	margin: 0 9px 0 0;
	padding: 0 9px 0 0;
}
ul#sub-nav li a {
	color: #2f2f2f;
	text-decoration: none;
}
ul#sub-nav li a:hover, 
ul#sub-nav li.selected a { color: #777777; }

/* content
------------------------------*/
#content h3 a {
	color: #2f2f2f;
	text-decoration: none;
}
#content ol, #content ul {
	border: 1px solid #cccccc;
	padding: 8px;
	margin: 8px 0 20px 0;
}
#content ol li.telephone {
	font-weight: bold;
	margin: 8px 0;
}
#content ul li {
	background: url(../images/global/bullet-point.gif) no-repeat 0 4px;
	padding-left: 11px;
}
#table {
	border: 1px solid #cccccc;
	padding: 8px 8px 16px 8px;
	margin-bottom: 20px;
}
#table th, #table td {
	padding: 5px;
	border-top: 1px solid #cccccc;
	text-align: center;
}
#table th.shareholder, #table td.shareholder { text-align: left; }
#table th {	
	padding-top: 0; 
	border-top: none;
} 
#table tr.grey td { background-color: #eee; }
.advisors {
	border: 1px solid #cccccc;
	padding: 8px 8px 0 8px;
	margin: 8px 0 20px 0;
}
.advisors ol {
	border: none !important;
	padding: 0 !important;
	margin: 0 0 15px 0 !important;
}

/* info
------------------------------*/
#shares,
#announcements {
	border: 1px solid #ccc;
	padding: 8px;
	float: left;
	margin-bottom: 25px;
	width: 204px;
}
#shares dl {
	border-top: 1px solid #ccc;
	padding: 4px;
	float: left;
}
#shares dl.grey { background-color: #eee; }
#shares dt {
	float: left;
	width: 70px;
}
#shares dd { 
	float: right; 
	text-align: right;
	width: 126px; 
}
#shares dt.lse { width: 196px; }
#announcements {	margin: 0; }	
#announcements p {
	border-top: 1px solid #ccc;
	padding: 5px 30px 8px 4px;
	margin: 0;
}

/* footer
------------------------------*/
#footer a {
	color: #2f2f2f;
	text-decoration: none;
}
#footer ul li {
	float: left;
	background: url(../images/nav/nav-separator.gif) no-repeat 100% 2px;
	padding: 0 15px 0 0;
	margin-right: 14px;
}