/* Basic stuff */
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
    background: url("../images/bg.png") repeat scroll 0 0 #F8F8F8;
    color: #675942;
}
p {
	line-height: 1.5;
	margin-bottom: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
}
p strong {
	font-weight: bold;
}
h1 {
	text-transform: uppercase;
	color: #FE00B0;
	font-family: "futura-pt",sans-serif;
	font-family: "Century Gothic";
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px;
}
#hero h1 {
  color: white;
}
a {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
/* New background style */
#wrapper {
	width: 1062px;
	margin: 0 auto;
}
section#content {
	padding: 20px;
	/*background: url("../images/content.png") repeat-y scroll 0 0 transparent;*/
  background-color: white;
  box-shadow: 0 2px 5px rgba(0,0,0,0.1);
	float: left;
	position: relative;
}
header {
	height: 36px;
}
footer{
	/*background: url("../images/footer.png") no-repeat scroll 0 0 transparent;*/
	height: 36px;
	float: left;
	width: 100%;
	margin-bottom: 20px;
}
/* The pink highlight colour */
.pink {
	color: #FE00B0;
}
/* Main menu */
ul#main-menu {
	margin: 20px;
	float: left;
}
ul#main-menu li {
	text-transform: uppercase;
	font-size: 15px;
	float: left;
	font-family: "Century Gothic";
	margin-bottom: 5px;
}
ul#main-menu li a {
	color: #fff;
	margin: 0 28px 0 0;	
	padding: 0 0 0 10px;
}
ul#main-menu li a:hover {
	color: #FE00B0;
	text-decoration: none;
}
ul#main-menu li a.first {
	padding: 0;
}
ul#main-menu li a.on {
	background: url(../images/menu-arrow.gif) 0 7px no-repeat;
}
ul#main-menu a.last {
	padding-right: 0 !important;
	margin-right: 0 !important;
}
/*  A few adjustments for the subpage menu */
#top-bar ul#main-menu {
	width: 971px;
	margin: 10px 0 0 65px;
}
#top-bar ul#main-menu li a {
	color: #FFF;
	
}
#top-bar ul#main-menu li a:hover {
	color: #000;
	text-decoration: none;
}
#top-bar ul#main-menu li a.on {
	color: #000;
}
#top-bar ul#main-menu li.last a {
	margin: 0;
}
/* Top bar on sub pages */
#top-bar-wrapper {
	background-color: #D2D2D2;
	width: 100%;
	height: 40px;	
	border-top: 9px solid #FE00B0;
}
#top-bar {
	width: 1024px;
	margin: 0 auto;
}
/* Footer */
#footer-wrapper {
	background: url(../images/footer-bg.jpg) top left repeat-x #E7E6E2;
	width: 100%;
	float: left;
	padding: 20px 0 20px 0;
}
#footer {
	width: 1024px;
	margin: 0 auto;
}
#footer li {
	float: left;
	padding: 0 10px 0 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 1;
	border-right: 1px solid #51504E;
}
#footer p, #footer li a {
	color: #505050;
}
#footer li.last {
	border-right: none;
	padding-left: 10px;
}
#footer p {
	float: right;
	font-size: 11px;	
}
/* Two possible font options */
p.gothic {
	font-family: "franklin-gothic-urw",sans-serif;
	font-size: 15px;
}
p.futura {
	font-family: "futura-pt",sans-serif;
	font-size: 15px;
}
/* Styles to prevent typkit loading default fonts while loading */
.wf-loading {
	visibility: hidden;
}
.wf-active {
	visibility: visible;
}
/* Content wrapper for sub page (which sits just below top menu and pink bar */
#content-wrapper {
	float: left;
	margin-bottom: 50px;
	width: 100%;
}
/* Quote for sub pages (default position set up for profile quote) */
#quote {
	float: right;
	width: 245px;
	margin: 550px 80px 0 0;
	background: url(../images/open-quote.gif) 0 28px no-repeat #FFF;
	padding: 0 0 0 60px;
}
#quote .content {
	float: left;
	width: 100%;
	border-top: 1px dotted #FE00B0;
	border-bottom: 1px dotted #FE00B0;		
	padding: 25px 0 25px 0;	
}
#quote p {
	color: #787878;
	font-family: "Century Gothic";
	font-size: 15px;	
	font-weight: bold;
	margin: 0;
}
#quote p:last-child {
	margin-top: 10px;
	font-weight: normal;

}
#quote img {
	margin-top: 20px;
}
/* Stuff for the all subpages */
#bg-image {
	float: left;
	width: 100%;
}
section#content-subpage {
	padding: 0 19px 0 19px;
	background: url("../images/content.png") repeat-y scroll 0 0 transparent;
	float: left;
	position: relative;
	width: 1024px;
}
#bg-image.centre-content {
	width: auto;
	margin-left: 65px;

}