* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body {
	/*background-color: #20599c;*/
	padding: 0px;
	margin:0px;
	color: #ddb366;
	background-color: #ae152a; 
	background-image:url(../images/page_rip.png);
	background-repeat:no-repeat; 
	background-position: 0px 1325px;	
	}
img {border:none;}

ul {
	margin:0;
	padding: 0;
	}
	
li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}	

h1 {
	font: normal 18px Arial, sans-serif;
	color: #ddb366;
	padding-bottom: 5px;
	}

h2 {
	font: normal 14px Arial, sans-serif;
	color: #ddb366;
	padding-bottom: 5px;
	}
	
.clear {
	clear: both;
	}	
.price {
	display: inline-block;
	font: normal 14px Arial, sans-serif;
	color: #ddb366;
	padding-right: 10px;
	}



#wrap {
	margin: 0 auto;
	width: 1024px;
	font: normal 14px Arial, sans-serif;
	
	}
#main {
	background-image: url(../images/bg3.jpg);
	background-repeat: repeat-x;
	width: 924px;
    margin-left: 50px;
	}
#main #header {
	padding: 25px 0 35px 0;
	}
#main #header .logo {

	}
#main #header .nav {

	}
.headers {
	display: block;
	padding-bottom: 25px;
	}

#intro_block {
	font: bold 16px Arial, sans-serif;
	margin-top: 5px;
	}

#intro_block #album {
	/*margin-left: 30px;*/
	border: 1px solid #ddb366;
	width: 284px;
	height: 220px;	
	}

#intro_block #social_shares {
	color: #fff;
	font: normal 14px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	}
#intro_block #social_shares a:link {
	color: #fbe2b5;
	text-decoration: none;

	}
#intro_block #social_shares a:visited {
	color: #fbe2b5;
	text-decoration: none;
	}
#intro_block #social_shares a:hover {
	color: #fff;
	text-decoration: none;
	}
#intro_block #social_shares a:active {
	color: #fbe2b5;
	text-decoration: none;
	}



#intro_block .album /*.topspin-widget*/ {
	border: 1px solid #ddb366;
	}	
#intro_block .right {
	display: block;
	float: right;
	/*padding-right: 30px;*/
	/*width: 698px;*/
	/*width: 460px;*/
	}
#intro_block .right img {
	border: 1px solid #ddb366
	;

	}	


.notice {
	margin-top: -15px;
	}




#level_1	{
	height: 300px;
	}

#level_1_red {
	height: 340px;
	}	

.package_instrument {
	float:right;
	width: 385px;
	height: 302px;
	border: 1px solid #ddb366;
	position:relative;left:-40px;
    /* Fallback for web browsers that doesn't support RGBa */
    background: rgb(0, 0, 0);
    /* RGBa with 0.6 opacity */
    background: rgba(0, 0, 0, 0.2);
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
	}
	

.package_geek_fan_hold {
    float: right;

	}

.package_geek_fan {
    /*background: #0e2438;*/
    display: block;
	width: 172px;
	height:130px;
	border: 1px solid #ddb366;
    /*background-image: url(../images/package_bg.jpg);*/
    /* Fallback for web browsers that doesn't support RGBa */
    background: rgb(0, 0, 0);
    /* RGBa with 0.6 opacity */
    background: rgba(0, 0, 0, 0.2);
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";

}

.package_audio {
    /*background: #0e2438;*/
    display: block;
	width: 284px;
	height:130px;
	border: 1px solid #ddb366;
    /*background-image: url(../images/package_bg.jpg);*/
    /* Fallback for web browsers that doesn't support RGBa */
    background: rgb(0, 0, 0);
    /* RGBa with 0.6 opacity */
    background: rgba(0, 0, 0, 0.2);
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
	}		

.package_audio_2{
    /*background: #0e2438;*/
    display: block;
	width: 284px;
	height:130px;
	border: 1px solid #ddb366;
 	margin-top: 40px;
    /*background-image: url(../images/package_bg.jpg);*/
    /* Fallback for web browsers that doesn't support RGBa */
    background: rgb(0, 0, 0);
    /* RGBa with 0.6 opacity */
    background: rgba(0, 0, 0, 0.2);
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
	}		

#audio{
	width: 284px;
    float: left;
}

