* {
padding: 0;
margin: 0;
}
html, body {
height: 100%;
}
:focus {
  -moz-outline-style: none;
}

body
{
	font-family: "Lucida Grande", "Lucida Sans Unicode", "bitstream vera sans", "trebuchet ms", verdana;
	margin: 0;
	padding: 0;
	color: #706E6E;
	font-size: 90%;
	line-height: 1.5em;
	word-wrap: break-word;
	background-color:#000000;


/*
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.75em;
    line-height: 150%;*/
}
body {
	padding:0;
	background-image: url(../img/bkgnew_r.png);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-color: #000000;
}

#leftstandalone {
	float: left;
	width: 240px;
	margin: 0px;
	padding: 0px;
	position: fixed;
	left: 0px;
	top: 0px;
}

.description {
	visibility: hidden;
	height: 0px;
}

.imagineplayer {
	position: absolute;
	top: -85px;
	height: 225px;
	width: 350px;
}



.topspinobject {
	padding: 0px;
	height: 80px;
	width: 220px;
	margin-top: 125px;
	margin-left: 215px;
}



/*  mainmenu */
#navbkg {
	margin: 0px;
	padding: 0px;
	list-style: none;
	float: left;
	width: 832px;
	background-image: url(../img/bkg_menubar.png);
	background-repeat: repeat-x;
	height: 60px;
	z-index: 0;
}

#slideplay {
	border:none;
	outline:none;
	background-image: url(../img/sliderbuttons.png);
	background-repeat: no-repeat;
	background-position: -24px 0px;
	height: 20px;
	width: 24px;
}

#slidestop {
	border:none;
	outline:none;
	background-image: url(../img/sliderbuttons.png);
	background-repeat: no-repeat;
	background-position: -48px 0px;
	height: 20px;
	width: 24px;
}

#slideback {
	border:none;
	outline:none;
	background-image: url(../img/sliderbuttons.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 20px;
	width: 24px;
}


#nav-mainmenu {
	width:832px;
	height:60px;
	margin:0;
	padding:0;
	background-image: url(../img/imagine_menubar.png);
	background-repeat: no-repeat;
}
#nav-mainmenu li, #nav-mainmenu a {
height:60px;
display:block;
}
#nav-mainmenu li {
float:left;
list-style:none;
display:inline;
}
#nav-home {width: 73px;}
#nav-news {width: 72px;}
#nav-tour {width: 72px;}
#nav-media {width: 72px;}
#nav-discography {width: 144px;}
#nav-store {width: 73px;}
#nav-about {width: 143px;}
#nav-press {width: 72px;}
#nav-contacts {width: 111px;}
#nav-home a:hover {background:url("../img/imagine_menubar.png") 0px -60px no-repeat; border:none; outline:none; }
#nav-news a:hover {background:url("../img/imagine_menubar.png") -73px -60px no-repeat; border:none; outline:none; }
#nav-tour a:hover {background:url("../img/imagine_menubar.png") -145px -60px no-repeat; border:none; outline:none; }
#nav-media a:hover {background:url("../img/imagine_menubar.png") -217px -60px no-repeat; border:none; outline:none; }
#nav-discography a:hover {background:url("../img/imagine_menubar.png") -289px -60px no-repeat; border:none; outline:none; }
#nav-store a:hover {background:url("../img/imagine_menubar.png") -433px -60px no-repeat; border:none; outline:none; }
#nav-about a:hover {background:url("../img/imagine_menubar.png") -506px -60px no-repeat; border:none; outline:none; }
#nav-press a:hover {background:url("../img/imagine_menubar.png") -649px -60px no-repeat; border:none; outline:none; }
#nav-contacts a:hover {background:url("../img/imagine_menubar.png") -721px -60px no-repeat; border:none; outline:none; }

ul.menunew #nav-home a.current {
	background-image: url(../img/imagine_menubar.png);
	background-repeat: no-repeat;
	background-position: 0px -120px;
	height: 60px;
	border:none;
    outline:none;
}

ul.menunew #nav-news a.current {
	background-image: url(../img/imagine_menubar.png);
	background-repeat: no-repeat;
	background-position: -73px -120px;
	height: 60px;
	border:none;
    outline:none;
}

ul.menunew #nav-tour a.current {
	background-image: url(../img/imagine_menubar.png);
	background-repeat: no-repeat;
	background-position: -145px -120px;
	height: 60px;
	border:none;
    outline:none;
}

ul.menunew #nav-media a.current {
	background-image: url(../img/imagine_menubar.png);
	background-repeat: no-repeat;
	background-position: -217px -120px;
	height: 60px;
	border:none;
    outline:none;
}

