/************************************************************************

	Client:		AXA Investment Managers		[www.axa-im.co.jp]  

	Author:		Tokyocube			[www.tokyocube.com]  

	Listing Order:
	==============

	1 - Universal
	2 - Structure/Layout
	3 - Headers
	4 - Primary Navigation
	5 - Secondary Navigation
	6 - Header Elements
	7 - Content Elements

************************************************************************/

/***********************************************************************
	1 - UNIVERSAL STYLES
************************************************************************/

html {
	height: 100%;
}

body {
	font: 12px verdana, arial, sans-serif;
	background-color: #FFF;
	color: #000000;
	line-height: 16px;
	height: 100%;
}

* { 
	margin: 0; 
	padding: 0;
}

img { 
	border: 0;
	display: block;
}

a { 
	color: #000000;
}

/***********************************************************************
	2 - STRUCTURE/LAYOUT
************************************************************************/

#container {
	position: relative;
	background-color: #FFFFFF;
	min-height: 100%;
	margin: 8px;
	width: 802px;
	text-align: left;
}

* html #container {
	height: 100%;
}

#header {
	position: relative;
	height: 150px;
	width: 802px;
	border-bottom: 1px solid #b6bec5;
	margin-bottom: 5px;
}

#content {
	position: relative;
	padding-bottom: 50px;
	width: 802px;
}

#left {
	position: relative;
	float: left;
	width: 193px;
	padding: 0 5px 5px 5px;
}

.content-middle #main {
	position: relative;
	float: left;
	width: 384px;
	padding: 0 5px 5px 6px;
}

.content-left #main {
	position: relative;
	float: left;
	width: 588px;
	padding: 0 5px 5px 6px;
}

.content-right #main {
	position: relative;
	float: left;
	width: 588px;
	padding: 0 5px 5px 6px;
}

#right {
	position: relative;
	float: left;
	width: 193px;
	padding: 0 5px 5px 5px;
}

#footer {
	position: relative;
	text-align: center;
	font-size: 11px;
	height: 15px;
	width: 802px;
	padding: 14px 0 4px 0;
	margin-top: -50px;
}

* html #footer {
	margin-top: -50px;
}

.clearer {
	clear: both;
	display: block;
	height: 1px;
	margin-bottom: -1px;
	font-size: 1px;
	line-height: 1px;
}

/***********************************************************************
	3 - HEADERS
************************************************************************/

h1 {
	font: 18px "Lucida Grande", arial, verdana, sans-serif;
	font-weight: bold;
	margin-bottom: 16px;
	padding: 0;
}

h2 {
	font: 14px "Lucida Grande", arial, verdana, sans-serif;
	font-weight: bold;
}

#hdr-home,
#hdr-aboutus,
#hdr-expertise,
#hdr-investors,
#hdr-press {
	padding: 60px 0 0 0;
	overflow: hidden; 
    height: 0px !important;
    height /**/: 60px;
	margin-bottom: 5px;
}

#hdr-home {
	background: transparent url("../img/hdr/home/main-home.gif") no-repeat;
	width: 560px;
	margin-bottom: 25px;
}

#hdr-aboutus {
	background: transparent url("../img/hdr/aboutus/main-aboutus.gif") no-repeat;
	width: 560px;
	margin-bottom: 25px;
}

#hdr-expertise {
	background: transparent url("../img/hdr/expertise/main-expertise.gif") no-repeat;
	width: 560px;
}

#hdr-investors {
	background: transparent url("../img/hdr/investors/main-investors.gif") no-repeat;
	width: 560px;
}

#hdr-press {
	background: transparent url("../img/hdr/press/main-press.gif") no-repeat;
	width: 560px;
}

/***********************************************************************
	4 - PRIMARY NAVIGATION
************************************************************************/

#primary-nav {
	position: absolute;
	list-style: none;
	width: 796px;
	height: 40px;
	top: 87px;
	left: 4px;
}

#primary-nav li {
	float: left;
	width: 197px;
	margin-right: 2px;
	background-position: 0 0;
}

#primary-nav a {
	display: block;
	height: 0px !important;
	width: 197px;
	height /**/: 40px;
	padding: 40px 0 0 0;
	text-decoration: none;
	overflow: hidden;
	background-position: 0 0; 
}

#primary-nav li.nav1 {
	background: transparent url("../img/btn/nav-aboutus.gif") no-repeat;
}

#primary-nav li.nav2 {
	background: transparent url("../img/btn/nav-expertise.gif") no-repeat;
}

#primary-nav li.nav3 {
	background: transparent url("../img/btn/nav-investors.gif") no-repeat;
}

