/* STYLE SHEET FOR MANCHESTER BUSINESS CLUB WEB SITE
Created by Richard Clark, KMP Digitata
http://kmp.co.uk
Version Number: 1.0

/* ================ TABLE OF CONTENTS ======================

1. BASE
	1.1. Typography
	1.2. Links
	1.3. Tables
2. HEADER
	2.1. H1 Logo Replacement
	2.2. Top Level Action Navigation
	2.3. Search Form
3. NAVIGATION
	3.1. Primary Navigation
	3.2. Secondary Navigation
	3.3. Footer Navigation
	3.4. Breadcrumbs
	3.5. Paging
4. FOOTER BLOCK
5. CONTENT
6. SIDEBAR COMPONENTS

/* =============== NOTES =======================*/

/* ====================
COLOUR REFERENCE SHEET
-----------------------

Page Background: #32363f;
Primary Font: #fff;
Primary Link: #fff;
Primary Link Hover: #32363f;

Blue:#72c7e7;
Orange:#ff7d00;
Red/Pink:#dc1354;
Green:#7ec466;
Purple:#9161a8;

Borders, Headlines, etc, 

===================== */

@import url("/manbusinessclub.nsf/attachmentsbytitle/reset.css/$FILE/reset.css");

/*=======================
~1. BASE
=========================*/

html {
	position:relative;
}

body {
	background:#32363f;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:62.5%;
	line-height:1.5;
}

header, .content {
	margin:0 auto;
	width:960px;
	text-align:left;
}

.content {
	font-size:1em;
	padding:3em 0;
}

.wrapper {
	width:100%;
}

.skipnav {
	position: absolute;
	top:0;
	left: -999px;
	display: block;
	padding: 10px 20px;
}
.skipnav:focus { 
	left: 0; 
}

/*-----------------------
~1.1. TYPOGRAPHY
-----------------------*/

h1, h2, h3, h4 {
	margin-bottom: 10px;
	line-height:1em;
}

h1 {
	font-size: 2.4em;
}

h2 {
	font-size: 2.4em;
}

h3 {
	font-size: 1.6em;
}
		
h4 {
	font-size:1.4em;
	text-transform:uppercase;
}

p {
	padding-bottom: 1em;
	font-size:1.4em;
}

small {
	font-size:1em;
}

hr {
    border-top: 1px dotted #72c7e7;
}

blockquote {
	margin:10px 0 0 0;
	font-size:1.2em;
	font-style:italic;
	background:url(/manbusinessclub.nsf/attachmentsbytitle/quote.png/$FILE/quote.png) 0 5px no-repeat;
	text-indent:20px;
}

blockquote p {
	padding-bottom:0.5em;
}

blockquote p.author:first-letter {
	background:none;
}

ol {
	font-size:1.4em;
}

ol ol {
	font-size:1em;
}

ul {
	margin-bottom:1em;
	font-size:1.4em;
}

ul ul {
	margin:0 15px;
	font-size:1em;
}

img[align="left"], img.floatLeft {
	float:left;
}


img[align="right"], img.floatRight {
	float:right;
}

pre, code {
	font-size:1.5em;
}

pre code {
	font-size:1em;
}

ins {
	background:#ffff00;
}

abbr{
	border-bottom:1px dotted black;
}

.clear{
	clear:both;
}

article ul, article ol {
	margin-left:65px;
}

article ul ul, article ol ol {
	margin-left:35px;
}

.content article h3 {
	border-bottom:0;
}


/*-----------------------
~1.2. Links
-------------------------*/

a {
	text-decoration:none;
	color:#fff;
}

a:hover {
	text-decoration:underline;
}

.btn {
	color:#fff;
	font-size:1.2em;
	background-color:#42464f;	
	border:1px solid #fff;
	text-transform:uppercase;
	padding:5px 10px 5px 10px;
	position:absolute;
	bottom:15px;
	left:10px;
}

.btn span {
	background:transparent url(/manbusinessclub.nsf/attachmentsbytitle/arrow.png/$FILE/arrow.png) 100% 3px no-repeat;	
	padding:0 20px 0 0;
	display:block;
}


article a {
	text-decoration:underline;
}

