/* Handcoded by http://psdcssxhtml.com */

/* reset */
body,div,dl,dt,dd,ul,ol,li,pre,form,fieldset,input,textarea,blockquote,th,td {
    margin:0;
    padding:0;
}








body {font-family: helvetica, arial, sans-serif;}






a{color:white;}


.pika-wrap {width: 520px; margin: 0 auto;}




.pika-image {position: relative; height: 340px; width: 500px; background: #fafafa; border: 1px solid #e5e5e5; padding: 10px;}



	/*position image holders */
	

.pika-image .animation, .pika-image .main-image {position: absolute; top: 10px; left: 10px;}
	

.pika-image .animation {display: none;z-index:2;}
	

.pika-image img {border:0;}



.pika-image .caption {position: absolute; background: url(../images/75-black.png);  border: 1px solid #141414; font-size: 11px; color: #fafafa; padding: 10px; text-align: right; bottom: 50px; right: 10px;}
	

.pika-image .caption p {padding: 0; margin: 0; line-height: 14px;}



.pika-imgnav a {position: absolute; text-indent: -5000px; display: block;z-index:3;}
	

.pika-imgnav a.previous {background: url(../images/prev.png) no-repeat left 50%; height: 340px; width: 50px; top: 10px; left: 10px;cursor:pointer;}
	

.pika-imgnav a.next {background: url(../images/next.png) no-repeat right 50%; height: 340px; width: 50px; top: 10px; right: 10px;cursor:pointer;}
	

.pika-imgnav a.play {background: url(../images/play.png) no-repeat 50% 50%; height: 100px; width: 40px;top:0;left:50%;display: none;cursor:pointer;}
	
.pika-imgnav a.pause {background: url(../images/pause.png) no-repeat 50% 50%; height: 100px; width: 40px;top:0;left:50%;display:none;cursor:pointer;}



.pika-textnav {overflow: hidden; margin: 10px 0 0 0;}
.pika-textnav a {font-size: 12px; text-decoration: none; font-family:  helvetica, arial, sans-serif; color: #333; padding: 4px;}
		
.pika-textnav a:hover {background: #e5e5e5; color: #0065B2;}
	

.pika-textnav a.previous {float: left; width: auto; display: block;}
	.pika-textnav a.next {float: right; width: auto; display: block;}
	


.pika-thumbs {margin: 10px 0 0 0; padding: 0; overflow: hidden; }
	

.pika-thumbs li {float: left; list-style-type: none; width: 74px; padding: 3px; margin: 0 2px; background: #fafafa; border: 1px solid #e5e5e5; cursor: pointer;}
		

.pika-thumbs li:last {margin: 0;}
		
.pika-thumbs li .clip {position:relative;width: 74px; height: 74px; text-align: center; vertical-align: center; overflow: hidden;}



.clip span{background-color:black;position:absolute;top:5px;left:5px;display:block;}
ul#pikame{width:570px;}







		
		
/* jCarousel Styles */
/*if you're not using the carousel you can delete everything below this */
.jcarousel-skin-pika .jcarousel-container-horizontal { padding: 15px 30px;}
.jcarousel-skin-pika .jcarousel-container-vertical { width: 90px; height: 350px; padding: 20px 20px;}
.jcarousel-skin-pika .jcarousel-clip-horizontal {height: 90px; width: 460px;}
.jcarousel-skin-pika .jcarousel-clip-vertical { width:  90px; height: 350px;}
.jcarousel-skin-pika .jcarousel-item-horizontal { margin-right: 10px;}
.jcarousel-skin-pika .jcarousel-item-vertical {margin-bottom: 10px;}
.jcarousel-skin-pika .jcarousel-item-placeholder {background: #fff; color: #000;}









fieldset,img {
    border:0;
}

html {
    height:100%;
    margin-bottom:1px;
}

body {
    position:relative;
}

:focus {
    outline:none;
}

/* links */
a {
    color:#222;
    text-decoration:underline;
}

a:hover {
    color:#008cff;
    text-decoration:underline;
}

/* header elements */
h1, h2, h3, h4, h5, h6 {
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
}

h1 {
    font-size:300%;
    color:#000;
}

h2 {
    font-size:250%;
    color:#b4b4b4;
}

h3 {
    font-size:200%;
    color:#000;
}

h4 {
    font-size:175%;
    color:#000;
}

h5 {
    font-size:150%;
    color:#787878;
}

h6 {
    font-size:125%;
    color:#000;
}

















/* page setup */
body {
    background:url(../images/page_bg.jpg);
    font-family:Arial, Helvetica, sans-serif;
    line-height:140%;
    color:#000;
    font-size:14px;
}

/* wrapper setup */



div.rapidxwpr {
    margin:auto;
    width:999px;
    background:url(../images/wrapper-bg.png) 0 0 no-repeat;
}

/* header */
div#header {
    position:relative;
    height:150px;
    margin:0px 0px 0px 0px;
}

/* logo */
span#logo, img#logo {
    width:250px;
    height:100px;
    border:0;
    margin:0 0 0 0;
}

/* main body setup I changed from auto to 999*/
div#middle {
    width:left;
    margin:0px 0px 0px 0px;
    clear:both;
}

/* left column */
div#left {
    width:1px;
    position:relative;
    z-index:10;
    float:left;
    padding:44px px px 0px ;
}

/* content column */
div#main {
    width:auto;
    background:url(../images/content-top.png) 0 50px no-repeat;
    margin:0px 0px 0px 155px;
    padding:111px 0 0 0  ;
    z-index:3;
    position:relative;
}

div#main_container {
    background:url(../images/content-bottom.png) 0 100% no-repeat;
    padding:0 0 59px 0;
}