ul.menunew #nav-discography a.current {
	background-image: url(../img/imagine_menubar.png);
	background-repeat: no-repeat;
	background-position: -289px -120px;
	height: 60px;
	border:none;
    outline:none;
}

ul.menunew #nav-store a.current {
	background-image: url(../img/imagine_menubar.png);
	background-repeat: no-repeat;
	background-position: -433px -120px;
	height: 60px;
	border:none;
    outline:none;
}

ul.menunew #nav-about a.current {
	background-image: url(../img/imagine_menubar.png);
	background-repeat: no-repeat;
	background-position: -506px -120px;
	height: 60px;
	border:none;
    outline:none;
}

ul.menunew #nav-press a.current {
	background-image: url(../img/imagine_menubar.png);
	background-repeat: no-repeat;
	background-position: -649px -120px;
	height: 60px;
	border:none;
    outline:none;
}

ul.menunew #nav-contacts a.current {
	background-image: url(../img/imagine_menubar.png);
	background-repeat: no-repeat;
	background-position: -721px -120px;
	height: 60px;
	border:none;
    outline:none;
}

/* social icons */

#socialnetworks {
	width:280px;
	height:50px;
	background-image: url(../img/imagine_sicons2.png);
	background-repeat: no-repeat;
	padding: 0;
	margin: 0;
}
#socialnetworks li, #socialnetworks a {
height:50px;
display:block;
}
#socialnetworks li {
float:left;
list-style:none;
display:inline;
}
#social-facebook {width: 43px;}
#social-twitter {width: 43px;}
#social-ilike {width: 43px;}
#social-youtube {width: 43px;}
#social-myspace {width: 43px;}
#social-subscribe {width: 43px;}
#social-facebook a:hover {background:url("../img/imagine_sicons2.png") 0px -50px no-repeat; border:none; outline:none; }
#social-twitter a:hover {background:url("../img/imagine_sicons2.png") -43px -50px no-repeat; border:none; outline:none; }
#social-youtube a:hover {background:url("../img/imagine_sicons2.png") -86px -50px no-repeat; border:none; outline:none; }
#social-myspace a:hover {background:url("../img/imagine_sicons2.png") -129px -50px no-repeat; border:none; outline:none; }
#social-ilike a:hover {background:url("../img/imagine_sicons2.png") -172px -50px no-repeat; border:none; outline:none; }
#social-subscribe a:hover {background:url("../img/imagine_sicons2.png") -215px -50px no-repeat; border:none; outline:none; }




/* share icons */

#share-mainmenu {
	width:100px;
	height:16px;
	margin:0;
	padding:0;
	background-image: url(../img/shareicons_sm.png);
	background-repeat: no-repeat;
}
#share-mainmenu li, #share-mainmenu a {
height:16px;
display:block;
}
#share-mainmenu li {
float:left;
list-style:none;
display:inline;
}
#share-facebook {width: 18px;}
#share-digg {width: 18px;}
#share-delicious {width: 18px;}
#share-email {width: 18px;}
#share-facebook a:hover {background:url("../img/shareicons_sm.png") 0px -16px no-repeat; border:none; outline:none; }
#share-digg a:hover {background:url("../img/shareicons_sm.png") -18px -16px no-repeat; border:none; outline:none; }
#share-delicious a:hover {background:url("../img/shareicons_sm.png") -36px -16px no-repeat; border:none; outline:none; }
#share-email a:hover {background:url("../img/shareicons_sm.png") -54px -16px no-repeat; border:none; outline:none; }

ul.menunew #share-facebook a.current {
	background-image: url(../img/shareicons_sm.png);
	background-repeat: no-repeat;
	background-position: 0px -0px;
	height: 60px;
	border:none;
    outline:none;
}

ul.menunew #share-digg a.current {
	background-image: url(../img/shareicons_sm.png);
	background-repeat: no-repeat;
	background-position: -18px -16px;
	height: 60px;
	border:none;
    outline:none;
}

ul.menunew #share-delicious a.current {
	background-image: url(../img/shareicons_sm.png);
	background-repeat: no-repeat;
	background-position: -48px -16px;
	height: 60px;
	border:none;
    outline:none;
}

ul.menunew #share-email a.current {
	background-image: url(../img/shareicons_sm.png);
	background-repeat: no-repeat;
	background-position: -64px -16px;
	height: 60px;
	border:none;
    outline:none;
}


/*  top */

#banner {
	margin: 0px;
	padding: 0px;
	width: 832px;
	z-index: 0;
}

