@font-face {
    font-family: 'BertholdAkzidenzGroteskBECoRg';
    src: url('/fonts/akzidenzgroteskbe-cn-webfont.eot');
    src: url('/fonts/akzidenzgroteskbe-cn-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/akzidenzgroteskbe-cn-webfont.woff') format('woff'),
         url('/fonts/akzidenzgroteskbe-cn-webfont.ttf') format('truetype'),
         url('/fonts/akzidenzgroteskbe-cn-webfont.svg#BertholdAkzidenzGroteskBECoRg') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'BertholdAkzidenzGroteskBEExRg';
    src: url('/fonts/akzidenzgroteskbe-ex-webfont.eot');
    src: url('/fonts/akzidenzgroteskbe-ex-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/akzidenzgroteskbe-ex-webfont.woff') format('woff'),
         url('/fonts/akzidenzgroteskbe-ex-webfont.ttf') format('truetype'),
         url('/fonts/akzidenzgroteskbe-ex-webfont.svg#BertholdAkzidenzGroteskBEExRg') format('svg');
    font-weight: normal;
    font-style: normal;

}

html{
z-index: 10px;
height: 100%;
background: url(/images/groovepaper.png);	
}

body {
font: 14px/17px Helvetica, sans-serif;
color: #333;
height: 100%;
}

a img {
	border: none;
}

a, a:link {
    color: #005384;
	text-decoration: underline;
	outline: 0;
	border: 0;
}

a:visited {
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

a:active, a:focus {
	text-decoration: none;
	outline: 0;
}

h2 a{
color:#0092cf;
text-decoration: none; 
}

h3 {
	font-size: 16px;
	color: #333;
}

h4 {
	font-size: 14px;
	color: #333;
}

.f-left {
	float: left;
	margin-right: 15px;
}

.f-right {
	float: right;
	margin: 0 0 15px 15px;
}

#header {
display:none;
}

#container {
	width: 995px;
	margin: 0 auto;
min-height: 100%;
overflow: hidden;
	background: url(/images/bg.png) repeat-y center;
}

#sidebar {
	float: left;
	width: 243px;
	position: absolute;
	top: 0;
        color: #095485;
text-shadow: 1px 1px 0px #fff;

}

#logo {	height: 318px;margin-left: 6px;}

#logo a {
	display: block;
	text-indent: -9999px;
	width: 238px;
	height: 318px;
	background: url(/images/rjLogo.png) no-repeat top center;
}

#main-content {
	width: 695px;
	margin: 28px 17px 0 0;
	float: right;
	position: relative;
}

#nav {
	margin: 40px 0 0 5px;
}

#nav-dec {
	position: absolute;
	top: 186px;
	left: -99px;
	z-index: 10;
}

#navigation {

	position: relative;
	z-index: 20;
}

#nav li {
	list-style-type: none;
	margin: 0 0 15px 0;
	padding: 0;
}

#nav a {
color: #7998b6;
text-decoration: none;
font-size: 33px;
text-transform: uppercase;
font-family: 'BertholdAkzidenzGroteskBEExRg', arial, sans-serif;
}
#nav a.active, #nav a:hover{color: #78ae59;}

#nav li ul {
position:relative;
	margin: 15px 0 30px 0px;
}

#nav li ul ul {
	margin-top: 0px;
}

#nav li li {
	margin: 0 0 10px 10px;
}

#nav li li a {
	background-color: none !important;
	background-image: none !important;
	display: block;
	width: 250px;
	height: 18px;
	font-size: 20px;
	color: #78ae59;
	position: relative;
	left: -22px;
	text-indent: 22px;
	text-decoration: none;
	padding-top: 2px;
font-family: 'BertholdAkzidenzGroteskBECoRg', arial, sans-serif;
}

#nav li li a:hover, #nav li li a.sub-current {
	background-color: #f3f7fa !important;
	color: #7998b6 !important;
}