a.stbutton {
	color:#fff !important;
}

/*-----------------------
~1.3. STANDARD TABLES
-----------------------*/

table {	
	margin:10px 0;
	border-bottom:1px dotted #fff;
	text-align:left;
	font-size:1.2em;
}
		
caption {
	padding:5px 10px;
	font-size:1.4em;
	font-weight:bold;
	text-align:left;
}
		
th {
	padding:5px 10px;
	background:#fff;
	color:#42464f;
}

td {
	padding:5px 10px;
}

/*=======================
~2. HEADER
=========================*/

.head-wrap {
	background:url(/manbusinessclub.nsf/attachmentsbytitle/sprite.png/$FILE/sprite.png) 0 -65px repeat-x;
}

header {
	min-height:100px;
	position:relative;
z-index:12;	
}

header h2.strap, header h3.strap {
	border-bottom:0;
	font-size:3.6em;
	font-weight:normal;
	position:absolute;
	top:20px;
	left:300px;
	z-index:3;
}

.bkgd-head {
	background:url(/manbusinessclub.nsf/attachmentsbytitle/bkgd-header.png/$FILE/bkgd-header.png) 100% 0 no-repeat;
	position:absolute;
	top:0;
	left:-660px;
	width:100%;
	height:100%;
}

/*-----------------------
~2.1. H1 Logo Replacement
-------------------------*/

.logo { 
	letter-spacing : -1000em;
} 

/* Just for Opera, but hide from MacIE */ 
/*\*/html>body .logo { 
	text-indent : -999em; 
	letter-spacing : normal; 
	overflow : hidden;
} 
/* End of hack */ 

h1.logo, h2.logo {
	float:left;
	border:none;
	background: url(/manbusinessclub.nsf/attachmentsbytitle/logo.png/$FILE/logo.png) top left no-repeat;
	margin:10px 0 0 -15px;
	position:relative;
	z-index:1;
}

/* Set width & height to image dimensions */
h1.logo a, h2.logo a {
	display:block;
	width:137px;
	height:77px;
}

/*======================= 
~3. NAVIGATION
=========================*/

/*-----------------------
~3.1. Primary Navigation
-------------------------*/

header nav {	
	width:80%;
	text-align:right;
	position:absolute;
	bottom:0;
	right:0;
	z-index:11;
}

header nav ul {
	float:left;
	width:auto;
	margin-bottom:0;
	font-size:1.2em;
margin-left:40px;
}

header nav ul li {
	float:left;
	width:auto;
	display:block;
	margin-right:2px;
	background:#42464f;
	color:#fff;
}

header nav ul li a {
	font-weight:bold;
	color:#fff;
	background:#42464f;	
	padding:5px 9px;
	border-bottom:1px solid #fff;	
	float:left;
	width:auto;

}

header nav ul li a:hover, header nav ul li a:focus {
	color:#42464f;
	background:#fff;
	text-decoration:none;
}

header nav li#join a {
	background:url(/manbusinessclub.nsf/attachmentsbytitle/sprite.png/$FILE/sprite.png) 0 -330px repeat-x;
}

header nav li#join a:hover, header nav li#join a:focus {
	background-position:0 -700px;	
}

.home li#home a,
.midas li#midas a,
.mag li#mag a,
.city li#city a,
.events li#events a,
.events-main li#events-main a,
.contact li#contact a,
.join-now li#join a,
.benefits li#benefits a{
	color:#42464f;
	background:#fff;
}

/*-----------------------
~3.3. Footer Navigation
-------------------------*/

footer nav {
	float:right;
	width:auto;
	margin:2em 0 1em 0;
}

footer nav ul {
	font-size:1.1em;
}

footer nav ul li {
	display:block;
	float:left;
	padding:3px 5px;
	border-left:1px solid #fff;
	line-height:1;
	font-weight:bold;
}

footer nav ul li:first-child {
	border-left:0;
}

footer nav ul li a:focus {
	text-decoration:underline;
}

/*======================= 
~4. FOOTER BLOCK
=========================*/

footer {
	position:fixed;
	bottom:0;
	height:80px;
	background:#32363f url(/manbusinessclub.nsf/attachmentsbytitle/sprite.png/$FILE/sprite.png) 0 -165px repeat-x;
	border-top:2px solid #72c7e7;
	width:100%;
	z-index:10;
}