#primary-nav li.nav4 {
	background: transparent url("../img/btn/nav-press.gif") no-repeat;
}

#nav-aboutus {
	background: transparent url("../img/btn/nav-aboutus.gif") no-repeat;
}

#nav-expertise {
	background: transparent url("../img/btn/nav-expertise.gif") no-repeat;
}

#nav-investors {
	background: transparent url("../img/btn/nav-investors.gif") no-repeat;
}

#nav-press {
	background: transparent url("../img/btn/nav-press.gif") no-repeat;
}

#primary-nav a:hover {
	background-position: 0 -40px;
}

#aboutus #nav-aboutus,
#expertise #nav-expertise,
#investors #nav-investors,
#press #nav-press {
	background-position: 0 -40px; 
}

/***********************************************************************
	5 - SECONDARY NAVIGATION
************************************************************************/

#logo-rosenberg {
	background: transparent url("../img/btn/hdr-logo-rosenberg.gif") no-repeat;
	display: block;
	height: 0px !important;
	height /**/: 50px;
	text-decoration: none;
	overflow: hidden;
	padding: 50px 0 0 0;
	margin: 0 0 0 13px;
	width: 150px;
}

#left ul.list li {
	list-style: none;
	padding: 0 12px 12px 12px;
}

#left .webtv {
	width: 190px;
	height: 55px;
	padding: 6px 0 6px 0;
}

#secondary-nav-1 {
	margin-top: 15px;
}

#secondary-nav-1,
#secondary-nav-2,
#secondary-nav-3,
#secondary-nav-4,
#secondary-nav-5,
#secondary-nav-6,
#secondary-nav-7,
#secondary-nav-8,
#secondary-nav-9,
#secondary-nav-10,
#secondary-nav-11,
#secondary-nav-12,
#secondary-nav-13,
#secondary-nav-14,
#secondary-nav-15 {
	list-style: none;
	width: 178px;
	margin-bottom: 15px;
}

#secondary-nav-1 li,
#secondary-nav-2 li,
#secondary-nav-3 li,
#secondary-nav-4 li,
#secondary-nav-5 li,
#secondary-nav-6 li,
#secondary-nav-7 li,
#secondary-nav-8 li,
#secondary-nav-9 li,
#secondary-nav-10 li,
#secondary-nav-11 li,
#secondary-nav-12 li,
#secondary-nav-13 li,
#secondary-nav-14 li,
#secondary-nav-15 li {
	width: 178px;
	margin-bottom: 4px;
	background-position: 0 0; 
}

#secondary-nav-1 li a,
#secondary-nav-2 li a,
#secondary-nav-3 li a,
#secondary-nav-4 li a,
#secondary-nav-5 li a,
#secondary-nav-6 li a,
#secondary-nav-7 li a,
#secondary-nav-8 li a,
#secondary-nav-9 li a,
#secondary-nav-10 li a,
#secondary-nav-11 li a,
#secondary-nav-12 li a,
#secondary-nav-13 li a,
#secondary-nav-14 li a,
#secondary-nav-15 li a {
	display: block;
	height: 0px !important;
	height /**/: 14px;
	padding: 14px 0 0 0;
	text-decoration: none;
	overflow: hidden;
	width: 178px;
	background-position: 0 0; 
}

#left #secondary-nav-1 li.nav1,
#left #secondary-nav-2 li.nav1,
#left #secondary-nav-3 li.nav1,
#left #secondary-nav-4 li.nav1,
#left #secondary-nav-5 li.nav1,
#left #secondary-nav-6 li.nav1,
#left #secondary-nav-7 li.nav1,
#left #secondary-nav-8 li.nav1,
#left #secondary-nav-9 li.nav1,
#left #secondary-nav-10 li.nav1,
#left #secondary-nav-11 li.nav1,
#left #secondary-nav-12 li.nav1,
#left #secondary-nav-13 li.nav1,
#left #secondary-nav-14 li.nav1,
#left #secondary-nav-15 li.nav1 {
	margin-bottom: 2px;
}

#left #secondary-nav-1 li.nav1 a,
#left #secondary-nav-2 li.nav1 a,
#left #secondary-nav-3 li.nav1 a,
#left #secondary-nav-4 li.nav1 a,
#left #secondary-nav-5 li.nav1 a,
#left #secondary-nav-6 li.nav1 a,
#left #secondary-nav-7 li.nav1 a,
#left #secondary-nav-8 li.nav1 a,
#left #secondary-nav-9 li.nav1 a,
#left #secondary-nav-10 li.nav1 a,
#left #secondary-nav-11 li.nav1 a,
#left #secondary-nav-12 li.nav1 a,
#left #secondary-nav-13 li.nav1 a,
#left #secondary-nav-14 li.nav1 a,
#left #secondary-nav-15 li.nav1 a {
	display: block;
	height: 0px !important;
	height /**/: 16px;
	padding: 16px 0 0 0;
	text-decoration: none;
	overflow: hidden;
}

