/* CONTENTS ------------------------------------------

*01: Reset
*02: Util classes & Phrase Elements
*03: Default Styles (Typography, colour)
*04: Structure (layout, size, positioning)
*05: Common Containers & Subclasses
*06: Forms
*07: Custom Containers & Subclasses
*/

/* *01: Reset -----------------------------------------------------------------------------------------------------------------*/

body {color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
img{display:block;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:"'";}
abbr,acronym {border:0;font-variant:normal;}
sup,sub {line-height:-1px;vertical-align: text-top;}
sub {vertical-align:text-bottom;}
input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}

/* *02: Util Classes ----------------------------------------------------------------------------------------------------------*/

.center 				{ text-align: center; }
.right 					{ text-align: right !important; }
.left 					{ text-align: left !important; }
.small 					{ font-size: 0.9em !important; }
.smaller				{ font-size: 0.7em !important; }
.larger					{ font-size: 1.4em !important; }
.normal					{ font-style: normal !important; }
.floatRight 			{ float: right; }
.floatLeft 				{ float: left; }
.clear 					{ clear: both; }
.uppercase 				{ text-transform: uppercase; }
.nowrap 				{ white-space: nowrap; }
.offscreen				{ position: absolute; left: -9999px; top: -9999px; }
.hidden					{ display: none; }
.self-clear 			{ zoom: 1; }
.self-clear:after 		{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.no-right-margin		{ margin-right: 0 !important; }
.no-left-margin			{ margin-left: 0 !important; }
.no-top-margin			{ margin-top: 0 !important; }
.no-bottom-margin		{ margin-bottom: 0 !important; }
.extra-bottom-margin	{ margin-bottom: 1em !important; }
.extra-top-margin		{ margin-top: 1em !important; }

/* *03: Default Styles (Typography, colour)------------------------------------------------------------------------------------*/
body {
	font: 10px/1.6 Helvetica, Arial, sans-serif; /* set font size to 10px (a nice round number) - 1.4 line height */
	background: #aba9aa url(../images/global/bg-body.jpg) top center no-repeat;
	color: #4c4c4c;
}

body.home-page {background: #eee url(../images/global/bg-body.png) top left repeat-x;}

/* body.home-page { background-image: none; } */

h1, h2, h3, h4, h5, h6 { font-weight: bold; letter-spacing: -0px; margin: 0 0 .5em 0; line-height:1.2; font-family: Helvetica, Arial, sans-serif; }

h1, h3 {
	font-size: 3em;
}

h2 {
	font-size: 1.8em;
	margin: 0 0 .5em;
}

h4 {
	font-size: 1.7em;
	border-bottom: 1px dashed #544d4d;
	color: #fff;
	line-height: 1.2em;
	padding-bottom: 0.3em;
}

h5 {
	font-size: 1.5em;
	letter-spacing: 0px;
	color: #fff;
	margin-bottom: 0.5em;
	font-weight: normal;
	line-height: 1.2em;
}

p { font-size: 1.2em; color: #666; line-height: 1.3em; margin-bottom: 1em;}

a 					{ color:#85B1C6; text-decoration: none; }
a:hover, a:active 	{ text-decoration: underline; }

strong { font-weight: bold; }
em { font-style: italic; }

ul li {
	list-style: disc;
	margin-left: 2em;
}

ul.no-markers li {
	list-style: none;
	margin-left: 0;
}

ol li {
	list-style-type: decimal;
	margin-left: 2em;
}

/* *04: Structure (layout, size, positioning)----------------------------------------------------------------------------------*/
#master {
	width: 850px;
	margin: 35px auto;
}

	#header {
		position: relative;
	}
	
	#page {
	}
	
		#content {
			width: 530px;
			padding: 30px;
			background: #fff;
			float: right;
			margin-left: 20px;
			margin-bottom: 20px;
		}
		
		#sidebar {
		}
		
			#sidebar .pod-container {
				width: 200px;
				background: #fff;
				padding: 20px;
				margin: 0 0 20px;
			}
			
			#sidebar .pod-container .contact-details{
				margin-top: 12px;
			}
			
							
		.social-links {
			overflow: hidden;
		}
			.social-links a {
				display: block;
				float: left;
				width: 85px;
				height: 20px;
				background: top left no-repeat;
				overflow: hidden;
				text-indent: -999em;
			}
			
			.social-links a.twitter { margin-right: 25px; background-image: url(/images/global/logo-twitter.gif); }
			.social-links a.facebook { background-image: url(/images/global/logo-facebook.gif); }
		
					
		