footer div {
	margin:0 auto;
	width:960px;
}

footer small {
	float:right;
	width:auto;
	font-size:1.1em;
}

.partners {
	list-style:none;
	margin:1em 0 0.5em 0;
	float:left;
	width:70%;
}

.partners li {
	display:block;
	float:left;
	width:auto;
	margin-right:3%;
}

/*=======================
~5. CONTENT
=========================*/

.wrapper {
	padding-bottom:140px;	
	overflow:hidden;
}

.content .swoosh {
	background:transparent url(/manbusinessclub.nsf/attachmentsbytitle/bkgd-wrap.png/$FILE/bkgd-wrap.png) 0 0 no-repeat;
	width:600px;
	height:700px;
	position:absolute;
	top:0;
	left:-300px;
	float:none;
	margin:0;
}

.content {
	clear:both;
	position:relative;
}

.content  article, .content section, .content nav, .content aside {
	position:relative;
	z-index:3;
}

.background {
	clear:both;
	position:absolute;
	z-index:-1;
	width:100%;
	height:100%;
	top:0;
	left:0;
}

.content > div {
	padding-bottom:100px;
	width:480px;
	margin-left:200px;
	margin-right:20px;
	float:left;	
}
.events-main .content > div {
	width:760px;
}

article {
	padding:15px 10px;
	-moz-border-radius-topright:10px;
	-webkit-border-top-right-radius:10px;
	border-radius-top-right:10px;
	-moz-border-radius-topleft:10px;
	-webkit-border-top-left-radius:10px;
	border-radius-top-left:10px;
	box-shadow:0 -5px 30px rgba(0,0,0,0.7);
	-moz-box-shadow:0 -5px 30px rgba(0,0,0,0.7);
	-webkit-box-shadow:0 -5px 30px rgba(0,0,0,0.7);	
	background:rgba(66,70,79,0.8);
	background: -webkit-gradient(linear, 0% 0%, 0% 20%, from(rgba(0, 0, 0, 0.8)), to(rgba(66,70,79, 0.8)));
	background: -moz-linear-gradient(20% 0, 0 0, from(rgba(0, 0, 0, 0.8)), to(rgba(66,70,79, 0.8)));	
}

article h1 {
	font-size:1.8em;
	font-weight:normal;
	margin-bottom:1em;
}

article h2 {
	font-size:2.4em;
	font-weight:normal;
	margin-bottom:1em;	
}

article p {
	margin-left:65px;
}

article p.cite {
	font-size:1.2em;
}

article aside {
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	margin-bottom:1em;
}

article aside p, article blockquote p {
	margin-left:0;
}

.content h3 {
	padding:10px;
	border-bottom: 1px dotted #72c7e7;	
}

.join {
	width:220px;	
	margin-right:20px;
	float:left;
}

.join h3, .content nav h3 {
	margin-bottom:0;
}

.join ul {
	margin-left:25px;
	margin-bottom:0.5em;
}

.join .btn {
	width:175px;
	background:url(/manbusinessclub.nsf/attachmentsbytitle/sprite.png/$FILE/sprite.png) 0 -330px repeat-x;	
}

.join .btn:hover, .join .btn:focus {
	text-decoration:none;
	background-position:0 -700px;
}

.content nav {
	width:220px;
	float:left;	
	padding-bottom:0;
}

.content nav ul {
	margin-bottom:0;
}

.content nav li {
	border-bottom:1px solid #5b5e65;
	margin-bottom:0;
	height:41px;
	text-transform:uppercase;
	font-weight:bold;
	
	position:relative;
}

.content nav li div {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:10;
	background:rgba(50,54,63,0.8);
}

.content nav span {
	padding-top:10px;
	padding-left:10px;
	float:left;
	width:auto;
}

.content nav li a {
	float:left;
	width:185px;
	padding-right:35px;
	background:url(/manbusinessclub.nsf/attachmentsbytitle/arrow.png/$FILE/arrow.png) 94% 13px no-repeat;	
	color:#fff;
}

.content nav li a:hover, .content nav li a:focus {
	text-decoration:none;	
}