#banner_r {
	margin: 0px;
	padding: 0px;
	width: 832px;
	z-index: 0;
	height: 150px;
}

.logo {
	height: 96px;
	width: 400px;
	float: left;
}

.float_left {
	margin: 0px;
	padding: 0px;
	float: left;
}
.float_right {
	margin: 0px;
	padding: 0px;
	float: right;
}


div.hhmusicplayer {
	float: right;
	width: 375px;
	z-index: auto;
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
/* end top */


#scroll {
	position:relative;
	height:325px;
	overflow:hidden;
	width:832px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
#footer {
		bottom:0;
		height:40px;			/* Height of the footer */
	}
	
	#footer p {
	margin:0;
	padding:10px;
	color: #FFFFFF;
	text-align: center;
	}


#shell
{
	clear: both;
	margin: 0 auto;
	width: 980px;
	}



h1 {
	font-size: 1.25em;/* 16x1.125=18px */
	margin-bottom: 1.25em;
	font-weight: normal;
	}


/* Biggest Head */

h2 {
	font-size: 0.875em; /* 16x0.875=14px */
	margin-bottom: 1.125em;
	margin-top: .1em;
}

h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 0.75em; /* 16x.75=12px */
	margin-bottom: 1.125em;
}
h4 {
	font-size: 0.6875em; /* 16x.6875=11px */
	color: #666666;
	font-weight: normal;
}

/* Use for Keywords  */

h5 {
	font-size: 0.625em;  /* 16x.625=10px */
	color: #666666;
	font-weight: normal;
	margin-bottom: 1.125em;
	margin-top: -.9em;
	line-height: 120%;
}


h6 {
	font-size: 0.5625em;  /* 16x.625=9px */
	color: #666666;
	font-weight: normal;
	margin-bottom: 1.125em;
}


.line-height {
	line-height: 1.5em;
	}

.details {
	background-color:#fff;
	color:#666;
	float:left;
	font-size:20px;
	margin:270px 0 0 0;
	padding:10px 60px;
	width:525px;
}

#thumbs {
	height:72px;
	position:absolute;
	top:252px;
	width:832px;
	background-image: url(../img/bkg_hp_thumbs.jpg);
	background-repeat: no-repeat;
}

.navi {
	margin-left:20px;
	_margin-left:304px;
}

.float_left {
	margin: 0px;
	padding: 0px;
	float: left;
}

.float_right {
	margin: 0px;
	padding: 0px;
	float: right;
}
#container_main {
	margin: 0px;
	padding: 0px;
	width: 832px;
}

.clip_right {
	margin: 0px;
	float: right;
	padding-top: 30px;
	padding-right: 30px;
	padding-bottom: 0px;
	padding-left: 0px;
}

div.clip_right {
	margin: 0px;
	float: right;
	padding-top: 30px;
	padding-right: 30px;
	padding-bottom: 0px;
	padding-left: 0px;
}




/* tab pane styling */
div.panes div.storycontent {
	display:none;
	border-top:0;
	font-size:14px;
	width: 530px;
	min-height: 600px;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 10px;
	color: #CCCCCC;
}
.border_dotted {
	margin: 0px;
	padding: 0px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #8e8e8e;
}
.style1 {color: #CCCCCC}
div.panes h2 {
	font-size: 16px;
	color: #FFFFFF;
}
#stories {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "bitstream vera sans", "trebuchet ms", verdana;
	width: 530px;
	padding-bottom: 20px;
}
.story {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "bitstream vera sans", "trebuchet ms", verdana;
	color: #ddd;
	padding-top: 10px;
	padding-bottom: 10px;
}
.story img {
	float:left;
	margin-right:20px;
	height:113px;
	width:150px;
	margin-bottom: 10px;
}
.story .date {
	font-size:12px;
	color:#B4D3FD;
}
.story .header {
	color:#FFFFFF;
	font-size:100.1%;
}
.story a {
	margin:0;
	font-size:12px;
	color:#6699cc;
	font-weight:normal;
	text-decoration: none;
}
.story .caption {
	color:#999999;
}
.bordertop {
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #999999;
	padding-bottom: 8px;
}
.iframe {
	border: 1px dotted #580054;
	}
	.awards {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "bitstream vera sans", "trebuchet ms", verdana;
	font-size: 90%;
	color: #FFFFFF;
	background-color: #31384A;
	line-height: 1.5em;
}
.awards td {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
}
.awards header {
	background-color: #47195D;
}
#mainwrapper {
	min-height: 100%;
	width: 832px;
	margin: 0px;
	padding: 0px;
}