/* *05: Common Containers & Subclasses-----------------------------------------------------------------------------------------*/

#header #logo {
	display: block;
	background: url(../images/global/logo.png) top left no-repeat;
	width: 240px;
	height: 98px;
	overflow: hidden;
	text-indent: -9999px;
}

#header #nav {
	position: absolute;
	right: 0;
	top: 35px;
}

	#header #nav li {
		display: block;
		float: left;
		list-style: none;
		border-left: 1px solid #fff;
		margin:0;
	}
		#header #nav li.first { border: none; }
	
		#header #nav li a {
			color: #fff;
			display: block;
			float: left;
			padding: 0 10px;
			font-size: 1.5em;
			line-height: 1;
			font-weight: bold;
		}
			#header #nav li a:hover, #header #nav li a.sel {
				color: #4c4c4c;
				text-decoration: none;
			}
			

body.other-page #page {
	overflow: hidden;
}

p#footer {
	font-size: 1.1em;
	display: block;
	clear: left;
	text-align: right;
	color: #e0e0e0;
	float: right;
	width: 100%;
	margin: 10px 0 70px;
}
	p#footer a { color: #797979; display: inline-block; padding: 0 5px; }
	p#footer a:hover { text-decoration: none; background-color: #ccc; }
	
a.back-to-top {
	margin: 1em 0 0;
	padding: 1em 0 0;
	display: block;
	border-top: 1px dashed #bfbfbf;
	text-align: right;
	font-weight: bold;
	clear: both;
	text-transform:uppercase;
	background: url(../images/indicators/ind-jump-link.gif) 448px 15px no-repeat;
}

.link-list a.back-to-top {
	position: absolute;
	bottom: 10px;
	right: 0;
	border-top: none;
	background-position: left center;
	display: inline-block;
	margin:0;
	padding: 0 0 0 15px;
}

.thumbnail-list {
	overflow: hidden;
}

	.thumbnail-list li {
		display: block;
		float: left;
		list-style: none;
		margin: 0 20px 20px 0;
	}
	
		.thumbnail-list li img {
			/*margin: 0 0 10px;*/
		}
		
		
.external-links li {
	list-style: none;
	font-size: 1.2em;
	margin: 0 0 .2em;
}
.external-links li a { position: relative; }
.external-links li a span { 
	position: absolute;
	right: -20px;
	top: -2px;
	display: block;
	width: 14px;
	height: 14px;
	background: url(../images/indicators/ind-external-link.gif) top left no-repeat;
	text-indent: -999px; 
}


/** Extra UTIL *************---------------------------------------------- */
span.seperator {
	border-bottom: 1px dashed #bfbfbf;
	padding: 1px 0 0 0;
	display: block;
	margin: 1em 0 1em;
}

div.seperator {
	border-bottom: 1px dashed #bfbfbf;
	margin: 1em 0 0;
	padding: 0 0 1em;
	overflow: hidden;
}

a.arrow-link {
	display: block;
	padding-left: 12px;
	background: url(../images/indicators/ind-arrow-link.gif) center left no-repeat;
	text-transform: uppercase;
	font-weight: bold;
}

.highlight-text {
	font-size: 1.8em;
	color: #85B1C6;
}

/* *Sidebar elements ------------------------------------------------------ */
.sub-nav {
	border-bottom: 1px dashed #bfbfbf;
}			

.sub-nav li {
	margin: 0;
	list-style: none;
	border-top: 1px dashed #bfbfbf;
}

	.sub-nav li a {
		display: block;
		font-size: 1.4em;
		padding: 3px 0;
		font-weight: bold;
		text-indent: 5px;
	}
	
		.sub-nav li a:hover {
			background-color: #85b1c6;
			color: #fff;
			text-decoration: none;
		}
		.sub-nav li a.sel, .sub-nav li a.sel:hover {
			background-color: #fff;
			color: #4c4c4c;
		}
		
		.sub-nav li ul li {
			border: none;
		}
			.sub-nav li ul li a, .sub-nav li ul li a.sel:hover {
				font-size: 1.2em;
				padding-left: 14px;
				background: url(../images/indicators/ind-arrow-link.gif) 0.2em .6em no-repeat;
				text-indent: 0;
			}
			.sub-nav li ul li a:hover {
				background-image:url(../images/indicators/ind-arrow-link-hi.gif);
			}
		
		