.package_other {
   /* background: #0e2438;*/
    display: block;
	float:left;
	width: 284px;
	height: 270px;
	border: 1px solid #ddb366;
    /*background-image: url(../images/package_bg.jpg);*/
    /* Fallback for web browsers that doesn't support RGBa */
    background: rgb(0, 0, 0);
    /* RGBa with 0.6 opacity */
    background: rgba(0, 0, 0, 0.2);
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
	}

.package_other_r {
   /* background: #0e2438;*/
    display: block;
	float:left;
	margin-left: 38px;
	width: 172px;
	height: 270px;
	border: 1px solid #ddb366;
    /*background-image: url(../images/package_bg.jpg);*/
    /* Fallback for web browsers that doesn't support RGBa */
    background: rgb(0, 0, 0);
    /* RGBa with 0.6 opacity */
    background: rgba(0, 0, 0, 0.2);
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
	}		
.package_other_r2 {
   /* background: #0e2438;*/
    display: block;
	float:left;
	margin-left: 38px;
	width: 172px;
	height: 270px;
    /*background-image: url(../images/package_bg.jpg);*/
	border: 1px solid #ddb366;
    /* Fallback for web browsers that doesn't support RGBa */
    background: rgb(0, 0, 0);
    /* RGBa with 0.6 opacity */
    background: rgba(0, 0, 0, 0.2);
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
	}
#level_1 .package_other_r2 {
   /* background: #0e2438;*/
    display: block;
	float:left;
	margin-left: 0px;
	margin-right:76px;
	width: 172px;
	height: 270px;
    /*background-image: url(../images/package_bg.jpg);*/
	border: 1px solid #ddb366;
    /* Fallback for web browsers that doesn't support RGBa */
    background: rgb(0, 0, 0);
    /* RGBa with 0.6 opacity */
    background: rgba(0, 0, 0, 0.2);
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
	}
#level_1 .package_other_mobile {
   /* background: #0e2438;*/
    display: block;
	float:left;
	margin-left: 0px;
	width: 172px;
	height: 270px;
    /*background-image: url(../images/package_bg.jpg);*/
	border: 1px solid #ddb366;
    /* Fallback for web browsers that doesn't support RGBa */
    background: rgb(0, 0, 0);
    /* RGBa with 0.6 opacity */
    background: rgba(0, 0, 0, 0.2);
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
	}
.package_other_r3 {
    /*background: #0e2438;*/
    display: block;
	float:left;
	margin-left: 40px;
	width: 172px;
	height: 270px;
	border: 1px solid #ddb366;
    /*background-image: url(../images/package_bg.jpg);*/
    /* Fallback for web browsers that doesn't support RGBa */
    background: rgb(0, 0, 0);
    /* RGBa with 0.6 opacity */
    background: rgba(0, 0, 0, 0.2);
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
	}	









.package_title {
    display: block;
	background-color:#ddb366; 
	width:100%; 
	padding:5px 0; 
	font: bold 13px 'Helvetica', sans-serif; 
	color:#0e2438;
	}
.package_contents {
    display: block;
	font: normal 12px 'Helvetica', sans-serif; 
	color:#fbe2b5;
	padding: 10px;
	}	
.package_contents li {
	padding-bottom: 10px;
	}
#packages_block a:link {
	font:normal 12px Arial, sans-serif;
	color:#fbe2b5;
	text-decoration:none;
	}
#packages_block a:visited {
	font:normal 12px Arial, sans-serif;
	color:#fbe2b5;
	text-decoration:none;
	}
#packages_block a:hover {
	font:normal 12px Arial, sans-serif;
	color:#fbe2b5;
	text-decoration:underline;
	}
#packages_block a:active {
	font:normal 12px Arial, sans-serif;
	color:#fbe2b5;
	text-decoration:none;	
	}	
			

/* 3rd Block */
#news  {
	width: 300px;
	font:normal 13px Arial, sans-serif;
	}		
#news li {
	padding-bottom: 5px;
	}	
#news a:link {
	font:normal 13px Arial, sans-serif;
	color:#fbe2b5;
	text-decoration:none;
	}
#news a:visited {
	font:normal 13px Arial, sans-serif;
	color:#fbe2b5;
	text-decoration:none;
	}
#news a:hover {
	font:normal 13px Arial, sans-serif;
	color:#fbe2b5;
	text-decoration:underline;
	}