#secondary-nav-1 li a:hover,
#secondary-nav-2 li a:hover,
#secondary-nav-3 li a:hover,
#secondary-nav-4 li a:hover,
#secondary-nav-5 li a:hover,
#secondary-nav-6 li a:hover,
#secondary-nav-7 li a:hover,
#secondary-nav-8 li a:hover,
#secondary-nav-9 li a:hover,
#secondary-nav-10 li a:hover,
#secondary-nav-11 li a:hover,
#secondary-nav-12 li a:hover,
#secondary-nav-13 li a:hover,
#secondary-nav-14 li a:hover,
#secondary-nav-15 li a:hover {
	background-position: -178px 0;
}

/***********************************************************************
	6 - HEADER ELEMENTS
************************************************************************/

#header #logo {
	background: transparent url("../img/btn/hdr-logo.gif") no-repeat;
	position: absolute;
	display: block;
	top: 14px;
	left: 5px;
	height: 0px !important;
	height /**/: 50px;
	text-decoration: none;
	overflow: hidden;
	padding: 50px 0 0 0;
	width: 150px;
}

#header #breadcrumb-trail {
	position: absolute;
	font-size: 11px;
	width: 676px;
	height: 15px;
	bottom: 5px;
	left: 5px;
}

#header #date {
	position: absolute;
	font-size: 11px;
	text-align: right;
	width: 124px;
	height: 15px;
	bottom: 5px;
	right: 5px;
}

#header-links {
	position: absolute;
	list-style: none;
	width: 150px;
	top: 15px;
	left: 652px;
}

#header-links li {
	margin-bottom: 2px;
}

/***********************************************************************
	7 - CONTENT ELEMENTS
************************************************************************/

ul.nolist {
	list-style: none;
	margin-bottom: 15px;
	padding: 0;
}

ul.nolist li {
	margin: 0 0 5px 0;
}

ul.list {
	list-style: none;
	margin-bottom: 15px;
	padding: 0;
}

ul.list li {
	margin: 0 0 5px 15px;
}

#main ul.list li.internal {
    list-style-image: none;
}

#main ul.list li.internal ul {
	list-style: none;
	margin-top: 0;
}

#main p {
	padding-bottom: 15px;
}

#main img.wrapped{
	float: left;
	padding: 0 10px 10px 0;
}

#main dl.main-dates {
	width: 383px;
}

#main dl.main-dates dt {
	width: 100px;
	clear: left;
	float: left;
	padding-right: 15px;
	margin-bottom: 15px;
}

#main dl.main-dates dd {
	width: 268px;
	float: left;
	margin-bottom: 15px;
}

#main #banner {
	margin-bottom: 5px;
}

.cleared {
	clear: left;
}

.feature {
	width: 191px;
	border: 1px solid;
	margin-bottom: 15px;
}

.feature dt {
	height: 0px !important;
	height /**/: 29px;
	text-decoration: none;
	overflow: hidden;
	padding: 29px 0 0 0;
}

.feature dd {
	padding: 5px;
}

.feature dd #name,
.feature dd #class {
	display: block;
	height: 0px !important;
	height /**/: 26px;
	text-decoration: none;
	overflow: hidden;
	padding: 26px 0 0 0;
	width: 180px;
}

.feature dd #name {
	margin-bottom: 5px;
}

#right p {
	padding-bottom: 15px;
}

#right .small,
#main .small {
	font-size: 10px;
}

#main .small-h1 {
	 color: #000;
	 font-weight: normal;
	 font-size: 10px;
}

#right p.quote {
	background: transparent url("../img/bg/quote.gif") no-repeat 0 0;
	padding-left: 28px;
	margin-bottom: 15px;
	min-height: 80px;
	height: auto;
}

#right p.quote .small-color {
	font-size: 11px;
	color: #004B93;
}

#right p.quote .small {
	font-size: 11px;
}

.pdf {
	background: transparent url("../img/btn/pdf.gif") no-repeat 0 0;
	display: block;
	height: 0px !important;
	width: 17px;
	height /**/: 17px;
	padding: 17px 0 0 0;
	text-decoration: none;
	overflow: hidden;
	background-position: 0 0;
	margin-left: 45%;
}

.pdf-text {
	background: transparent url("../img/btn/pdf.gif") no-repeat 0 0;
	padding: 0 0 5px 20px;
	text-decoration: none;
}