.content nav li img {
	border-right:2px solid #42464f;	
	width:40px;
	height:40px;
	float:left;
}

/*=======================
~6. SIDEBAR COMPONENTS
=========================*/

.content .sidebar {
	width:220px;
	float:right;
}

.sidebar .join, .sidebar nav {
	margin-bottom:2.5em;
}

.sidebar h3 {
	border-bottom: 1px dotted #72c7e7;	
}

/*=======================
~7. HOME
=========================*/

.home .wrapper {
	min-height:600px;
}

.home article {
	width:380px;
	margin-left:240px;
	margin-bottom:6em;
	padding-top:30px;
	position:relative;
	background:none;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	border-radius:0;
	box-shadow:none;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;	
	padding:0;
	
}

.home article h2 {
	border-top:1px solid #fff;
	border-bottom:2px solid #fff;
	text-transform:uppercase;
	font-size:6em;
	padding:5px 10px;
	margin-bottom:0;
	clear:both;
	font-weight:bold;
}

.home article time {
	font-size:2.4em;
	padding:0 10px;
}

.home .content p {
	margin-left:0;
}

.home .content article p {
	font-size:1.8em;
	font-weight:bold;
	padding:5px 10px 30px 10px;
	background:rgba(66,70,79, 0.7);
}

.home article p.event {
	font-size:1.4em;
	font-weight:bold;
	padding:2px 5px;
	background:#42464f;
	display:inline-block;
	clear:both;
	margin-bottom:2px;
}

.home article a {
	color:#fff;
	text-decoration:none;	
}

.home article .btn {
	position:absolute;
	bottom:-10px;
	left:10px;
}

.home article a:hover, .home article a:focus {
	text-decoration:none;
}

.home section, .join, .content nav {
	background:#42464f url(/manbusinessclub.nsf/attachmentsbytitle/sprite.png/$FILE/sprite.png) 0 -360px repeat-x;
	-moz-border-radius-topright:10px;
	-webkit-border-top-right-radius:10px;
	border-radius-top-right:10px;
	-moz-border-radius-topleft:10px;
	-webkit-border-top-left-radius:10px;
	border-radius-top-left:10px;
	box-shadow:0 -5px 30px rgba(0,0,0,0.7);
	-moz-box-shadow:0 -5px 30px rgba(0,0,0,0.7);
	-webkit-box-shadow:0 -5px 30px rgba(0,0,0,0.7);
	min-height:187px;
	padding-bottom:60px;
	position:relative;
}

.content nav {
	padding-bottom:0;
}

.home .content p {
	padding:0 10px 10px;
}

.home section {
	width:400px;
	margin-left:80px;
	margin-right:20px;
	float:left;
}

.home section a.btn {
	width:40%;
	margin-right:1%;
	text-transform:none;
	background-color:#32363f;
}

.home section a.btn:hover, .home section a.btn:focus {
	background-color:#fff;
	text-decoration:none;
	color:#32363f;
	border:1px solid #32363f;	
}

.home section a.btn:hover span, .home section a.btn:focus span {
	background-position:100% -57px;
}

.home section a.a-mag {
	left:50%;
}

/*=======================
~7. Forms
=========================*/

.form p {
	margin-left:0;
}

.form input, .form select, .form textarea {
	width:220px;
	border:1px solid #32363f;
	font-size:1.1em;
}

textarea {
	font-family:Arial, Helvetica, sans-serif;
	height:150px;
}

.form input[type="text"], .form select {
	background:#fff !important;	
}

.form label {
	font-size:1em;
}

.form strong {
	font-weight:normal;
	display:block;
	float:left;
	width:200px;
}

.f-add {
	padding:15px 10px;
	background:rgba(255,255,255,0.5);
	margin-left:-10px;
	margin-bottom:1em;
	width:460px;
}

.f-add p {
	color:#32363f;
}

.terms {
	border-bottom:2px solid #fff;
	margin-bottom:1em;
}

.terms p{
	font-size:1.2em;
}

.terms strong {
	display:inline;
	width:auto;
	float:none;
}

.terms input {
	display:inline;
	width:auto;
	float:none;
}

.terms a {
	text-decoration:underline;
}