#twitter_update_list a:active {
	font:normal 13px Arial, sans-serif;
	color:#fbe2b5;
	text-decoration:none;	
	}










#feed {
	float: right;
	width: 285px;
	}
#feed .feed-guts {
	color: #fff;
    /* Fallback for web browsers that doesn't support RGBa */
}	

.p-author .profile .p-name, .cards-base p, .cards-base p a, .timeline-header .summary, .timeline-header .summary a:link, .timeline-header .summary a:visited, .p-author a.profile:hover .p-name, .p-author a.profile:focus .p-name {
	color: #fff!important;
}
	
#feed .rf {
	float: right;
	}		
#feed a:link {
	font:normal 13px Arial, sans-serif;
	color:#fbe2b5;
	text-decoration:underline;
	}
#feed a:visited {
	font:normal 13px Arial, sans-serif;
	color:#fbe2b5;
	text-decoration:underline;
	}
#feed a:hover {
	font:normal 13px Arial, sans-serif;
	color:#fbe2b5;
	text-decoration:none;
	}
#feed a:active {
	font:normal 13px Arial, sans-serif;
	color:#fbe2b5;
	text-decoration:underline;	
	}
#feed li {
	padding:0 0 15px 0;
	overflow:hidden;
	list-style-type: none;	
	font:normal 13px Arial, sans-serif;
	text-decoration:none;
	}
#twitter_update_list a:link {
	font:normal 13px Arial, sans-serif;
	color:#fbe2b5;
	text-decoration:none;
	}
#twitter_update_list a:visited {
	font:normal 13px Arial, sans-serif;
	color:#fbe2b5;
	text-decoration:none;
	}
#twitter_update_list a:hover {
	font:normal 13px Arial, sans-serif;
	color:#fbe2b5;
	text-decoration:underline;
	}
#twitter_update_list a:active {
	font:normal 13px Arial, sans-serif;
	color:#fbe2b5;
	text-decoration:none;	
	}	
#video {
    float: right;
	padding: 0 50px;
    }			
#video_2 {
    display: block;
	width: 284px;
	height: 130px;
	background: url("../images/video_2.jpg") no-repeat 0 0;
	}
#video_2:hover { 
    background-position: 0 -130px;
    }
#video_2 span {
    display: none;
    }
#video_1 {
    display: block;
	width: 284px;
	height: 130px;
	background: url("../images/video_1.jpg") no-repeat 0 0;
	}
#video_1:hover { 
    background-position: 0 -130px;
    }
#video_1 span {
    display: none;
    }    
#audio {
	float: left;
	}
#icons {
	float:right;
	position: relative; top: 0px;
	}
#icons li {
	display: inline-block;
	list-style-type: none;
	padding: 0 10px 0 0;
	}
.also {
	display: inline-block;
	list-style-type: none;
	width: 155px;
	padding: 5px 10px 0 0;
	}	
#twitter {
	display: block;
	width: 65px;
	height: 15px;
	background: url(../images/twitter_65x30.png) no-repeat 0 0;
	}
#twitter:hover { 
    background-position: 0 -15px;
	}
#twitter span {
    display: none;
	}
#myspace {
	display: block;
	width: 70px;
	height: 15px;
	background: url(../images/myspace_70x30.png) no-repeat 0 0;
	}
#myspace:hover { 
    background-position: 0 -15px;
	}
#myspace span {
    display: none;
	}
#shows_button {
	display: block;
	width: 49px;
	height: 15px;
	background: url(../images/shows_49x30.png) no-repeat 0 0;
	}
#shows_button:hover { 
    background-position: 0 -15px;
	}
#shows_button span {
    display: none;
	}		

#shop_button {
	display: block;
	width: 40px;
	height: 15px;
	background: url(../images/shop_40x30.png) no-repeat 0 0;
	}
#shop_button:hover { 
    background-position: 0 -15px;
	}
#shop_button span {
    display: none;
	}		

#suonoio_button {
	display: block;
	width: 67px;
	height: 15px;
	background: url(../images/suonoio_67x30.png) no-repeat 0 0;
	}
#suonoio_button:hover { 
    background-position: 0 -15px;
	}
#suonoio_button span {
    display: none;
	}		



#vimeo {
	display: block;
	width: 47px;
	height: 15px;
	background: url(../images/vimeo_47x30.png) no-repeat 0 0;
	}
