html {
	font-family: "Roboto Condensed", helvetica, arial, san-serif;
}

body {
}

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

.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}

#wrapper {
	width: 100%;
}

#canvas {
	margin: 0 auto;
	width: 1000px;
}

#left-panel {
	float: left;
	width: 127px;
	height: 603px;
	background: url("../images/left-panel.png") no-repeat;
	color: #fff;
	margin-left: 45px;
}

#left-panel ul {
	position: relative;
	top: 180px;
	left: 23px;
	margin: 0;
	padding: 0;
	list-style: none;
}

#left-panel ul li {
	margin: 0;
	padding: 0;
	padding-left: 12px;
}

#left-panel ul li.selected {
	background: url("../images/icon-selected.png") no-repeat 0 10px;
}

#left-panel ul li a,
#left-panel ul li a:link,
#left-panel ul li a:active,
#left-panel ul li a:visited,
#left-panel ul li a:hover{
	font-family: "Roboto Condensed", helvetica, arial, san-serif;
	font-size: 14pt;
	color: #fff;
	text-decoration: none;
	font-weight: 200;
	line-height: 200%;
}

#main-panel {
	float: left;
	margin-left: 45px;
	margin-top: 53px;
	position: relative;
	min-height: 490px;
}

#main-panel.books,
#main-panel.events,
#main-panel.shop,
#main-panel.contact {
}

#main-panel.books #main-panel-left,
#main-panel.reviews #main-panel-left,
#main-panel.events #main-panel-left,
#main-panel.shop #main-panel-left,
#main-panel.contact #main-panel-left {
	float: left;
	width: 442px;
}

#main-panel.books #main-panel-right,
#main-panel.reviews #main-panel-right,
#main-panel.events #main-panel-right,
#main-panel.shop #main-panel-right,
#main-panel.contact #main-panel-right {
	float: left;
	width: 264px;
	margin-left: 20px;
}

#books-reviews {
	display: block;
	width: 442px;
	height: 100vh;
}

#main-panel.events-gallery #events-gallery-left {
	float: left;
	width: 442px;
}

#main-panel.events-gallery #events-gallery-right {
	float: left;
	width: 208px;
	margin-left: 20px;
}

#main-panel.slider {
	float: none;
	margin-top: 28px;
}

#canvas.index .unslider-nav {
	width: 665px;
	margin-left: 45px;
	z-order: 100;
}

#main-panel.events-gallery #slider,
#main-panel.gallery #slider {
	float: none;
	width: 670px;
	min-height: 700px;
}

#main-panel.events-gallery #slider ul li,
#main-panel.gallery #slider ul li {
	width: 665px;
}

#main-panel.gallery #slider ul li img {
	padding-right: 5px;
}

#main-panel.events-gallery #slider ul li img {
	padding: 0;
}

#main-panel.events-gallery #slider ul li img.right {
	padding-right: 5px;
}

#main-panel.events-gallery #slider ul li img.bottom {
	padding-bottom: 5px;
}

#main-panel.gallery #slider ul li h4 {
	margin-top: 50px;
	font-family: "Roboto Condensed", helvetica, arial, san-serif;
	font-size: 12pt;
	font-weight: normal;
}

#main-panel.gallery #slider ul li  p {
	font-family: "Merriweather", serif;
	font-weight: 300;
	text-align: justify;
}

#main-panel.events-gallery #slider ul li h2 {
	margin-top: 0;
	margin-left: 458px;
	margin-bottom: 20px;
	font-family: "Roboto Condensed", helvetica, arial, san-serif;
	font-size: 13pt;
	font-weight: bold;
}

#main-panel.events-gallery #slider ul li h2.full-width {
	margin-top: 0;
	margin-left: 0;
	margin-bottom: 20px;
	font-family: "Roboto Condensed", helvetica, arial, san-serif;
	font-size: 13pt;
	font-weight: normal;
	display: block;
	width: 660px;
}

#main-panel.events-gallery #slider ul li h4 {
	margin-top: 50px;
	margin-bottom: 0;
	font-family: "Roboto Condensed", helvetica, arial, san-serif;
	font-size: 10pt;
	font-weight: bold;
}

