@charset "utf-8";
/* CSS Document */
@import url("reset.css");
html {overflow-y: scroll;}

html, body {
	/*background-repeat:none;*/
	margin:0px 0px;
	padding:0px 0px;
	height:100%;
}

#container {
	position:relative;
	width:100%;
	height:100%;
	padding-bottom:305px;
	}
	
/****FIXED BACKGROUND****/
	
img.bg {
        /* Set rules to fill background */
        min-height: 100%;
        min-width: 1000px;

        /* Set up proportionate scaling */
        width: 100%;
        height: auto;

        /* Set up positioning */
        position: fixed;
        top: 0;
        left: 0;
}

@media screen and (max-width: 1000px) { /* Specific to this particular image */
        img.bg {
                left: 50%;
                margin-left: -512px;   /* 50% */
        }
} 

@font-face {
    font-family: 'BebasNeue';
    src: url('bebasneue-webfont.eot');
    src: local('BebasNeue'), 
         local('BebasNeue'), 
         url('bebasneue-webfont.ttf') format('truetype'),
         url('bebasneue-webfont.svg#font') format('svg');		 
	font-weight:100;
	font-style:normal; 
}

p {margin:0px 0px 8px 0px;}

h1 {
	font-family: 'BebasNeue',Tahoma, Geneva, sans-serif;
	font-size:30px;
	color:#D09F4F;
	margin:5px 0px 8px 0px;
	font-weight:normal;
}

.clearleft {clear:left;}
.clear {clear:both;}


/********/

/***HEADER**/
#header {
	/*position:absolute;*/
	width:100%;
	height:57px;
	background-image:url(../images/headerBg.png);
}

#header_container {
	position:relative;
	width:1000px;
	height:57px;
	margin-left:auto;
	margin-right:auto;
}

#logo {
	position:relative;
	width:146px;
	height:53px;
	top:2px;
	float:left;
}

#logo img{
	border:none;
}

#contact a{
	position:relative;
	width:70px;
	height:25px;
	padding:17px 0px 0px 0px;
	font-family: 'BebasNeue',Tahoma, Geneva, sans-serif;
	font-size:24px;
	font-weight:normal;
	color:#F7677A;
	margin-left:550px;
	float:left;
}

#contact a:link, a:visited{
	text-decoration:none;
	color:#F7677A;
}

#contact a:hover, a:active{
	text-decoration:none;
	color:#CCC;
}



/* MAIN NAV */
#navigation {
	width:216px;
	height:190px;
	left: 2%;
	top: 0px;
	position:absolute;
	overflow:hidden;
	float:left;
	}

/* BUY NOW NAV */

#buynow {
	position:relative;
	width:201px;
	height:44px;
	top:7px;
	float:right;
}

.buynow_text {
	position:relative;
	width:100px;
	height:24px;
	padding:10px 0px;
	text-align:center;
	float:left;
	font-family: 'BebasNeue',Tahoma, Geneva, sans-serif;
	font-size:24px;
	color:#fff;
}

#buynow_button {
	position:relative;
	width:101px;
	height:44px;
	float:right;
	overflow:hidden;
}

ul#buy{
	margin:0; 
	padding:0; 
	list-style:none; 
	clear:both;
} 
	  
#buy li{
	overflow:hidden; 
	text-indent:-9999px; 
	display:inline; 
	float:left; 
	margin-right:0px;
}
    
#buy li a{
	background: url(../images/buynow.png) no-repeat; 
	width:101px; 
	height:44px; 
	display:block;
}
	
/* CD*/
#buy li.cd{
	width:50px; height:44px;
	}   
#buy li.cd a{
	background-position:0px 0px;
	}   
#buy li.cd a:hover{
	background-position:0px -44px;
	}
	
/* MP3*/
#buy li.mp3{
	width:51px; height:44px;
	}   
#buy li.mp3 a{
	background-position:-50px 0px;
	}   
#buy li.mp3 a:hover{
	background-position:-50px -44px;
	}
	
/***CONTENT AND BODY***/
	
#body {
	position:relative;
	width:100%;
	float:left;
	height:100%;
	/*padding:10px;*/   
	padding-bottom:55px;
	}
	
#content {
	position:relative;
	width:920px;
	height:auto;
	font-family:"Myriad Pro", Tahoma, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#ffffff;
	line-height:20px;
	top:195px;
	background-image:url(../images/contentBg.png);
	margin-left:auto;
	margin-right:auto;
	margin-bottom:40px;
	padding:20px;
	}
	
#content_inner {
	position:relative;
	width:920px;
	height:100%;
	/*min-height:600px;*/
	font-family:"Myriad Pro", Tahoma, Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:20px;
	color:#ffffff;
	float:center;
	padding-bottom:55px;
	}
	