#nav li li ul {
	margin: 5px 0;
}

#nav li li li a {
	font-weight: normal;
	text-indent: 32px;
}

#sidebar h4{
margin: 60px 0 8px 5px;
text-transform: uppercase;
color: #095485;
font-family: 'BertholdAkzidenzGroteskBEExRg', arial, sans-serif;
}
#audioPlayer{
margin: 0 0 0 0px;
background: transparent;
}

#main-slider{
width: 690px;
height: 420px;
border: 3px solid #92b5d5;
border-radius: 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
background: #fff;
overflow: hidden;
}

.slider-closed {
	height: 29px;
	overflow: hidden;
}

.slider-open .slide-content {
	height: 420px;
}

.slider-closed .slide-content {
	height: 29px;
}

.slide-img {
	width: 258px;
	float: left;
}

.slide-img img{
border-top-left-radius: 16px;
border-bottom-left-radius: 16px;
}

.slide-content {
	line-height: 11px;
	width: 375px;
	padding: 0 20px;
	float: left;
	margin-left: 16px;
	position: relative;
}

#slide-buttons {
	position: absolute;
	top: 15px;
	left: 645px;
        z-index: 99;
}

#slide-up, #slide-down {
	display: block;
	width: 31px;
	height: 35px;
	text-indent: -9999px;
	overflow: hidden;
background: url(/images/arrows.gif) no-repeat 0 0;
}

#slide-up {margin-bottom: 325px;}

#slide-up:hover {
background-position: 0 -35px;
}

#slide-down {background-position: -31px 0;}
#slide-down:hover {background-position: -31px -35px;}

.slide-content h1 {
	font-size: 50px;
	color: #095485;
margin-top: 20px;
margin-bottom: 15px;
font-family: 'BertholdAkzidenzGroteskBECoRg', arial, sans-serif;
text-transform: uppercase;

}

.slide-content h2 {
	color: #78ae59;
	font-size: 12px;
	margin-top: 14px;
text-transform: uppercase;
font-family: 'BertholdAkzidenzGroteskBEExRg', arial, sans-serif;
}

.slide-content p strong {
	display: block;
	font-weight: bold;
	color: #78ae59;
	font-size: 16px;
	padding-top: 16px;
}

.slide-content p {
	font-size: 14px;
	line-height: 18px;
	padding-bottom: 16px;
}

a.read-more {
padding-right: 50px;
text-transform: uppercase;font-size: 12px;
text-decoration: none;
font-family: 'BertholdAkzidenzGroteskBEExRg', arial, sans-serif;
background: url(/images/arrowIcon.png) no-repeat center right;
clear:both;
}


#featured{
margin-top: 33px;
text-shadow: 1px 1px 0px #fff;
}
#featuredAlbums{
overflow: hidden;
margin: 30px 0 30px -20px;
}
.featuredAlbum{
float:left;
width: 122px;
font-size: 12px;
text-align: center;
color: #7998b6;
margin: 0 0 0 21px;
}
.featuredAlbum a{
color: #7998b6;
text-decoration: none;
font-family: 'BertholdAkzidenzGroteskBEExRg', arial, sans-serif;
}
.featuredAlbum img{
width: 118px;height: 118px;
border: 2px solid #fff;
margin: 5px 0;
-moz-box-shadow: 0px 0px 3px #ccc;
-webkit-box-shadow: 0px 0px 3px #ccc;
box-shadow: 0px 0px 3px #ccc;
}
.featuredAlbum h3{
color: #78ae59;font-weight: bold;
font-size: 14px;
}

#news {
clear:both;
margin-top: 30px;
border: 3px solid #92b5d5;
border-radius: 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
padding: 20px;
background: #fff;
}

#news h2, #featured{
font-family: 'BertholdAkzidenzGroteskBEExRg', arial, sans-serif;
text-transform: uppercase;margin-bottom: 15px;
color: #78ae59;font-size: 18px;
}

