/*  CSS Document  */
/*  Basic Rules  */
	/* to break ns4's css */
	\html{position:relative;}
	html,body{font-family:Arial, Helvetica, sans-serif;}
	img,object,embed{border:none;vertical-align:bottom;}
	/* to avoid ff<1.03 bug */
	html, body, div, h1, h2, h3, h4, h5, h6, dl, ul, ol, form, table, hr, fieldset, p, blockquote{
	margin:0;
	padding:0;
}
	abbr,acronym{font-style:normal;border-bottom:dotted 1px #999999;cursor:help;}
	.print,legend{display:none;}
	fieldset{border:none;}

/*  Site Classes  */
	/* contain */
	.contain:after{content:'.';display:block;clear:both;visibility:hidden;height:0;}
	.contain{display:inline-table;}
	* html .contain{/* nomac \*/height:1%;/* nomac */}
	.contain{/* nomac \*/display:block;/* nomac */}

	/* image replacement */
	.imageReplace{position:relative;/* nomac \*/overflow:hidden;/* nomac */margin:0px; padding:0px;}
	.imageReplace span{width:100%;height:100%;position:absolute;background-repeat:no-repeat;top:0px;left:0px;z-index:1;}

	/* error */
	.error {font-weight:bold;color:red;}
	.free{text-transform:uppercase;}


/*	Colors
	--------------------------
	beige:				dec49c
	dark-grey: 			2c271f
	member-green: 		435b07
	holland-gold: 		c57701
	ladbroke-burgundy: 	822328
	notting-blue: 		366a75
	home-red: 			c32012
	--------------------------  */
	
	
/*  General  */
	html {height:100%;}
	*html body {position:relative;height:100%;}
	h1, h2 {font-size:0.85em;}
	h3 {color:#333;font-size:0.85em;line-height:1.7em;}
	p, address, li, label {color:#333;font-size:0.75em;font-weight:normal;line-height:1.4em;}
	p, ul {margin-bottom:1em;}
	li {margin-left:15px;}
	address {font-style:normal;}


/*  Template Structure  */
	body {background:url(../img/bg1.jpg);}
	#pageWrap {
	width:750px;
	margin:0 auto;
	position:relative;
	text-align:left;
	z-index:2;
}
	#bgTop {background:url(../img/bgTop.jpg);width:100%;height:70px;position:absolute;left:0;}
	#header {width:500px;height:366px;float:left;}
	#imagery {position:absolute;}
	#header h1, #content1 h2 {height:69px;border-bottom:1px solid #dec49c;}
	#content1 h2 {margin-bottom:10px;}
	#content1 {width:226px;margin-left:520px;}
	* html #content1 {margin-left:0;position:absolute;left:520px;top:0;}
	#content1 p img {margin-top:10px;}
	#content2 {
	float:left;
	width:500px;
	margin:0 0 2em;
}
	#content2 h2 {height:54px;margin-bottom:0.5em;}
	#locations .clubAddress, #footer li {
	width:165px;
	float:left;
	margin-bottom:0.5em;
}
	#locations .clubAddress .vt {margin:0.2em 0;}
	#footer {width:500px;}
	#footer li {list-style-type:none;margin-left:0;line-height:2.5em;}
	.brandIcon {width:295px;height:350px;position:absolute;right:0;bottom:0;z-index:1;background-position:right bottom;}
	*> .brandIcon {position:fixed;}


/*  Page - Home  */
	#home .brandIcon {background:url(../img/icon_home.png) no-repeat;}
	#home #header h1 span{background:url(../img/h1_content1_home.jpg) no-repeat;}
	#home #header h1 span span{background:url(../img/h1_content1_home.png) no-repeat;}
	#home a, #home h3 a:hover {color:#2c271f;}
	#home a:hover, #home h3 a {color:#c32012;}
	#home #content1 p.hire {font-weight:bold;color:#c32012;}
	#home #content1 p.hire a {color:#c32012;}
	#home #content1 p.hire a:hover {color:#2c271f;}


/*  Page - Notting Hill Gate  */
	#nhg .brandIcon {background:url(../img/icon_notting.png) no-repeat;}
	#nhg #header h1 span{background:url(../img/h1_content1_notting.jpg) no-repeat;}
	#nhg #header h1 span span{background:url(../img/h1_content1_notting.png) no-repeat;}
	#nhg a, #nhg h3 a:hover {color:#2c271f;}
	#nhg a:hover, #nhg h3 a {color:#366a75;}
	#nhg #content1 p.hire {font-weight:bold;color:#366a75;}
	#nhg #content1 p.hire a {color:#366a75;}
	#nhg #content1 p.hire a:hover {color:#2c271f;}


/*  Page - Holland Park  */
	#hp .brandIcon {background:url(../img/icon_holland.png) no-repeat;}
	#hp #header h1 span{background:url(../img/h1_content1_holland.jpg) no-repeat;}
	#hp #header h1 span span{background:url(../img/h1_content1_holland.png) no-repeat;}
	#hp a, #hp h3 a:hover {color:#2c271f;}
	#hp a:hover, #hp h3 a {color:#c57701;}
	#hp #content1 p.hire {font-weight:bold;color:#c57701;}
	#hp #content1 p.hire a {color:#c57701;}
	#hp #content1 p.hire a:hover {color:#2c271f;}


/*  Page - Ladbroke Grove  */
	#lg .brandIcon {background:url(../img/icon_ladbroke.png) no-repeat;}
	#lg #header h1 span{background:url(../img/h1_content1_ladbroke.jpg) no-repeat;}
	#lg #header h1 span span{background:url(../img/h1_content1_ladbroke.png) no-repeat;}
	#lg a, #lg h3 a:hover {color:#2c271f;}
	#lg a:hover, #lg h3 a {color:#822328;}
	#lg #content1 p.hire {font-weight:bold;color:#822328;}
	#lg #content1 p.hire a {color:#822328;}
	#lg #content1 p.hire a:hover {color:#2c271f;}


/*  Page - Membership  */
	#member .brandIcon {background:url(../img/icon_membership.png) no-repeat;}
	#member #header h1 span{background:url(../img/h1_content1_membership.jpg) no-repeat;}
	#member #header h1 span span{background:url(../img/h1_content1_membership.png) no-repeat;}
	#member a, #member h3 a:hover {color:#2c271f;}
	#member a:hover, #member h3 a {color:#435b07;}
	
	#member #content1 p.hire {font-weight:bold;color:#435b07;}
	#member #content1 p.hire a {color:#435b07;}
	#member #content1 p.hire a:hover {color:#2c271f;}
	#member #content2 {margin-top:-160px;}
	
	#member #form_member_div {margin-bottom:2em;}
	#member #form_member_div .inputRow {clear:both;margin-bottom:0.2em;}
	#member #form_member_div .interest .checkRow {float:left;width:20em;}
	#member #form_member_div .leftLabel {float:left;width:165px;margin-top:0.2em;}
	#member #form_member_div .interest .leftLabel {height:11em;}
	*html #member #form_member_div .leftLabel {width:160px;}
	#member #form_member_div .userInput input, #member #form_member_div .userInput select {width:250px;}
	#member #form_member_div .floatLeft {float:left;}
	#member #form_member_div .interest label {display:block;width:5em;}
	#member #form_member_div .submit {margin-left:165px;margin-top:0.5em;clear:both;} 


/*  Page - Map  */
	#map a {color:#2c271f;}
	#map a:hover {color:#c32012;}
	#map #image {text-align:center;margin-top:20px;}
	#map #image img {border:1px solid #2c271f;}
	#map #address {margin:1em 20px 0 20px;}
	#map #streetmap {float:right;text-align:right;}