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

	Site:		Luxury // Spear's WMS
	
	Author:		Wide Area Communications // Viral Ganatra
	
	Created: 15-09-08
  	Last updated: 29-09-08
	

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

	1 - Universal
	2 - Structure/Layout
	3 - Primary Navigation
	4 - Sub Navigation
	5 - Search Bars
	6 - Crumbtrail
	7 - Footer Elements
	8 - Common Modules
	9 - Image Caption Hover

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


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


*           		{ padding:0; margin:0; outline:0; }
body        		{ font:62.5% Arial, Helvetica, sans-serif; color:#000; background:#fff; }
li          		{ list-style-type:none;font:1.1em Arial, Helvetica, sans-serif; }
strong      		{ font-weight:bold; }
fieldset    		{ border:0; }
legend span 		{ position:absolute; left:0px; top:-5000px; width:1px; height:1px; overflow:hidden; }
label       		{ cursor:pointer; vertical-align:middle; outline:0; display:block; float:left; margin:3px 6px; font-size:1.1em; color:#000; }
input,
select,
textarea			{ float:left; margin-top:2px;	}
img					{ margin:0;padding:0;display:block;	}
p					{ font:1.3em Arial, Helvetica, sans-serif;color:#000;margin-bottom:10px; }
a           		{ text-decoration:none; color:#000; }
a:hover     		{ text-decoration:underline; }
a img       		{ border:0; text-decoration:none; }
/* For hiding content intended only for screenreaders */
.screenreader
					{ position:absolute; left:0px; top:-5000px; width:1px; height:1px; overflow:hidden; }
.clear      		{ clear:both;height:0; }
.no-bg				{ background-image:none !important; }
.no-float			{ float:none !important; }
img.error-textarea 	{ float:left; margin-right:10px; }
img.error			{ padding-top:5px;padding-left:10px; }
.error 				{ color:#cc0000; font:.9em Arial, Helvetica, sans-serif; height:auto !important}
.twn				{ float:right;}
.blue               { color:#0A51A6; }

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

#wrapper {
    margin:0 auto;
	padding:0 10px 10px 10px;
    width:960px;
	background:#fff;
}
#logo {
	border-top:solid 1px #fff;
	margin-bottom:10px;
}
#logo-left {
	float:left;
}
h1 {
	background:url(/images/logo-left.gif) no-repeat top left;
	height:104px;
	width:164px;
}
h1 a {
	display:block;
	padding-bottom:104px;
}
#strapline {
	width:608px;
	height:104px;
	float:left;
}
#logo-right {
	float:right;
}
#navigation-column {
	float:left;
	width:180px;
	margin-right:20px;
}
#main-content-container {
	float:left;
	width:760px;
}
#main-content {
	float:left;
	width:440px;
	margin-right:20px;
	margin-top:20px;
}
#right-column {
	float:left;
	width:300px;
	margin-top:20px;
}


/***********************************************************************
	3 - PRIMARY NAVIGATION
************************************************************************/

ul#nav-bar  {
	float:left;
}
ul#nav-bar li {
	float:left;
	font:normal .9em/110% Arial, Helvetica, sans-serif;
	background-color:#333;	
	border-right:solid 1px #fff;
}
ul#nav-bar a {
	display:block;
	color:#fff;
	text-transform:uppercase;
	padding:5px 8px 5px 9px;
	min-height:20px;
	height:auto !important;
	height:20px;
	letter-spacing:normal;
}
ul#nav-bar a:hover {
	text-decoration:none;
}
ul#nav-bar li:hover,
ul#nav-bar li.on {
	background-color:#0A51A6;
}
ul#nav-bar li#indices,
ul#nav-bar li#world  {
	width:57px;
}
ul#nav-bar li#leaders-columnists {
	width:87px;
}
ul#nav-bar li#tax-trust,
ul#nav-bar li#legal,
ul#nav-bar li#good-life {
	width:48px;
}
ul#nav-bar li#asset-management {
	width:82px;
}
ul#nav-bar li#family-business,
ul#nav-bar li#property  {
	width:68px;
}
ul#nav-bar li#collecting {
	width:77px;
}


/***********************************************************************
	4 - SUB NAVIGATION
************************************************************************/

#context-nav li {
	background-color:#E6E6E6;
	float:left;
	font:normal .9em/110% Arial, Helvetica, sans-serif;
 	min-height:20px;
	height:auto !important;
	height:20px;
	min-width:39px;
	border-right:solid 1px #333;
}
#context-nav a {
	display:block;
	color:#000;
	text-transform:uppercase;
	padding:5px 10px;
}
#context-nav a:hover {
	text-decoration:none;
}
#context-nav li:hover,
#context-nav li.on {
	background-color:#B3B3B3;
}
#context-nav li#last-tab {
	border-right:0;
}