.news-story {
	overflow: hidden;
}

.news-title {
font-family: 'BertholdAkzidenzGroteskBEExRg', arial, sans-serif;
text-transform: uppercase;margin-bottom: 5px;
color: #095485;font-size: 12px;
}

.news-content {

}

.news-content a {
	display: block;
	text-decoration: none;
	color: #333;
margin-bottom: 15px;
margin-left: -5px;
padding: 5px;
}

.news-content a:hover {background: #f3f7fa;}

a.more-news {
padding-right: 50px;
text-transform: uppercase;font-size: 12px;
text-decoration: none;
font-family: 'BertholdAkzidenzGroteskBEExRg', arial, sans-serif;
background: url(/images/arrowIcon.png) no-repeat center right;
clear:both;
float:right;
	margin: -10px 0 0 0;
}

#creativestate-logo {
clear:both;
}

#creativestate-logo a {
	display: block;
	width: 124px;
	height: 28px;
float:right;
margin-bottom: 20px;
	overflow: hidden;
	text-indent: -9999px;
	background: url(/images/cs-logo.png) no-repeat;
}

#creativestate-logo a:hover {
	background-position: 0px -28px;
}

#crumbs {
	padding-left: 18px;
	margin-bottom: 10px;
	height: 29px;
text-decoration: none;
font-family: 'BertholdAkzidenzGroteskBEExRg', arial, sans-serif;
}

#crumbs span {
	position: relative;
	top: -9px;
color: #78ae59;
}

#crumbs a {
	position: relative;
	top: -9px;
}

#content {
	padding: 18px;
        float:left;
        width: 659px;
	position: relative;
        margin-bottom: 20px;
}

#content hr {
	background: #252829;
	color: #252829;
	height: 1px;
	border: 0px;
	position: absolute;
	top: 80px;
	left: 0;
	width: 695px;
}

#content blockquote {
	color: #d9d5a3;
	font-size: 28px;
	margin-bottom: 25px;
	background: url(/images/top-quote.gif) no-repeat;
}

#content blockquote p {
	background: url(/images/bottom-quote.gif) no-repeat 100% 100%;
	padding: 0 40px;
	line-height: 30px;
}

#content p {
	margin-bottom: 25px;
	line-height: 22px;
}

#content p strong {
	font-weight: bold;
}

#content h2 {
	font-size: 46px;
	color: #095485;
margin-bottom: 30px;
text-transform: uppercase;
text-shadow: 1px 1px 0px #fff; 
font-family: 'BertholdAkzidenzGroteskBECoRg', arial, sans-serif;
}

#content h3 {
	font-size: 16px;
	color: #d9d5a3;
}

#content h4 {
	font-weight: bold;
	color: #88807B;
}

#content ul{
line-height: 2;
margin-left: 20px;
}

#newsletter {
	margin: -7px 0 0 5px;
	overflow: hidden;
}

#newsletter #theEmail {
	width: 203px;
	border: none;
	padding: 7px;
	display: block;
	background: #7a99b6;
	margin-top: 10px;
	color: #fff;
}

#submit {
	float: right;
border: 0px;
cursor: pointer;
background: none;
text-transform: uppercase;
color: #78ae59;
font-family: 'BertholdAkzidenzGroteskBEExRg', arial, sans-serif;
	margin: 5px 31px 0 0;
}

/* ---------- PHOTO GALLERY -------------- */

#photoGal{margin-top: 30px}

div.content {
	/* The display of content is enabled by a javascript generated style on the page.
	   This is so that the slideshow content won't display unless javascript is enabled. */
	display: none;
	float:right; 

}
div.content a, div.navigation a {
	text-decoration: none;
	color: #777;
}
div.content  a:focus, div.content  a:hover, div.content  a:active {
	text-decoration: underline;
}