input.fbtn, a.fbtn {
	color:#42464f;
	font-size:1.2em;
	background:#fff url(/manbusinessclub.nsf/attachmentsbytitle/arrow.png/$FILE/arrow.png) 94% -53px no-repeat;	
	border:1px solid #42464f;
	text-transform:uppercase;
	padding:5px 30px 5px 5px;
	text-align:left;
	width:auto;
	font-weight:bold;
	float:right;
	text-decoration:none;
}

input.fbtn:hover, a.fbtn:hover, input.fbtn:focus, a.fbtn:focus {
	color:#fff;
	font-size:1.2em;
	background:#42464f url(/manbusinessclub.nsf/attachmentsbytitle/arrow.png/$FILE/arrow.png) 94% 7px no-repeat;	
	border:1px solid #fff;
	text-transform:uppercase;
	padding:5px 30px 5px 5px;
	text-align:left;
	width:auto;
	cursor:pointer;
}

.fbtn {
	margin-right:40px;
}


.job-details {
	border-top:1px solid #fff;
	padding:1em 0 0 0;
}

.choose-clubs {
	border-top:1px solid #fff;
	border-bottom:2px solid #fff;
	margin-bottom:1em;
	padding:1em 0 0 0;
}

.choose-clubs p {
	width:200px;
	float:left;
}

.choose-clubs .question {
	width:100%;
}

.choose-clubs input {
	width:auto;
}

.choose-clubs strong {
	width:100px;
}

.mandatory {
	font-size:1.2em;
}

/*------------------------
~Errors
--------------------------*/

.form-error {
	display:none;
	margin-bottom:2em;
	border:2px solid #b00130;
	background:#ebbfcb;
	color:#b00130;		
}

.form-error p {
	color:#b00130;
	padding:10px 20px;
}

.error {
	display:none;
	width:200px;
	padding:3px 8px;
	margin-top:3px;
	margin-left:200px;
	border:2px solid #b00130;
	background:#ebbfcb;	
	color:#b00130;
	font-size:1em;
}

.error-wide {
	display:none;
	clear:both;
	width:440px;
	margin-left:0;
	margin-bottom:10px;
	font-size:1.4em;
	border:2px solid #b00130;
	background:#ebbfcb;	
	color:#b00130;	
	padding:3px 8px;	
}

/*=======================
~x. Event Listings
=========================*/

.events h1,
.events-main h1 {
	margin-bottom:1em;
	font-weight:normal;
	text-transform:uppercase;
	margin-bottom:0.6em;
	margin-top:0.2em;
	padding:5px 0;	
	border-top:1px solid #fff;
	border-bottom:2px solid #fff;
	font-size:3.0em;
}

.events h2,
.events-main h2 {
	font-size:1.8em;
	line-height:1.2em;
}

.vevent {
	margin-bottom:4em;
}

.vevent h2 {
	text-transform:uppercase;
	margin-bottom:0.6em;
	margin-top:0.2em;
	padding:5px 0;	
	border-top:1px solid #fff;
	border-bottom:2px solid #fff;
}

.vevent h2 a {
	text-decoration:none;
	display:block;
}

.vevent h3 {
	font-weight:normal;
	font-style:italic;
	line-height:1.3;
	padding:0;
}

.vevent p {
	margin-left:0;
}

.vevent .date {
	border-bottom:2px solid #fff;
	padding-bottom:3px;
	margin-bottom:5px;
}

.vevent .btn {
	position:relative;
	font-size:1.2em;
	bottom:0;
	left:0;
	float:left;
	width:auto;
	text-decoration:none;
}
.events-main .vevent a img {
	position:absolute;
	top:15px;
	right:10px;
	border:1px solid #fff;
}

/*=======================
~8. Manchester
=========================*/

.manchester-city {
	background:url(/manbusinessclub.nsf/attachmentsbytitle/manchester-city.jpg/$FILE/manchester-city.jpg) no-repeat fixed 50% 50%;
	min-height:700px;
}

.manchester-airport {
	background:url(/manbusinessclub.nsf/attachmentsbytitle/manchester-airport.jpg/$FILE/manchester-airport.jpg) no-repeat fixed 50% 50%;
	min-height:700px;
}



