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

Secrets Clubs : Global Stylesheet

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

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

body {
	margin:0;
	padding:15pt;
	background:#FFF;
	font: normal 10pt/120% Arial,"Helvetic Neue",Helvetica,sans-serif;
	color:#000;
	/* 79% rather than 80% to force IE to use correct size (IE usually renders fonts a fraction larger) */
}

/******************************************************************************************************************
ELEMENTS TO REMOVE FROM PRINTOUT:
******************************************************************************************************************/

#skipnav,
#breadcrumbs,
#navigation,
form div.top,
form div.bottom,
#footer,
#brochure
{
	display:none;
}

.keywordcontainer,#topkeyword,#footerkeyword,
#crosslink
{
	display:none;
}
/******************************************************************************************************************
GENERAL FORMATTING OF STANDARD ELEMENTS
******************************************************************************************************************/

h1,h2,h3,h4,h5,h6 {
	padding:0;
	margin:0 0 10pt 0;
	line-height:normal;
	font-style:italic;
	color:#8F41A8;
}

h1 {
	font-size:190%;
}

h2 {
	clear:both;
	font-size:130%;
}

h3 {
	clear:both;
	font-size:110%;
}

a,a:link,a:visited {
	color:#8F41A8;
	font-weight:bold;
	text-decoration:underline;
}

/*a:after,a:link:after,a:visited:after {
   content: " (" attr(href) ") ";
   font-size: 90%;
}*/

.floatright {
	float:right;
}
.floatleft {
	float:left;
}

.picright {
	clear:right;
	float:right;
	margin:0 0 10pt 20pt;
}

.picleft {
	clear:left;
	float:left;
	margin:0 10pt 10pt 0;
}

.hitext, .warning {
	color:#F00;;
}

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

#wrapper {
	width:auto;
}

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

/******************************************************************************************************************
BANNER
******************************************************************************************************************/

#banner {
	width:100%;
	height:120px;
}

#banner img {
	border:0;
	margin:0;
	padding:0;
	display:block;
	float:left;
}

#banner p,#banner h1 {
	margin:0 0 0 250px;
	padding:20pt 0 0 0;
	font-size:1.4em;
	font-weight:bold;
	font-style:italic;
	color:#8F41A8;
}

#banner a:after,
#banner a:link:after,
#banner a:visited:after {
   content: "";
}

/******************************************************************************************************************
CONTENT / MAIN / RIGHT SIDEBAR POSITIONS + SIZES
******************************************************************************************************************/

#main {
	width:auto;
	padding:0;
	margin:0;
}

#content {
	width:auto;
	padding:0;
}

#sidebar {
	width:auto;
}

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


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

#sidebar h2,
#content h2 {
	border-top:1pt solid #8F41A8;
	padding-top:5pt;
}

#content ul {
	margin-top:0;
	margin-bottom:10pt;
}

#content li {
	margin-bottom:10pt;
}

#content p,
#sidebar p {
	margin:0 0 10pt 20pt;
	padding:0;
}

#content img {
	background:#FFF;
	border-bottom:2pt solid #DDD;
	border-right:2pt solid #DDD;
	padding:1pt;
	display:block;
}

/******************************************************************************************************************
DEFINITION LISTS / FORMS
******************************************************************************************************************/

form {
	margin:0;
	padding:0 20pt;
}

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

fieldset {
	border:none;
	margin:0;
	padding:0;
	display:block;
}

legend {
	display:none;
}

form p {

}

form label {
	color:#8F41A8;
	line-height:normal;
}

form dl {
	margin:0;
	padding:0;
}

form dt {
	clear:both;
	margin:0;
	padding:0 0 15pt 0;
	float:left;
	width:190px;
	line-height:normal;
}

form dd {
	padding:0 0 15pt 0;
	margin:0;
	text-align:left;
}

form dd input.text,form dd textarea	{
	border:0.5pt solid #CCC;
	clear:both;
	float:none;
	width:250pt;
	padding:3pt 2pt;
	font: normal 100%/1.2em Arial,"Helvetic Neue",Helvetica,sans-serif;
}

form button,input.button,a.button,a.button:hover {
	font-size:85%;
	font-family:Arial,"Helvetic Neue",Helvetica,sans-serif;
	line-height:1;
	text-decoration:none;
	text-align:center;
	color:#8F41A8;
	border:0.5pt solid #CCC;
	padding:2pt 10pt;
	margin:0;
	width:auto;
}

form select {
	width:250pt;
	font-size:100%;
	font-family:Arial,"Helvetic Neue",Helvetica,sans-serif;
}

form .wide {
	width:420pt;
	clear:both;
}

form .check {
	width:30pt;
	float:left;
}

form .medium {
	width:270pt;
}

form #submit {
	float:left;
	width:169pt;
}


/******************************************************************************************************************
MISC OVERRIDES
******************************************************************************************************************/

address {
	margin:0 0 10pt 20pt;
	font-style:normal;
}

#staff {
	padding:0 0 10pt 20pt;
}

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

.staffmember {
	text-align:center;
	width:auto;
	float:left;
	margin-right:5pt;
}

.staffmember img {
	margin-bottom:10pt;
}

.staffmember h3,
.staffmember h4 {
	font-size:1.0em;
	font-style:normal;
	margin:0;
	padding:0;	
}

/******************************************************************************************************************
THUMBNAILS / ENLARGEMENTS
******************************************************************************************************************/

#imgthumbs img {
	border-top:none;
	border-left:none;	
}

#imgthumbs a {
	float:left;
	display:block;
	padding:0;
	margin:0 4pt 4pt 0;
}

#imgselect {
	padding:0 0 10pt 0;
/*	page-break-before:always;*/
}

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

#imgthumbs {
	display:none;
}

#print_button{

display:none;
}

#banner{
display:none;
}


/******************************************************************************************************************
POPUPS
******************************************************************************************************************/

div.popup {
	display:none;
}