h2 {
	font-family: "Calibri", Myriad Pro, Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#ffffff;
}
	
	
/*********PAGES**********/
/************************/


/****INDEX****/
	
#content_container {
	width:1058px;
	height:455px;
	float:right;
	margin-top:110px;
}

#twitter_container {
	position:absolute;
	width:568px;
	height:464px;
	left:0px;
	top:210px;
	float:left;
}

#twitter_box {
	position:absolute;
	width:450px;
	height:200px;
	left:0px;
	top:0px;
	background-image:url(../images/headerBg.png);
	z-index:1;
}

#twitter-box_inner {
	position:absolute;
	width:370px;
	height:160px;
	margin-top:20px;
	margin-left:44px;
	font-family:"Myriad Pro",Tahoma, Geneva, sans-serif;
	font-size:14px;
	line-height:20px;
	color:#fff;
	font-weight:normal;
}

#twitter_box h1{
	font-family: 'BebasNeue',Tahoma, Geneva, sans-serif;
	font-size:30px;
	font-weight:normal;
	color:#FFF;
	padding-bottom:5px;
	margin:0px 0px 8px 0px;
	border-bottom:2px #ff6666 solid;
	width:145px;
}

#viewmyblog {
	position:absolute;
	width:150px;
	height:40px;
	font-family: 'BebasNeue',Tahoma, Geneva, sans-serif;
	font-size:30px;
	margin-right:50px;
	right:0;
	bottom:0;
}

#viewmyblog a:link, a:visited{
	color:#fb6a7d;
	text-decoration:none;
}

#viewmyblog a:hover, a:active{
	color:#fff;
	text-decoration:none;
}

#latest-album {
	position:absolute;
	width:197px;
	height:318px;
	top:134px;
	left:371px;
	background-image:url(../images/latestAlbumBG.png);
	z-index:10;
}

#latest-album h1{
	font-family: 'BebasNeue',Tahoma, Geneva, sans-serif;
	font-size:24px;
	font-weight:normal;
	color:#FFF;
	margin:10px 0px;
	text-align:center;
}


#events {
	position:relative;
	width:249px;
	height:640px;
	padding:10px;
	float:right;
	top:11px;
	right:100px;
	background-image:url(../images/headerBg.png);
}

#events_inner {
	position:relative;
	width:249px;
	height:310px;
}

#events_info {
	position:relative;
	width:249px;
	height:250px;
	font-family:"Myriad Pro", Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#fff;
	line-height:18px;
}

#events h1{
	font-family: 'BebasNeue',Tahoma, Geneva, sans-serif;
	font-size:30px;
	font-weight:normal;
	color:#FFF;
	margin:0px 0px 8px 0px;
	border-bottom:2px #ff6666 solid;
	width:80px;
}

#latest_video {
	position:relative;
	width:249px;
	height:270px;
}

#latest_video h2{
	font-family: 'BebasNeue',Tahoma, Geneva, sans-serif;
	font-size:30px;
	font-weight:normal;
	color:#fb6a7d;
	margin:0px 0px 8px 0px;
}
	
/****HISTORY****/

#history_content {
	position:relative;
	width:920px;
    height:auto;
	font-family:"Myriad Pro", Tahoma, Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:20px;
	color:#ffffff;
	float:left;
	padding-bottom:55px;
	}
	
#history_content a:link, a:visited{
	color:#fb6a7d;
	text-decoration:underline;
}

#history_content a:hover, a:active{
	color:#fff;
	text-decoration:none;
}

#pic_container {
	position:relative; 
	width:400px; 
	height:550px; 
	float:right; 
	margin-left:10px; 
	margin-bottom:10px; 
}

#pic1 {
	position:absolute;
	width:161px;
	height:306px;
	top:10px;
	left:18px;
	z-index:4;
}

#pic2 {
	position:absolute;
	width:207px;
	height:306px;
	top:5px;
	right:6px;
	z-index:1;
}

#pic3 {
	position:absolute;
	width:183px;
	height:273px;
	bottom:12px;
	left:24px;
	z-index:3;
}

#pic4 {
	position:absolute;
	width:187px;
	height:278px;
	bottom:6px;
	right:6px;
	z-index:2;
}

/****NEWS****/
#photo_container {
	width:700px;
}

/****PHOTOS****/
#photos_inner {
	position:relative;
	width:920px;
	height:auto;
	font-family:"Myriad Pro", Tahoma, Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:20px;
	color:#ffffff;
	float:left;
	margin-bottom:205px;
	}
	