.midas-inner {
	background:url(/manbusinessclub.nsf/attachmentsbytitle/manchester-business-club.jpg/$FILE/manchester-business-club.jpg) no-repeat fixed 50% 50%;
	min-height:700px;
}

.abstract {
	background:url(/manbusinessclub.nsf/attachmentsbytitle/abstract.jpg/$FILE/abstract.jpg) no-repeat fixed 50% 50%;
	min-height:700px;	
}

.join-now .abstract {
	min-height:1500px;
}


/*=======================
~9. Singapore
=========================*/


.singapore {
background:url("/manbusinessclub.nsf/attachmentsbytitle/singapore.jpg/$FILE/singapore.jpg") repeat-y fixed 50% 100% transparent;
min-height:700px;
}

.singapore article h1, .singapore article h2 {
	border-color:#dc1354;
	color:#dc1354;
}

.singapore article time {
	color:#dc1354;
}

.singapore article p.event {
	background:#dc1354;
}

.singapore article a {
	color:#dc1354;
}

.singapore article .btn, .sg .btn {
	color:#fff;
	background-color:#dc1354;
}

.singapore article .btn:hover, .sg .btn:hover, .singapore article .btn:focus, .sg .btn:focus {
	color:#dc1354;
	background:#fff;
	border:1px solid #dc1354;
}

.singapore article .btn:hover span, .sg .btn:hover span, .singapore article .btn:focus span, .sg .btn:focus span {
	background-position:100% -27px;
}

.singapore #sg a {
	background-color:#dc1354;
}

#sg a:hover, #sg a:focus {
	color:#fff;	
	background-color:#dc1354;
}

.sg h2, .sg h2 a, li.sg a {
	color:#dc1354;
}

.sg h2 a:hover, .sg h2 a:focus {
	color:#fff;
}

.sg h2,
.sg .date,
.events-main article.sg a img {
	border-color:#dc1354;
}
.filter li.sg {
	background:url(/manbusinessclub.nsf/AttachmentsByTitle/arrow-sg.jpg/$FILE/arrow-sg.jpg) no-repeat 0 2px;
}

/*=======================
~10. Kuala Lumpur
=========================*/

.kuala-lumpur {
	background:url(/manbusinessclub.nsf/AttachmentsByTitle/kuala-lumpur.jpg/$FILE/kuala-lumpur.jpg) 50% 50% no-repeat fixed;
	min-height:700px;
}

.kuala-lumpur article h1, .kuala-lumpur article h2 {
	border-color:#e17d00;
	color:#e17d00;
}

.kuala-lumpur article time {
	color:#e17d00;
}

.kuala-lumpur article p.event {
	background:#e17d00;
}

.kuala-lumpur article a {
	color:#e17d00;
}

.kuala-lumpur article .btn, .kl .btn {
	color:#fff;
	background-color:#e17d00;
}

.kuala-lumpur article .btn:hover, .kl .btn:hover, .kuala-lumpur article .btn:focus, .kl .btn:focus {
	color:#e17d00;
	background:#fff;
	border:1px solid #e17d00;
}

.kuala-lumpur article .btn:hover span, .kl .btn:hover span, .kuala-lumpur article .btn:focus span, .kl .btn:focus span {
	background-position:100% -117px;
}

.kuala-lumpur #kl a {
	background-color:#e17d00;
}

#kl a:hover, #kl a:focus {
	color:#fff;	
	background-color:#e17d00;
}

.kl h2, .kl h2 a, li.kl a {
	color:#e17d00;
}

.kl h2 a:hover, .kl h2 a:focus {
	color:#fff;
}

.kl h2,
.kl .date,
.events-main article.kl a img {
	border-color:#e17d00;
}

.home .kuala-lumpur article h2 {
	width:480px;
}
.filter li.kl {
	background:url(/manbusinessclub.nsf/AttachmentsByTitle/arrow-kl.jpg/$File/arrow-kl.jpg) no-repeat 0 2px;
}
/*=======================
~9. New York
=========================*/

.newyork {
	background:url(/manbusinessclub.nsf/AttachmentsByTitle/newyork.jpg/$File/newyork.jpg) 50% 50% no-repeat fixed;
	min-height:700px;
}