#main-panel.events-gallery #slider ul li  p {
	font-family: "Roboto", helvetica, arial, san-serif;
	font-weight: 400;
	font-size: 10pt;
	text-align: left;
}

#main-panel.events-gallery #slider ul li a:link,
#main-panel.events-gallery #slider ul li a:active,
#main-panel.events-gallery #slider ul li a:visited {
	color: #f1872b;
	font-weight: bold;
	padding-right: 17px;
	background: url("../images/icon-arrow.png") right no-repeat;
}

#main-panel.events-gallery #slider ul li a:hover {
	text-decoration: underline;
}

#main-panel.events-gallery #slider ul li  #events-recordings-full ul li {
	display: block;
	width: 213px;
	height: 70px;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	background: #ededed;
}

#main-panel.events-gallery #slider ul li  #events-recordings-full ul li  img {
	display: block;
	float: left;
}

#main-panel.events-gallery #slider ul li  #events-recordings-full ul li  div.recording-title {
	display: block;
	width: 122px;
	height: 37px;
	float: left;
	font-family: "Roboto", helvetica, arial, san-serif;
	font-weight: 400;
	font-size: 8pt;
	line-height: 12pt;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
}

#main-panel.events-gallery #slider ul li  #events-recordings-full ul li  div.track-number {
	display: block;
	width: 137px;
	float: left;
	font-family: "Roboto Condensed", helvetica, arial, san-serif;
	font-weight: 600;
	font-size: 10pt;
	text-align: right;
	padding-right: 5px;
	color: #f1872b;
}

#main-panel.events-gallery #slider ul li  div.overlay-with-bar div,
#main-panel.events-gallery #slider ul li  div.overlay-with-bar2 div {
	display: table;
	height: 74px;
	width: 660px;
	padding-left: 10px;
}

#main-panel.events-gallery #slider ul li  div.overlay-with-bar3 div.overlay-inner {
	width: 600px;
	height: 460px;
	padding: 30px;
	background: #ededed;
}

#main-panel.events-gallery #slider ul li  div.overlay-with-bar3 div.overlay-inner div {
	padding: 10px;
	background: #fff;
}

#main-panel.events-gallery #slider ul li  div.overlay-with-bar3 div.overlay-inner p {
	padding-top: 20px;
}

#main-panel.events-gallery #slider ul li  div.overlay-with-bar div p,
#main-panel.events-gallery #slider ul li  div.overlay-with-bar2 div p {
	display: table-cell;
	vertical-align: middle;
	margin-top: 15px;
	margin-left: 15px;
	font-family: "Roboto Condensed", helvetica, arial, san-serif;
	font-weight: 400;
	font-size: 10pt;
	text-align: left;
}

#main-panel.events-gallery #slider ul li  p.small {
	font-size: 8pt;
	line-height: 12pt;
}

#main-panel.gallery .unslider-nav {
	position: absolute;
	top: 460px;
	width: 665px;
	margin-left: 0;
}

#main-panel.events-gallery .unslider-nav {
	position: absolute;
	top: 520px;
	width: 440px;
	margin-left: 0;
}

#main-panel h1 {
	font-family: "Roboto", helvetica, arial, san-serif;
	font-size: 17pt;
	font-weight: normal;
}

#main-panel h1  span.sub-title {
	font-family: "Roboto Condensed", helvetica, arial, san-serif;
	font-size: 12pt;
	font-weight: bold;
	margin-left: 50px;
	line-height: 10pt;
}

#main-panel h2 {
	font-family: "Roboto Condensed", helvetica, arial, san-serif;
	font-size: 14pt;
	font-weight: bold;
	margin-bottom: 16px;
	line-height: 10pt;
}

#main-panel h3 {
	font-family: "Roboto Condensed", helvetica, arial, san-serif;
	font-size: 12pt;
	font-weight: normal;
}

#main-panel h3.page-title {
	position: relative;
	top: -26px;
	margin-bottom: -24px;
}

#main-panel.slider h3.page-title {
	position: relative;
	top: 0;
	margin-bottom: 0;
}

#main-panel h4 {
	font-family: "Roboto Condensed", helvetica, arial, san-serif;
	font-size: 12pt;
	font-weight: normal;
	color: #f1872b;
	margin-top: 5px;
	margin-bottom: 10px;
}