/***********************************************************************
	5 - SEARCH BARS
************************************************************************/

#search-bar {
	float:left;
	font:normal .9em/120% Arial, Helvetica, sans-serif;
	background-color:#0A51A6;
	width:310px;
	min-height:30px;
	height:auto !important;
	height:30px;
}
#search-bar label {
	color:#fff;
	text-transform:uppercase;
	margin-top:5px;
	margin-right:13px;
}
#search-bar input {
	margin-top:4px;
}
#search-bar #search-term {
	width:210px;
}
#search-bar .button-search {
	margin-left:8px;
	margin-top:3px;
}

/***********************************************************************
	6 - CRUMBTRAIL
************************************************************************/

#crumbtrail {
	padding:8px 10px 8px 0;
	float:left;
}
#crumbtrail li {
	color:#0031FF;
	float:left;
	font:normal 1.1em/105% Arial, Helvetica, sans-serif;
}
#crumbtrail a {
	color:#0031FF;
}
#crumbtrail li {
	padding-right:6px;
}

/***********************************************************************
	7 - FOOTER
************************************************************************/

#footer {
	background-color:#0A51A6;
	padding:10px;
	margin-top:30px;
}
#footer li {
	color:#fff;
	float:left;
	margin-right:4px;
}
#footer li a {
	color:#fff;
	margin-right:4px;
}


/***********************************************************************
	8 - COMMON MODULES
************************************************************************/