div#mainmiddle {
    margin:0px 0px 0px 0px;
    background:url(../images/content-bg.png) 0 0 repeat-y;
    padding:60px 188px 0 88px;
}

/* footer */
div#footer {
    margin:auto;
    padding:10px 0px 20px 111px;
    clear:both;
    color:#baac7e;
    text-align:center;
    font-size:12px;
}

div#footer a {
    color:#baac7e;
    text-decoration:none;
}

div#footer a:hover {
    text-decoration:underline;
}

/* clearing & floating */
.clearingfix:after {
    content:".";
    display:block;
    line-height:0px;
    clear:both;
    visibility:hidden;
}

.clearingfix {
    display:block;
}

.floatbox {
    overflow:visible;
}



/* topmenu menu margin from top */
div.menu {
    margin:60px 0  0 60px  ;
}

div.menu ul {
    padding:0px;
    margin:0 0 0 10px;
    list-style:none;
    float:left;
}

div.menu ul li {
    margin:5px 0 0 0;
}

div.menu a {
    display:block;
    position:relative;
    padding:0;
    overflow:visible;
    color:#fff;
    width:111px;
    text-indent:-9999px;
}

div.menu a:hover {
    text-decoration:none;
}


div.menu a.home {
    background:url(../images/menu-home.png) 0px 0 no-repeat;
    height:38px;
}

div.menu a.about {
    background:url(../images/menu-about.png) 0px 0 no-repeat;
    height:38px;
}




div.menu a.shows {
    background:url(../images/menu-shows.png) 0px 0 no-repeat;
    height:38px;
}

div.menu a.music {
    background:url(../images/menu-music.png) 0px 0 no-repeat;
    height:38px;
}

div.menu a.press {
    background:url(../images/menu-press.png) 0px 0 no-repeat;
    height:38px;
}

div.menu a.gallery {
    background:url(../images/menu-gallery.png) 0px 0 no-repeat;
    height:38px;
}

div.menu a.contact {
    background:url(../images/menu-contact.png) 0px 0 no-repeat;
    height:38px;
}

div.menu a.links {
    background:url(../images/menu-links.png) 0px 0 no-repeat;
    height:38px;
}


/* welcome */
div.welcome, div.why-organic {
    padding:0 40px 20px 40px;
}

div.u-r-n-home h2 {
    margin:0 0 10px -30px;
    background:url(../images/u-r-n-home.png) 0 0 no-repeat;
    height:39px;
    text-indent:-9999px;
}

div.u-r-n-about h2 {
    margin:0 0 10px -30px;
    background:url(../images/u-r-n-about.png) 0 0 no-repeat;
    height:39px;
    text-indent:-9999px;
}

div.u-r-n-shows h2 {
    margin:0 0 10px -30px;
    background:url(../images/u-r-n-shows.png) 0 0 no-repeat;
    height:39px;
    text-indent:-9999px;
}

div.u-r-n-music h2 {
    margin:0 0 10px -30px;
    background:url(../images/u-r-n-music.png) 0 0 no-repeat;
    height:39px;
    text-indent:-9999px;
}

div.u-r-n-press h2 {
    margin:0 0 10px -30px;
    background:url(../images/u-r-n-press.png) 0 0 no-repeat;
    height:39px;
    text-indent:-9999px;
}



div.u-r-n-gallery h2 {
    margin:0 0 10px -30px;
    background:url(../images/u-r-n-gallery.png) 0 0 no-repeat;
    height:39px;
    text-indent:-9999px;
}



div.u-r-n-contact h2 {
    margin:0 0 10px -30px;
    background:url(../images/u-r-n-contact.png) 0 0 no-repeat;
    height:39px;
    text-indent:-9999px;
}

div.u-r-n-contact h2 {
    margin:0 0 10px -30px;
    background:url(../images/u-r-n-links.png) 0 0 no-repeat;
    height:39px;
    text-indent:-9999px;
}