/****MUSIC****/
#music_text {
	position:relative;
	width:100%;
	height:auto;
	padding:0px 15px 10px 15px;
	font-family:"Myriad Pro", Tahoma, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#ffffff;
	line-height:20px;
	float:left;
}
#music_content-left {
	position:relative;
	width:420px;
	height:auto;
	padding:15px;
	font-family:"Myriad Pro", Tahoma, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#ffffff;
	line-height:22px;
	float:left;
}

#music_content-left td{
	font-family:"Myriad Pro", Tahoma, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#ffffff;
}

#music_content-left h2{
	font-family: 'BebasNeueRegular',Tahoma, Geneva, sans-serif;
	font-size:18px;
	color:#CCC;
	margin:0px 0px 5px 0px;
	font-weight:normal;
	letter-spacing:4px
}

#music_content-right {
	position:relative;
	width:420px;
	height:auto;
	padding:15px;
	font-family:"Myriad Pro", Tahoma, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#ffffff;
	line-height:22px;
	float:right;
}

#music_content-right h2{
	font-family: 'BebasNeueRegular',Tahoma, Geneva, sans-serif;
	font-size:18px;
	color:#CCC;
	margin:0px 0px 5px 0px;
	font-weight:normal;
	letter-spacing:4px
}

#music_content-right p{
	font-family:"Myriad Pro", Tahoma, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#ffffff;
}
	
/****CONTACT****/
#contact_content {
	position:relative;
	width:920px;
	height:auto;
	font-family:"Myriad Pro", Tahoma, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#ffffff;
	font-weight:normal;
}

#contact_form {
	position:relative;
	width:480px;
	height:auto;
	color:#ffffff;
	float:left;
}

/* FORM STYLES */

/*.formfield {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	width:100%;
	height:40px;
	margin:5px 0;
}*/

.formfield {
	position:relative;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	width:300px;
	height:31px;
	padding-top:5px;
	margin:0px 0;
	float:right;
}
.formfieldComment {
	position:relative;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	width:300px;
	height:120px;
	margin:0px 0px;
	float:right;
}
.formlabel {
	position:relative;
	width:125px;
	height:20px;
	padding:8px 0px 8px 0px;
	float:left;
}
.input {
	border:1px solid #958c33;
	background-color:#f9f1c8;
	margin-top:5px;
}
.button {
	border:1px solid #ffffff;
	background-color:#F7677A;
	color:#000000;
	height:30px;
}

.button:hover {
	border:1px solid #F7677A;
	background-color:#ffffff;
	color:#000000;
	height:30px;
}

/**MERCH**/
#products {
	width:850px;
	margin: 0px auto;
}
.product {
		width:266px;
		margin: 0px 6px;
		border:solid #000000 2px;
		float:left;
}
	
/**FOOTER**/
	
#footer {
   position:relative;
   width:100%;
   height:55px;   /* Height of the footer */
   background-image:url(../images/headerBg.png);
   font-family:Arial, Helvetica, sans-serif;
   font-size:11px;
   color:#FFF;
   float:left;
}

#footer a:link, a:visited{
   font-weight:bold;
   text-decoration:none;
   color:#fff;
}

#footer a:hover, a:active{
   font-weight:bold;
   text-decoration:underline;
   color:#FF3;
}

#footer img{
	border:none;
}

#footer_container {
	position:relative;
	width:1000px;
	height:55px;
	margin-left:auto;
	margin-right:auto;
}

	
.footerLeft {
	position:relative;
	width:153px;
	height:30px;
	margin-top:12px;
	float:left;
	}
	
.mail-social_container {
	position:relative;
	width:136px;
	height:40px;
	margin-top:10px;
	left:250px;
	float:left;
}

.webmail {
	position:relative;
	width:55px;
	height:20px;
	margin-top:10px;
	float:left;
}

	
.footerRight {
	position:relative;
	width:270px;
	height:20px;
	float:right;
	margin-top:18px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:right;
	color:#ffffff;
	}
	
/**** Photo Gallery Styles ****/
#sliderwrapper {
	position:relative;
	padding-top:20px;
	width:650px;
	height:540px;
	margin:10px auto;
	background-color:#666;
	border:1px solid #999;
}

#slider {
    position:relative;
    width:600px; /* Change this to your images width */
    height:400px; /* Change this to your images height */
    background:url(images/loading.gif) no-repeat 50% 50%;
	margin:0px auto;
	clear:both;
}
/*#slider img {
    position:absolute;
    top:0px;
    left:0px;
    display:none;
}
#slider a {
    border:0;
    display:block;
}*/

#slider .nivo-controlNav {
	position:absolute;
	left:15px;
	bottom:-130px; /* Put the nav below the slider */
}
#slider .nivo-controlNav img {
	display:inline; /* Unhide the thumbnails */
	position:relative;
	margin-right:6px;
	margin-bottom:6px;
}