.module180 {
	margin-bottom:20px;
}
.module180 .module-header {
	padding:10px;
}
.module180 .module-content {
	padding:10px;
}
.module180 h2 a {
	display:block;
	padding-bottom:7px;
}
.module180 h2 a:hover {
	text-decoration:none;
}
#spears-listing .module-header {
	background-color:#0a51a6;
}
#spears-listing h2 {
	background:#0a51a6 url(/images/header-spears-indices.gif) no-repeat top left;
	width:103px;
	height:24px;
}
#spears-listing h3 {
	margin-top:5px;
	color:#fff;
	font:1.6em Georgia, Times New Roman, Times, serif;
}
#spears-listing .module-content {
	background-color:#F2F2F2;
}
#spears-listing .module-content h4 {
	font:bold 1.3em Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	margin-bottom:2px;
}
#spears-listing .module-content h4 a {
	color:#0A51A6;
}
#spears-listing .module-content h4 a:hover {
	text-decoration:underline;
}
#spears-listing .module-content p {
	margin-bottom:2px;
}
#spears-listing p.private-clients {
	color:#0A51A6;
}
#spears-listing .video-room {
	background:#0A51A6 url(/images/bg-video-room.gif) no-repeat 5px 5px;
	padding:5px 5px 7px 32px;
	margin-top:10px;
	display:block;
	color:#fff;
	font:1.5em Arial, Helvetica, sans-serif;
}
#spears-listing .module-content a:hover {
	text-decoration:none;
}
#this-issue .module-header {
	background:#000 url(/images/bg-module-black-arrow_left.gif) no-repeat bottom left;
	min-height:30px;
	height:auto !important;
	height:30px;
	padding:5px 10px;
}
#this-issue h3,
#subscribe h3 {
	font:1.8em Arial, Helvetica, sans-serif;
	color:#fff;
}
#subscribe h3 a {
	color:#fff;
}
#subscribe p {
	margin-bottom:0;
}
#this-issue .mag-cover {
	background:url(/images/bg-this-issue.gif) no-repeat top left;
	margin-left:4px;
	min-height:175px;
	height:auto !important;
	height:175px;
}
#this-issue .mag-cover img {
	margin:5px 0 0 5px;
	padding-top:5px;
}
#subscribe .module-header {
	background:#000 url(/images/bg-module-black-arrow_right.gif) no-repeat top right;
	padding:5px 10px;
	min-height:40px;
	height:auto !important;
	height:40px;
}
#subscribe .module-content {
	border:dashed 1px #999;
	padding:5px 10px;
}
#subscribe .module-content a {
	color:#0A51A6;
}
#awards {
	margin-bottom:20px;
}
#awards .heading {
	padding:10px 10px 20px 10px;
	background-color:#F2F2F2;
	margin-bottom:10px;
}
#awards h2 {
	background:url(/images/header-spears-awards.gif) no-repeat top left;
	height:24px;
	width:109px;
	margin-bottom:10px;
}
#awards h3 {
	font:1.8em Georgia, Times New Roman, Times, serif;
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:dashed 1px #999;
}
#awards h3 a,
.links a {
	color:#0A51A6;
}
.links p {
	margin-bottom:5px;
}
#press {
	padding:10px;
	background-color:#c33;
	margin-bottom:20px;
	display:block;
}
#press h2 {
	background:url(/images/header-spears-press.gif) no-repeat top left;
	height:24px;
	width:92px;
}
#banner-top {
	width:728px;
	height:90px;
	margin:0 auto;
	text-align:center;
}
#skyscraper {
	width:160px;
	height:600px;
	margin:0 auto;
	margin-bottom:20px;
}
#spears-news {
	background:#c33 url(/images/header-spears-news.gif) no-repeat 10px 10px;
	padding:50px 10px 20px 10px;
}
#spears-news h3 {
	color:#fff;
	margin-top:50px;
}
#spears-news p {
	color:#fff;
	font:1.5em Arial, Helvetica, sans-serif;
	margin-bottom:10px;
}
.salon {
	background-color:#F2F2F2;
	padding:10px;
	margin-bottom:20px;
	height:205px;
}
.salon h2 {
	background:url(/images/header-spears-salon.gif) no-repeat top left;
	height:37px;
	width:139px;
	margin-bottom:15px;
}
.salon h2 a {
	display:block;
	padding-bottom:18px;
}
.salon h2 a:hover {
	text-decoration:none;
}
.salon .salon-copy-container {
	width:250px;
	display:inline;
}
.salon .blogs-copy {
	width:150px;
	float:left;
	margin-right:10px;
	height:142px;
	overflow:hidden;
}
.salon .blogs-image {
	float:left;
	background-color:#4D4D4D;
}
.salon .blogs-image p {
	color:#fff;
	font:1.2em Arial, Helvetica, sans-serif;
	width:60px;
	height:40px;
	padding:10px;
	margin-bottom:0;
}
.salon .blogs-image a {
	color:#fff;
}
.salon h3 {
	color:#000;
	font:bold 1.6em Arial, Helvetica, sans-serif;
}
.salon p {
	color:#333;
	font:italic 1.2em Arial, Helvetica, sans-serif;
}
.salon p.comment {
	font-style:normal;
	margin-top:10px;
	margin-bottom:0;
}
.salon p.comment a {
	color:#c33;
}
.salon ul#rotate-buttons,
ul#rotate-buttons-private-view {
	float:right;
}
a#salon-rotate1,
a#salon-rotate2,
a#salon-rotate3,
a#salon-rotate4,
a#salon-rotate5,
a#salon-rotate6,
a#private-view1,
a#private-view2,
a#private-view3 {
	display:block;
	width:30px;
	height:20px;
	text-decoration:none;
	margin-bottom:4px;
	cursor:pointer;
}
a#salon-rotate1,
a#private-view1 {
	background:url(/images/salon-rotate-1-off.gif) top left no-repeat;
}
a#salon-rotate2,
a#private-view2 {
	background:url(/images/salon-rotate-2-off.gif) top left no-repeat;
}
a#salon-rotate3,
a#private-view3 {
	background:url(/images/salon-rotate-3-off.gif) top left no-repeat;
}
a#salon-rotate4 {
	background:url(/images/salon-rotate-4-off.gif) top left no-repeat;
}
a#salon-rotate5 {
	background:url(/images/salon-rotate-5-off.gif) top left no-repeat;
}
a#salon-rotate6 {
	background:url(/images/salon-rotate-6-off.gif) top left no-repeat;
}
ul#rotate-buttons li.on a#salon-rotate1,
ul#rotate-buttons-private-view li.on a#private-view1 {
	background:url(/images/salon-rotate-1-on.gif) top left no-repeat;
}
ul#rotate-buttons li.on a#salon-rotate2,
ul#rotate-buttons-private-view li.on a#private-view2 {
	background:url(/images/salon-rotate-2-on.gif) top left no-repeat;
}
ul#rotate-buttons li.on a#salon-rotate3,
ul#rotate-buttons-private-view li.on a#private-view3 {
	background:url(/images/salon-rotate-3-on.gif) top left no-repeat;
}
ul#rotate-buttons li.on a#salon-rotate4 {
	background:url(/images/salon-rotate-4-on.gif) top left no-repeat;
}
ul#rotate-buttons li.on a#salon-rotate5 {
	background:url(/images/salon-rotate-5-on.gif) top left no-repeat;
}
ul#rotate-buttons li.on a#salon-rotate6 {
	background:url(/images/salon-rotate-6-on.gif) top left no-repeat;
}
.q-and-a {
	margin-bottom:2px;
}
.q-and-a h2 {
	font:2.7em Georgia, Times New Roman, Times, serif;
}
.q-and-a h2 a {
	color:#c33;
}
.q-and-a p {
	margin-bottom:18px;
	width:268px;
	float:left;
	margin-top:2px;
}
.question-and-anwsers .question,
.question-and-anwsers .answer {
	color:#c33;
	font:bold 2.4em Georgia, Times New Roman, Times, serif;
	float:left;
	width:20px;
	margin-right:10px;
	margin-top:0;
}
#spears-wire-header {
	background:#fff url(/images/bg-clip-top.gif) no-repeat top right;
	padding:1px 0 8px 0;
}
#spears-wire {
	background:#0A51A6 url(/images/bg-clip-bottom.gif) no-repeat top right;
	width:280px;
	margin:-1px 0 20px 0;
	padding:10px;
}
#spears-wire h2 {
	background:url(/images/header-spears-wire.gif) no-repeat top left;
	height:24px;
	width:85px;
	margin-bottom:10px;
}
#spears-wire h2 a {
	display:block;
	padding-bottom:7px;
}
#spears-wire h2 a:hover {
	text-decoration:none;
}
#spears-wire p,
#spears-wire p a {
	color:#fff;
}
ul.bullet-white-bluebg li {
	background:url(/images/bullet-white-bluebg.gif) no-repeat 0 2px;
	padding-left:15px;
	margin-bottom:1px;
}
ul.bullet-white-bluebg li a {
	color:#fff;
}
.hedgehog {
	margin-bottom:20px;
}
ul.bullet-black-whitebg li {
	background:url(/images/bullet-black-whitebg.gif) no-repeat 0 2px;
	padding-left:12px;
	margin-bottom:1px;
}
.hedgehog h2 {
	font:bold 1.5em Arial, Helvetica, sans-serif;
}
.hedgehog h3 {
	color:#c33;
	font:bold 1.5em Arial, Helvetica, sans-serif;
	margin-bottom:5px;
}
.hedgehog img {
	float:left;
	border:solid 1px #333;
	margin-right:10px;
	width:90px;
}
.hedgehog .articles {
	width:198px;
	float:left;
}
#spears-world {
	background-color:#F2F2F2;
	padding:10px;
	margin-bottom:20px;
}
#spears-world h2 {
	background:url(/images/header-spears-world.gif) no-repeat top left;
	height:24px;
	width:104px;
	float:left;
	margin-bottom:10px;
	margin-right:10px;
}
#spears-world h2 a {
	display:block;
	padding-bottom:7px;
}
#spears-world h2 a:hover {
	text-decoration:none;
}
#spears-world p {
	font:1.3em Arial, Helvetica, sans-serif;
	float:left;
	margin:3px 10px 10px 0;
}
#spears-world p a {
	color:#333;
}
#spears-world p.join {
	margin-top:8px;
}
ul.bullet-black-greybg {
	width:138px;
	float:left;
}
ul.bullet-black-greybg li {
	background:url(/images/bullet-black-greybg.gif) no-repeat 0 2px;
	margin-bottom:1px;
	padding-left:12px;
}
ul.bullet-black-greybg li a {
	color:#333;
}
#mpu {
	margin-bottom:20px;
}
#events-gallery {
	margin-bottom:10px;
}
#events-gallery h2 {
	color:#0A51A6;
	font:3.2em Georgia, Times New Roman, Times, serif;
}
#events-gallery h2 a {
	color:#0A51A6;
}
#events-gallery h3 {
	font:1.5em Arial, Helvetica, sans-serif;
	margin-bottom:10px;
}
.left-row {
	float:left;
	width:140px;
	margin-bottom:10px;
	margin-right:10px;
}
.right-row {
	float:left;
	width:140px;
	margin-bottom:10px;
}
.email-a-friend {
	margin:20px 0;
}
.email-a-friend h3 {
	margin-bottom:10px;
	font:bold 1.6em Arial, Helvetica, sans-serif;
}
fieldset.email label {
	margin:3px 10px 0 0;
	width:70px;
}
fieldset.email img {
	margin:5px 5px 0 5px;
}
fieldset.email p.error {
	margin-top:5px;
}



/***********************************************************************
	9 - IMAGE CAPTION HOVER
************************************************************************/

.highlights {
	width:140px;
}
.highlights .caption {
	width:120px;
	background-color:#000;
	padding:5px 10px;
	margin-bottom:10px;
}
.highlights .caption p {
	color:#fff;
}
li.pixie {
	overflow:hidden;
	position:relative;
}
li.pixie a {
	cursor:pointer;
}
li.pixie .caption,
li.pixie .trail-text {
	position:relative;
	top:0;
	left:0;
	z-index: 15;
	text-decoration:none;
	display:block;
	color:#fff;
	font:1.1em Arial, Helvetica, sans-serif;
}
ul.trail li.pixie .trail-text {
	margin-top:-14em;
	position:absolute;
	overflow:hidden;
	padding:10px 10px 0 10px;
	z-index:10;
	height:7.5em;
	width:120px;
	display:block;
}
li.pixie .trail-text {
	background:transparent url(/images/grey-bg.png) repeat;
}