.newyork article h1, .newyork article h2 {
	border-color:#7ec466;
	color:#7ec466;
}

.newyork article time {
	color:#7ec466;
}

.newyork article p.event {
	background:#7ec466;
}

.newyork article a {
	color:#7ec466;
}

.newyork article .btn, .ny .btn {
	color:#fff;
	background-color:#7ec466;
}

.newyork article .btn:hover, .ny .btn:hover, .newyork article .btn:focus, .ny .btn:focus {
	color:#7ec466;
	background:#fff;
	border:1px solid #7ec466;
}

.newyork article .btn:hover span, .ny .btn:hover span, .newyork article .btn:focus span, .ny .btn:focus span {
	background-position:100% -147px;
}

.newyork #ny a {
	background-color:#7ec466;
}

#ny a:hover, #ny a:focus {
	color:#fff;	
	background-color:#7ec466;
}

.ny h2, .ny h2 a, li.ny a {
	color:#7ec466;
}

.ny h2 a:hover, .ny h2 a:focus {
	color:#fff;
}

.ny h2,
.ny .date,
.events-main article.ny a img {
	border-color:#7ec466;
}
.filter li.ny {
	background:url(/manbusinessclub.nsf/AttachmentsByTitle/arrow-ny.jpg/$File/arrow-ny.jpg) no-repeat 0 2px;
}

/*=======================
~9. India
=========================*/

.india {
	background:url(/manbusinessclub.nsf/AttachmentsByTitle/india.jpg/$File/india.jpg) 50% 50% no-repeat fixed;
	min-height:700px;
}

.india article h1, .india article h2 {
	border-color:#9161a8;
	color:#9161a8;
}

.india article time {
	color:#9161a8;
}

.india article p.event {
	background:#9161a8;
}

.india article a {
	color:#9161a8;
}

.india article .btn, .in .btn {
	color:#fff;
	background-color:#9161a8;
}

.india article .btn:hover, .in .btn:hover, .india article .btn:focus, .in .btn:focus {
	color:#9161a8;
	background:#fff;
	border:1px solid #9161a8;
}

.india article .btn:hover span, .in .btn:hover span, .india article .btn:focus span, .in .btn:focus span {
	background-position:100% -177px;
}

.india #in a {
	background-color:#9161a8;
}

#in a:hover, #in a:focus {
	color:#fff;	
	background-color:#9161a8;
}

.in h2, .in h2 a, li.in a {
	color:#9161a8;
}

.in h2 a:hover, .in h2 a:focus {
	color:#fff;
}

.in h2,
.in .date,
.events-main article.in a img {
	border-color:#9161a8;
}
.filter li.in {
	background:url(/manbusinessclub.nsf/AttachmentsByTitle/arrow-in.jpg/$File/arrow-in.jpg) no-repeat 0 2px;
}

/*=======================
~9. India
=========================*/

.losangeles {
	background:url(/manbusinessclub.nsf/AttachmentsByTitle/losangeles.jpg/$File/losangeles.jpg) 50% 50% no-repeat fixed;
	mla-height:700px;
}

.losangeles article h1, .losangeles article h2 {
	border-color:#72c7e7;
	color:#72c7e7;
}

.losangeles article time {
	color:#72c7e7;
}

.losangeles article p.event {
	background:#72c7e7;
}

.losangeles article a {
	color:#72c7e7;
}

.losangeles article .btn, .la .btn {
	color:#fff;
	background-color:#72c7e7;
}

.losangeles article .btn:hover, .la .btn:hover, .losangeles article .btn:focus, .la .btn:focus {
	color:#72c7e7;
	background:#fff;
	border:1px solid #72c7e7;
}

.losangeles article .btn:hover span, .la .btn:hover span, .losangeles article .btn:focus span, .la .btn:focus span {
	background-position:100% -207px;
}

.losangeles #la a {
	background-color:#72c7e7;
}

#la a:hover, #la a:focus {
	color:#fff;	
	background-color:#72c7e7;
}

.la h2, .la h2 a, li.la a {
	color:#72c7e7;
}

.la h2 a:hover, .la h2 a:focus {
	color:#fff;
}