/* * Latest news pod ***-------- */
.date {
	font-style: italic;
	margin: 0 0 .25em;
}
.date a {
	font-weight: bold;
	font-style: normal;
}
.latest-news-pod .seperator {
	line-height: 0;
}

	
	
/* *07.x Artists listing ***************/
.date-list {
	padding: 1em 0;
	margin: 2em 0;
	border: 1px dashed #bfbfbf;
	border-left:none;
	border-right:none;
}

	.date-list li {
		list-style: none;
		margin: 0;
		font-size: 1.8em;
		color: #85b1c6;
		clear: left;
	}
	.date-list li span {
		font-weight: bold;
		color: #4c4c4c;
		display: block;
		width: 8em;
		float: left;
	}
	
	
	
/* *07.x Contact page ******************/
.contact-form li {
	display: block;
	float: left;
	margin: 0 30px 20px 0;
	width: 250px;
}

	.contact-form li.full-width {
		margin-right: 0;
		width: 530px;
	}
	
	.contact-form .field label {
		display: block;
		font-weight: bold;
		color: #666;
		font-size: 1.3em;
		padding: 0 0 10px;
	}
	
	.contact-form li.field input,
	.contact-form li.field textarea {
		padding: 5px;
		font-size: 1.2em;
		border: 1px solid #bfbfbf;
	}
	
	.contact-form li.field input {
		width: 238px;
	}
	.contact-form li.field textarea {
		width: 518px;
		height: 8em;
	}
	.contact-form li.submit input {
		width: 163px;
		border: none;
		background-color: #85b1c6;
		color: #fff; text-transform:uppercase; font-size: 1.2em; font-weight: bold;
		padding: 5px 0;
		cursor: pointer;
	}
	.contact-form .field-error {
	    display:block;
	    margin: 10px 0 0;
	    padding: 5px;
	    background-color: #c55; /* #b00; */
	    color: #fff;
	    font-weight: bold;
	    font-size: 1.2em;
	}
	
		.contact-form li.submit input:hover { background-color: #4c4c4c; }
	
/* *07.x Link page *********************/
.link-list { overflow: hidden; }

	.link-list li {
		overflow: hidden;
		clear: left;
		margin: 0;
		padding: 20px 0;
		border-top: 1px dashed #bfbfbf;
		position: relative;
	}
	.link-list li.first {
		padding-top: 0;
		border: none;
	}
	
		.link-list li .thumnail-link {
			float: left;
			margin: 0 15px 0 0;
		}
		
		.link-list li div {
			overflow: hidden;
			float: left;
			width: 352px;
		}
		
/* *07.x Home page *********************/
.current-feature {
	width: 850px;
	height: 290px;
	margin-bottom: 20px;
	position: relative;
}

.current-feature .slideshow {
	position: relative;
	width: 590px;
	height: 290px;
	float: left;
}

	.current-feature .slideshow li {
		position: absolute;
		top: 0;
		left: 0;
		margin: 0;
		list-style: none;
	}
	.current-feature .slideshow .images img {
	    position: absolute;
	    top: 0;
	    left: 0;
	    display: none;
	}
	.current-feature .slideshow .images img.first {
	    display: block;
	}
	
	.current-feature .slideshow li.controls {
		width:360px;
		z-index: 10;
		bottom: 20px;
		left: 20px;
		top: auto;
	}
		.current-feature .slideshow li.controls li {
			position: static;
			display: block;
			float: left;
			margin-right: 10px;
			margin-top: 10px;
		}
			.current-feature .slideshow li.controls li a {
				display: block;
				float: left;
				font-size: 1.4em;
				color: #fff;
				background-color: #000;
				padding: 0;
				width: 1.8em;
				text-align: center;
				opacity: .5;
				font-weight: bold;
			}
				.current-feature .slideshow li.controls li a.sel,
				.current-feature .slideshow li.controls li a:hover {
					background-color: #fff;
					color: #4c4c4c;
					text-decoration: none;
					opacity: 1;
				}
	

.current-feature .info {
	width: 200px;
	height: 250px;
	padding: 20px 30px;
	background: #fff;
	float: left;
	position: relative;
	overflow: visible;
}
    .current-feature .info ul { position: relative; }
    .current-feature .info ul li {
        position: absolute;
        top:0;
        left:0;
        margin: 0;
        list-style: none;
        display: block;
    }
    .current-feature .info ul li .copy {
        height: 140px;
        overflow: hidden;
    }

	.current-feature .info .controls {
		position: absolute;
		z-index: 10;
		top: 0;
		right: 0;
		overflow: visible;
	}
		.current-feature .info .controls a {
			background-image: url(../images/indicators/ind-feature-controls.png);
			background-repeat: no-repeat;
			display: block;
			position: absolute;
			top: 150px;
			width: 40px;
			height: 40px;
			text-indent: -999px;
			overflow: hidden;
		}
			.current-feature .info .controls a.next {
				right: -25px;
				background-position: -40px -40px;
			}
			.current-feature .info .controls a.prev {
				left: -280px;
				background-position: -0px -40px;
			}
				.current-feature .info .controls a.next:hover { background-position: -40px -0px; }
				.current-feature .info .controls a.prev:hover {	background-position: -0px -0px; }

.current-feature .timer {
	background-color: #fff;
	height: 5px;
	width: 2px;
	position: absolute;
	bottom: 25px;
	left: 390px;
}

.home-page .three-col {
	background:#fff;
	padding: 20px;
	overflow: hidden;
	width: 530px;
	float: left;
	margin-right: 20px;
	min-height: 500px;
	position: relative;
}
    #ie6 .home-page .three-col { height: 500px; }
	.home-page .three-col .col {
		width: 163px;
		float: left;
		margin-right: 20px;
	}
		
		.home-page .three-col .col img {
			margin: 0 0 1em;
		}
		.home-page .three-col .col .title {
			font-size: 1.4em;
			font-weight: bold;
			margin: 0 0 .5em;
			display: block;
			line-height: 1.2em;			
		}
		
		.home-page .three-col .col .arrow-link {
			line-height: 2.0em;	
		}
		.home-page .three-col .col .seperator {
			line-height: 0;
		}
		
	.home-page .three-col .controls {
		position: absolute;
		z-index: 10;
		top: 0;
		left: 0;
		width: 569px;
		height: 290px;
	}
		.home-page .three-col .controls a {
			background-image: url(../images/indicators/ind-col-controls.png);
			background-repeat: no-repeat;
			display: block;
			position: absolute;
			top: 110px;
			width: 40px;
			height: 40px;
			text-indent: -999px;
			overflow: hidden;
		}
			.home-page .three-col .controls a.next {
				right: 5px;
				background-position: -40px 0;
			}
			.home-page .three-col .controls a.prev {
				left: 5px;
				background-position: 0 0;
			}
				.home-page .three-col .controls a.next:hover { background-position: -40px -40px; }
				.home-page .three-col .controls a.prev:hover {	background-position: 0 -40px; }
		
.home-page .extra-col {
	width: 220px;
	padding: 20px;
	float: left;
	background: #fff;
	margin-bottom: 20px;
	min-height: 410px;
}
p.contact-details {
	line-height: 1.5em;
}

/*
    ColorBox Core Style
    The following rules are the styles that are consistant between all ColorBox themes
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
	ColorBox example user style
	These rules are ordered and tabbed in a way that represents the order/nesting of the generated HTML, 
	in hope that this will make the relationship easier to understand. Thanks, jack@colorpowered.com
*/
#cboxOverlay{background:#fff;}

#colorbox{}
	#cboxContent{margin-top:32px;}
		#cboxLoadedContent{background:#000; padding:1px;}
                #cboxLoadingGraphic{background:url(/images/loading.gif) center center no-repeat;}
                #cboxLoadingOverlay{background:#000;}
                #cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
                #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}
                
                #cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(/images/controls.png) 0 0 no-repeat;}

                #cboxPrevious{background-position:0px 0px; right:44px;}
                #cboxPrevious.hover{background-position:0px -25px;}
                #cboxNext{background-position:-25px 0px; right:22px;}
                #cboxNext.hover{background-position:-25px -25px;}
		#cboxClose{background-position:-50px 0px; right:0;}
		#cboxClose.hover{background-position:-50px -25px;}

                .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}

                .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
                .cboxSlideshow_on #cboxSlideshow.hover{background-position:-100px -25px;}
                .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
                .cboxSlideshow_off #cboxSlideshow.hover{background-position:-75px -25px;}

/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */