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

Secrets Clubs : Homepage Stylesheet

Developed by Matthew Hill, September 2006
Copyright Nixon McInnes (c) 2006
http://www.nixonmcinnes.co.uk

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

/******************************************************************************************************************
WRAPPER
******************************************************************************************************************/

#wrapper {
	width:984px;
	margin:0 auto;
	padding:0;
	background:url(../images/bg_curtain_home.jpg) top left no-repeat;
	min-height:700px;
}

/******************************************************************************************************************
CONTENT / MAIN / POSITIONS + SIZES
******************************************************************************************************************/

/* MAIN + NAVIGATION use the One True Layout approach for source ordering navigation AFTER the content */
/* http://www.positioniseverything.net/articles/onetruelayout/anyorder */

#main {
	width:738px;
	padding:20px 0 0 0;
	margin-left:246px;
	float:left;
}

#content {
	float:left;
	width:500px;
	padding:20px 20px 0 30px;
}

#content:after {
	content: ".";
	height:0;
	display:block;
	clear:both;
	visibility:hidden;
}


/******************************************************************************************************************
CONTENT FORMATTING / PANELS
******************************************************************************************************************/

#content h2,
#content h3 {
	color:#FFDE00;
}

#content #welcome {
	background:url(../images/bg_home_panel_large.jpg) top left no-repeat;
	width:364px;
	min-height:180px;
	padding:0 15px;
	margin:0 0 0 251px;
}

#content h2 {
	background:url(../images/text_home_welcome.jpg) top left no-repeat;
	width:258px;
	height:43px;
	margin:0 -15px -10px;
}

#content h2 span {
	position:absolute;
	left:-1000em;	
}

#content #welcome p {
	font-style:italic;
	font-weight:bold;
}

#content .promo {
	width:270px;
	min-height:105px;
	padding:10px 15px 0;
	margin:0;
}

#content #promo1 {
	margin:17px 0 0 297px;
	background:url(../images/bg_home_panel_small_top.jpg) top left no-repeat;	
}

#content #promo2 {
	margin:18px 0 0 339px;
	background:url(../images/bg_home_panel_small_bot.jpg) top left no-repeat;	
}

#content h3 {
	font-size:1.3em;
	clear:none;
	margin:0;
}

#content .promo p {
	font-size:0.90em;
	line-height:normal;
	margin:0;
}

#content .promo img {
	float:right;
	display:block;
	margin:0 -5px 0 15px;
	border:none;
	padding:0;
	width:90px;
}

/******************************************************************************************************************
FOOTER
******************************************************************************************************************/

#footer {
	margin-top:20px;
}

/**
 * newsletter link
 */
#newsletterdiv{
	float: right;
	margin-top: 50px;
	margin-right: -210px;
}