div.loader {
	background-image: url('loader.gif');
	background-repeat: no-repeat;
	background-position: center;
	width: 421px;
	height: 350px
}
div.slideshow {
	width:421px;
	clear: both;
        position: relative;
        top: 74px;
}
div.slideshow span.image-wrapper {
	float: left;
}
div.slideshow a.advance-link {
	display: block;
}
div.slideshow img {
        width: 415px;
        height: 287px;
border-left: 3px solid #92b5d5;
border-right: 3px solid #92b5d5;
border-bottom: 3px solid #92b5d5;
overflow: hidden;
	display: block;
}
.caption{
position:relative;
top: -284px;
height: 60px;
padding: 4px 14px;
border: 3px solid #92b5d5;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
border-bottom: 0px;
background: #fff;
}
.image-title{
text-transform: uppercase;
color: #78ae59;font-size: 12px;
margin-top: 15px;
font-family: 'BertholdAkzidenzGroteskBEExRg', arial, sans-serif;
}
.image-desc{
text-transform: uppercase;
color: #095485;font-size: 24px;
margin-top: 4px;
font-family: 'BertholdAkzidenzGroteskBECoRg', arial, sans-serif;
}

div.download {
	float: right;
}
div.embox {
	clear: both;
}
div.navigation {
	/* The navigation style is set by a javascript generated style on the page.
	   This is so that the javascript specific styles won't be applied unless javascript is enabled. */
}
ul.thumbs {
	clear: both;
	margin: 0;
	padding: 0;
        float:left;
}
ul.thumbs li {
	float: left;
	padding: 0;
	margin: 0;
	list-style: none;
    margin: 0 6px 6px 0;
}
a.thumb {
	display: block;
}
ul.thumbs li.selected a.thumb {

}
a.thumb:focus {
	outline: none;
}
ul.thumbs img {
        width: 124px;
        height: 89px;
	border: 2px solid #fff;
	display: block;
	-moz-box-shadow: 0px 0px 3px #ccc;
-webkit-box-shadow: 0px 0px 3px #ccc;
box-shadow: 0px 0px 3px #ccc;
}
.top{margin-top: 29px;}
.pagination .current{
display:none;
}
.pageNum{
display:none;
}
.thumbNext, .thumbBack{
display:block;
width: 35px;
height: 31px;
float:right;
margin: 0 10px 10px 0;
text-indent: -9999em;
background: url(/images/arrows.gif) no-repeat 0 -70px;
}
.thumbBack{
margin-top: 10px;
background-position: 0px -132px;
}
.thumbNext:hover{background-position: 0 -101px;}
.thumbBack:hover{background-position: 0 -163px;}


/* Minimal Gallery Styles */
#thumbs-min ul.thumbs li {
	float: none;
	padding: 0;
	margin: 0;
	list-style: none;
}

#thumbs-min a.thumb {
	padding: 0px;
	display: inline;
	border: none;
}

#thumbs-min ul.thumbs li.selected a.thumb {
	background: inherit;
	color: #000;
	font-weight: bold;
}

.artistBlock{
width: 201px;
height: 310px;
float:left;
overflow: hidden;
background: #92b5d5;
border: 3px solid #92b5d5;
border-radius: 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
margin: 0 6px 20px 6px;
}
.artistBlock:hover{
background: #7998b6;
}
.artistBlock img{
left: 0 !important;
float: none !important;
margin-bottom: 13px;
}
#content .artistBlock h2{
margin-left: 10px;
color: #fff;
text-shadow: none;
text-transform: uppercase;
font-size: 24px;
margin-top: -3px;
font-family: 'BertholdAkzidenzGroteskBECoRg', arial, sans-serif;
}

#logos1{
margin-left: 0px;
}
#logos1 td{
padding: 0 13px;
}

#logos2{
margin-top: -15px;
}
#logos2 td{
padding: 0 13px 0 0;
}