#vimeo:hover { 
    background-position: 0 -15px;
	}
#vimeo span {
    display: none;
	}		
#facebook {
	display: block;
	width: 80px;
	height: 15px;
	background: url(../images/facebook_80x30.png) no-repeat 0 0;
	}
#facebook:hover { 
    background-position: 0 -15px;
	}
#facebook span {
    display: none;
	}
#crosshatch {
	display: inline-block;
	width: 15px;
	height: 15px;
	position: relative; top:3px;
	background: url(../images/crosshatch_15x30.png) no-repeat 0 0;
	}
#crosshatch:hover { 
    background-position: 0 -15px;
	}
#crosshatch span {
    display: none;
	}	
#footer {
	padding: 100px 0 25px 0;
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #901123;
	text-align: center;
	/*position: relative; top: -25px;*/
	}
#footer_links {
   /*float:right;*/
	}
#footer a:link {
	color: #901123;
	text-decoration: none;
	}
#footer a:visited {
	color: #901123;
	text-decoration: none;
	}
#footer a:hover {
	color: #901123;
	text-decoration: underline;
	}
#footer a:active {
	color: #901123;
	text-decoration: none;
	}  
	
	
#topspin_links {
   margin-top: 15px;
   float:right;
	}
#topspin_links a:link {
	font: 10px "Helvetica", sans-serif; color: #fbe2b5;
	text-decoration: none;
	}
#topspin_links a:visited {
	font: 10px "Helvetica", sans-serif; color: #fbe2b5;
	text-decoration: none;
	}
#topspin_links a:hover {
	font: 10px "Helvetica", sans-serif; color: #fbe2b5;
	text-decoration: underline;
	}
#topspin_links a:active {
	font: 10px "Helvetica", sans-serif; color: #fbe2b5;
	text-decoration: none;
	}  
	
	



#digital {background-color: #ddb366; }
.pop_title {    display: block;
	background-color:#ddb366; 
	width:100%; 
	padding:10px 0 10px 0; 
	font: bold 16px 'Helvetica', sans-serif; 
	color:#0e2438;
}
#pop_details {font: normal 13px Arial, sans-serif; color:#0e2438;}
#pop_details li {display: block; padding-bottom: 10px;}
#pop_details li.pop_fill {display: block; padding:0px;}


#pop_details img {padding:0 10px 10px 0; float:left;}
.shipping_notice {font: italic 11px Arial, sans-serif; color:#0e2438;}


.hide { display: none; }

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

	/* Hides from IE-mac \*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
	/* End hide from IE-mac */
	
	#template {
		position: absolute;
		top: 0;
		left: 50%;
		margin-left: -576px;
		opacity: 0.5;
	}
	
	#template.small {
		border: 1px red solid;
		height: 20px;
		overflow: hidden;
	}
	
	.clearfix:after {
	    content: ".";
	    display: block;
	    height: 0;
	    clear: both;
	    visibility: hidden;
	}

	.clearfix {display: inline-block;}

	/* Hides from IE-mac \*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
	/* End hide from IE-mac */	
	
	
	
.italic {font:italic 13px Georgia; color:#fff;}	
#packages_block .italic a:link {font:italic 13px Georgia; color:#fff; text-decoration: underline;}
#packages_block .italic a:visited {font:italic 13px Georgia; color:#fff; text-decoration: underline;}
#packages_block .italic a:hover {font:italic 13px Georgia; color:#fff; text-decoration: underline;}
#packages_block .italic a:active {font:italic 13px Georgia; color:#fff; text-decoration: underline;}

/* SIGNUP SuONOIO WIDGET */
.suonoio_signup_widget {
	width:500px; padding:5px 0 10px 0; background-color:#0e2a3e; height:90px;
}




#upgrade {
	font: 15px bold "Lucida Sans Unicode","Lucida Grande",Garuda,sans-serif;
	color: #f7f9fa;

	display: block;
	width:220px;
	
	position:relative; top:23px; left:305px;
	}
.upgrade {
	display: block;
	width: 158px;
	height: 29px;
	background: url(../images/upgrade_158x58.png) no-repeat 0 0;
	position: relative; top:11px; left:315px;
	
	}
.upgrade:hover { 
    background-position: 0 -29px;
	}
.upgrade span {
    display: none;
	}
	
.vimeo {border: 1px solid #ddb366; height:338px;}