.la h2,
.la .date,
.events-main article.la a img {
	border-color:#72c7e7;
}
.filter li.la {
	background:url(/manbusinessclub.nsf/AttachmentsByTitle/arrow-la.jpg/$File/arrow-la.jpg) no-repeat 0 2px;
}

/*=======================
~xx. Gallery
=========================*/

.galleria {
	list-style:none;
	width:100%;
	margin:0;
	float:left;
	margin-top:20px;
}
.galleria li {
	display:block;
	width:50px;
	height:50px;
	overflow:hidden;
	float:left;
	margin:0 4px 0 0
}
.galleria li a {
	display:none
}
.galleria li div {
	position:absolute;
	display:none;
	top:0;
	left:180px
}
.galleria li div img {
	cursor:pointer
}
.galleria li.active div img, .galleria li.active div {
	display:block
}
.galleria li img.thumb {
	cursor:pointer;
	top:auto;
	left:auto;
	display:block;
	width:auto;
	height:auto
}
.galleria li .caption {
	display:block;
	padding-top:.5em
}

.galleria_container span.caption {
	display:block;
	padding:2px 0;
	font-size:12px;
}

* html .galleria li div span {
	width:400px
} /* MSIE bug */
#main_image {
	margin:0 auto 10px auto;
	height:272px;
	width:438px;
	background:black;
}
#main_image img {
	margin-bottom:0;
	width:100%;
	height:100%;
}
.gallery-wrap {
	width:438px;
	background:#42464F;
	/*	border:1px solid rgba(0,0,0,0.6);*/
	padding:10px;
	margin-bottom:10px;
	overflow:auto;
}

article img {
	margin:0 auto 10px;
	display:block;
}


/*added 23/02/10 */

.events-main article {
	padding:15px 10px;
	-moz-border-radius-topright:0;
	-webkit-border-top-right-radius:0;
	border-radius-top-right:0;
	-moz-border-radius-topleft:0;
	-webkit-border-top-left-radius:0;
	border-radius-top-left:0;	
	margin:0 10px 10px 0;
	box-shadow:none;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;	
}
.events-main .vevent h2 {
	border-bottom:none;
	margin:0 0 7px;
	padding-top:10px;
}
.events-main .vevent p {
	padding-bottom:0;
}

.events-main .vevent .btn {
bottom:auto;
left:auto;
position:absolute;
right:60px;
top:27px;
width:170px;
}

.tabs {
	list-style:none;
	border-bottom:5px solid #fff;
	margin-bottom:2px;
	background:none;
}
.tabs li {
	display:inline-block;
	text-align:center;
	-moz-border-radius-topright:10px;
	-webkit-border-top-right-radius:10px;
	border-radius-top-right:10px;
	-moz-border-radius-topleft:10px;
	-webkit-border-top-left-radius:10px;
	border-radius-top-left:10px;
	background:rgba(66,70,79,1);
}
.tabs li.active {
	background:#fff;
}
.tabs li.active a {
	color:#42464f;
}
.tabs li a {
	padding:15px 0 0;
	text-transform:uppercase;
	color:#fff;
	font-size:18px;
	font-weight:bold;
	display:block;
	width:135px;
	height:40px;
}
ul.filter {
	list-style:none;
	padding:5px 10px;
	background:rgba(66,70,79,1);
}
ul.filter li {
	display:inline;
	width:auto;
	padding:0 0 0 20px;
	font-weight:bold;
	margin:0 5px;
	background:url(/manbusinessclub.nsf/AttachmentsByTitle/arrow.jpg/$File/arrow.jpg) no-repeat 0 2px;
}
.upcoming-events,
.past-events {
	margin-bottom:20px;
	border-bottom:5px solid #fff;
}
.past-events {
	display:none;
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}


/* 09/03/10 */

.events-main article {
	background:rgba(66,70,79,1);
	background: -webkit-gradient(linear, 0% 0%, 0% 20%, from(rgba(0, 0, 0, 0.8)), to(rgba(66,70,79, 1)));
	background: -moz-linear-gradient(20% 0, 0 0, from(rgba(0, 0, 0, 0.8)), to(rgba(66,70,79, 1)));	
}