.newsDate{
margin: 0 0 0px 0;
font-size: 1.4em !important;
color: #78ae59 !important;
font-size: 13px !important;
font-family: 'BertholdAkzidenzGroteskBEExRg', arial, sans-serif;
padding: 5px 5px 0px 5px;
}
.newsTitle{
font-weight: normal !important;
padding: 5px 5px 10px 5px;
margin-bottom: 8px;
font-size: 20px;
color: #095485 !important;
font-family: 'BertholdAkzidenzGroteskBECoRg', arial, sans-serif;
border-bottom: 1px solid #7998b6;
}
.newsDesc{
padding: 5px;
margin: 0px 0 0 0;
}

.artistLinks{
position:relative;
width: 300px;
height: 380px;
float:right;
margin: 0 0 20px 20px;
background: #fff;
border: 3px solid #7998b6;
border-radius: 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
overflow: hidden;
}
.artistLinks img{
margin: 0 !important;
border-top-left-radius: 17px;
border-top-right-radius: 17px;
}
.artistLinks h3, .artistLinks a{
position:absolute;
display:block;
text-indent: -9999em;
background: url(/images/albumLinksv2.png) no-repeat 0 0;
}
.artistLinks h3{
width: 100%;
height: 11px;
top: 313px;
left: 8px;
}
.itunes, .amazon, .photos, .artistSite{
width: 118px;
height: 23px;
}
.itunes{
top: 329px;
left: 8px;
background-position: 0 -15px !important;
}
.amazon{
top: 350px;
left: 8px;
background-position: 0 -37px !important;
}
.photos{
top: 329px;
left: 153px;
background-position: -150px -15px !important;
}
.artistSite{
top: 350px;
left: 153px;
background-position: -150px -37px !important;
}

.linksLogo{
border: 3px solid #7998b6;
margin: 15px 15px 45px 0;
}

.linksLogo img{

}

.linksTitle{
margin: 0 0 0px 0;
color: #78ae59 !important;
font-size: 15px !important;
text-transform: uppercase;
font-family: 'BertholdAkzidenzGroteskBEExRg', arial, sans-serif;
padding: 5px 5px 0px 5px;
text-shadow: 1px 1px 0px #fff; 
}

.artistSiteLinks a {
font-size: 13px;
text-decoration: none;
text-shadow: 1px 1px 0px #fff; 
clear:both;}

.artistSiteLinks a:hover {color:#78ae59;background: url(/images/artistBullet.png) no-repeat;
padding-left: 20px; }

.wysiwyg_content{
text-shadow: 1px 1px 0px #fff;
}

/* ====== VIDEO PAGE ====== */

#media{margin-left:-20px;}

#media h5 {
text-align:center; 
font-family: 'BertholdAkzidenzGroteskBECoRg', arial, sans-serif;
font-size: 30px;
margin: 0 0 20px 0;
padding:10px 0 10px 0;
border-bottom: 1px solid #005384;
clear:both;
text-decoration: none;
color: #005384;
text-transform: uppercase;
}

#media h5 a{text-decoration: none;}

.videoCatWrap{
float:left;
background: #fcfae6;
background: rgba(255, 255, 255, .47);
border: 1px solid #fff;
width: 290px; padding: 7px;
text-align:center; font-family: 'BertholdAkzidenzGroteskBEExRg', arial, sans-serif;
font-size: 30px;
margin: 0 0 20px 20px;
border-radius: 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
}
.videoWrap{
float:left;
margin: 0 0 32px 32px;
}
.videoWrap img{width:290px;
background-color: #92b5d5;
}

.videoWrap p{
padding-bottom: 0px;
color: #78ae59;
margin: 0 0 0px 0;
font-size: 14px;
font-family: 'BertholdAkzidenzGroteskBEExRg', arial, sans-serif;
}

#content .videoWrap p{
margin-bottom: 6px;
}

.videoWrap span{
background-color: #92b5d5;
float:left;
height: 163px;
border: 3px solid #92b5d5;
border-radius: 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
overflow: hidden;
}
.smIcons{margin: 0 13px 0 4px;}