div.mainwrapper {
	min-height: 100%;
	width: 832px;
	margin: 0px;
	padding: 0px;
}


/* styling for the image wrapper  */
#image_wrap {
	/* dimensions */
	width:530px;
	/* centered */
	text-align:center;
	/* some "skinning" */
	background-color:#262626;
	-moz-ouline-radius:4px;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0px;
	padding-top: 15px;
	padding-right: 0;
	padding-bottom: 15px;
	padding-left: 0;
}

/* tab pane styling */
div.panes div.hpcontent {
	display:none;
	border-top:0;
	font-size:14px;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 10px;
	width: 530px;
	min-height:625px;
}



#contentbottom {
	width: 832px;
	margin-top: 0px;
	padding: 0px;
	min-height: 100%;
}
.border_dotted {
	margin: 0px;
	padding: 0px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #8e8e8e;
}

#musicplayer {
	width: 375px;
		margin:0 !important;
	padding:0;

}
div.mp3player {
	margin: 0px;
	padding: 0px;
	height: 30px;
	width: 375px;
	z-index: 12000;
		margin:0 !important;
	padding:0;

}
div.showplaylist {
	background-color: #333333;
	z-index: 12000;
	margin:0 !important;
	padding:0;
	min-height: 175px;
}
div.showplaylist li, a {
	list-style-type: none;
	font-family: Arial;
	font-size: 14px;
	color: #FFFFFF;
	text-decoration: none;
	margin:0 !important;
	padding: 0;
}

div.showplaylist a:hover {
	color: #A16CA3;
		z-index: 12000;

}

.showplaylist a:active {
	color: #A16CA3;
		z-index: 12000;

}

.splisticon {
	height: 20px;
	width: 100px;
	margin: 0;
	padding: 0;
	z-index: 12000;
		margin:0 !important;
	padding:0;
}
#share_icons {
	clear: both;
}

div.share_icons {
	clear: both;
}

div.share_icons img {
	float:left;
	margin-right:10px;
	height:16px;
	width:16px;
	margin-bottom: 5px;
}

div.share_icons ul, li {  
	float:left;	 
	padding:0; 
	margin:0;  
	list-style-type:none;	
}


/* TOURDATES */

.tourdates {
	width: 100%;
	clear: both;
	position: relative;
	padding-top: 10px;
	padding-left: 10px;
	border-top-width: 1px;
	border-top-style: dotted;
}
.tourdates .venue {
	width:560px;
	color: #FFFFFF;
	float: left;
	text-align: left;
}

.tourdates .tickets {
	position: absolute;
	right: 0px;
	margin-top: 10px;
	text-align: right;
}

.tourdates .tickets a {
	color: #6699cc;
	float: right;
	text-decoration: none;
	margin-right: 10px;
}

.tourdates .tickets a:hover {
	color: #FF9900;
}
.tourdates .date {
	color: #A9AD00;
}
#player {
	height: 212px;
	width: 300px;
}

#player1 {
	height: 212px;
	width: 300px;
}

#player2 {
	margin: 0px;
	padding: 0px;
	height: 30px;
	width: 375px;
}
#msgs {
	color: #FFFFFF;
	float: left;
	height: 40px;
	width: 100px;
}
.about {
	min-height: 800px;
	width: 762px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	padding-bottom: 10px;
}

.careabout {
	min-height: 800px;
	width: 762px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	padding-bottom: 10px;
}

.contacts {
	min-height: 800px;
	width: 762px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	padding-bottom: 10px;
}

.storynobkg {
	min-height: 800px;
	width: 762px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	padding-bottom: 10px;
}

#timeline {
	width: 832px;
	height: 250px;
	margin: 0px;
	padding: 0px;
	background-color: #000000;
}
#showemailform {
	height: 100px;
	width: 400px;
	float: right;
	color: #FFFFFF;
	background-color: #000000;
}

div.clips2 {
	padding: 10px;
}
.imagineplayerbkg {
	background-image: url(../img/thumb_musicplayer.png);
	background-repeat: no-repeat;
	width: 332px;
	padding-left: 80px;
	height: 100px;
}


#bookstack {
	position:absolute;
	right:170px;
	top:225px;
	width:160px;
	height:265px;
}

.bkstr {
	height:40px;
	width:160px;
}

.mt10 {
	margin-top:10px;
}

div.hpmail {
    margin-top:60px;
    margin-left:20px;
    width:310px;
}

#mc_embed_signup{
    background:#000;
    color:#fff;
}

#mc_embed_signup .button {
    background: #999;
}