#main-panel.success h4 {
	font-family: "Roboto Condensed", helvetica, arial, san-serif;
	font-size: 12pt;
	font-weight: normal;
	color: #f1872b;
	margin-top: 0;
	margin-bottom: 10px;
	line-height: 10pt;
}

#main-panel a,
#main-panel a:link,
#main-panel a:active,
#main-panel a:visited {
	text-decoration: none;
	color: #000;
}

#main-panel a.highlight,
#main-panel a.highlight:link,
#main-panel a.highlight:active,
#main-panel a.highlight:visited {
	color: #f1872b;
}

#main-panel a:hover {
	text-decoration: underline;
}

#main-panel.shop a,
#main-panel.shop a:link,
#main-panel.shop a:active,
#main-panel.shop a:visited {
	text-decoration: none;
	font-weight: bold;
	color: #f1872b;
}

#main-panel.shop a:hover {
	text-decoration: underline;
}

#main-panel div.events-centred {
	text-align: center;
	font-family: "Roboto Condensed", helvetica, arial, san-serif;
	font-size: 11pt;
}

#main-panel.books p {
	font-family: 'Merriweather', serif;
	font-weight: 300;
}

#main-panel.index ul {
	padding: 0;
	margin: 0;
	list-style: none;
	position: absolute;
}

#main-panel.index ul li {
	padding: 0;
	margin: 0;
}

#main-panel.shop ul {
	padding: 0;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 0;
	list-style: url("../images/icon-bullet.png");
}

#main-panel.shop ul li {
	padding: 0;
	margin: 0;
	margin-left: 14px;
	margin-top: 10px;
}

#main-panel label {
	display: block;
	color: #f1872b;
	font-family: "Roboto Condensed", helvetica, arial, san-serif;
	font-size: 12pt;
	font-weight: 300;
	line-height: 9pt;
}

#main-panel .input-border input {
	border: 0;
	width: 240px;
	font-family: "Roboto Condensed", helvetica, arial, san-serif;
	font-size: 12pt;
	font-weight: normal;
}

#main-panel .input-border {
	display: block;
	min-width: 252px;
	min-height: 26px;
	border: solid 2px #ededed;
	border-radius: 6px;
	padding: 4px;
	margin-top: 8px;
	margin-bottom: 14px;
}

#main-panel .textarea-border textarea {
	border: 0;
	width: 240px;
	height: 272px;
	font-family: "Roboto Condensed", helvetica, arial, san-serif;
	font-size: 12pt;
	font-weight: normal;
}

#main-panel .textarea-border {
	display: block;
	min-width: 252px;
	min-height: 273px;
	border: solid 2px #ededed;
	border-radius: 6px;
	padding: 4px;
	margin-top: 8px;
	margin-bottom: 14px;
}

#main-panel .input-right {
	display: block;
	width: 264px;
	height: 26px;
	border: 0;
	padding: 0;
	margin-top: 8px;
	margin-bottom: 14px;
	text-align: right;
}

div.book-info {
	padding-top: 20px;
	padding-bottom: 20px;
}

div.shop-blurb {
	padding-top: 20px;
	padding-bottom: 5px;
}

div.shop-info {
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: 18pt;
}

div.quote {
	display: block;
	font-family: "Roboto Condensed", helvetica, arial, san-serif;
	font-size: 13pt;
	font-weight: normal;
	font-style: italic;
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: 16pt;
}

#main-panel div.overlay h3 {
	font-family: "Roboto Condensed", helvetica, arial, san-serif;
	font-size: 11pt;
	font-weight: bold;
	color: #f1872b;
}

div.overlay p {
	font-family: 'Merriweather', serif;
	color: #000;
}

span.highlight {
	color: #f1872b;
	font-weight: bold;
}

span.highlight-small {
	color: #f1872b;
	font-weight: normal;
	font-size: 8pt;
	line-height: 14pt;
}

span.bold {
	color: #000;
	font-weight: bold;
}

span.smaller {
	font-size: 8pt;
}

sup {
	font-size: 6pt;
}

hr {
	margin-top: 10px;
	margin-bottom: 10px;
}

.hidden {
	display: none;
}