@charset "UTF-8";

*{
	outline:0;
}

body{
	background:url(../images/bg.gif) top left repeat;
}


/*=====================================================
 Header
======================================================*/

#header{
	position:relative;
	height:323px;
	width:100%;
}

#content{
	position:relative;
	width:898px;
	margin:0 auto;
}

#header #dummy{
	width:100%;
	height:1px;
	margin-top:1px;
}


/*=====================================================
 ColumnContainer
======================================================*/

#content #columnContainer{
	height:0px;
}

#content #columnContainer #newSongs{
	display:block;
	width:355px;
	float:left;
}

#content #columnContainer #onTwitter{
	display:block;
	width:355px;
	float:left;
}

#content #columnContainer #bannerArea{
	display:block;
	width:188px;
	float:left;
}

/*=====================================================
 NoFlash
======================================================*/

#header #noflash{
	position:relative;
	height:367px;
	width:100%;
	font-size:77%;
	background:url(../images/headerBg.gif) top left repeat-x;
}

#header #noflash #noflashHeader{
	width:896px;
	margin:0 auto;
	position:relative;
}

#header #noflash img#logo{
	margin:20px 0 0 0;
}

#header #noflash img#logo{
}

#header #noflash p{
	font-size:110%;
	line-height:1.6;
	position:absolute;
	top:230px;
	left:23px;
}

#header #noflash p a{
	color:#0099FF;
	text-decoration:none;
}

#header #noflash p a:hover{
	background:#FFFF00;
}


/*=====================================================
 Footer
======================================================*/

#footer{
	clear:both;
	font-size:1px;
	line-height:0;
}

#footer ul#calling{
	width:896px;
	height:29px;
	margin:0 auto;
}

#footer ul#calling li{
	display:block;
	float:left;
}

#footer ul#calling li#calling1,
#footer ul#calling li#calling2,
#footer ul#calling li#calling3{
	height:29px;
}

#footer ul#calling li#calling1 a{
	display:block;
	width:106px;
	height:29px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/btnCalling1.jpg) no-repeat;
}

#footer ul#calling li#calling2 a{
	display:block;
	width:102px;
	height:29px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/btnCalling2.jpg) no-repeat;
}
#footer ul#calling li#calling3 a{
	display:block;
	width:105px;
	height:29px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/btnCalling3.jpg) no-repeat;
}

#footer ul#calling li#calling1 a:hover,
#footer ul#calling li#calling2 a:hover,
#footer ul#calling li#calling3 a:hover{
	background-position:0 -29px;
}

#footer #footerMenu,
#footerNoFlash{
	width:100%;
	height:37px;
	background:#000000;
}

#footer #footerMenu ul{
	width:896px;
	margin:0 auto;
}

#footer #footerMenu ul li,
#footerNoFlash #footerMenu ul li{
	display:block;
	float:left;
}

#footer #footerMenu ul li a,
#footerNoFlash #footerMenu ul li a{
	display:block;
	height:37px;
	text-indent:-9999px;
	overflow:hidden;
}

#footer #footerMenu ul li#iida,
#footerNoFlash #footerMenu ul li#iida{
	margin-right:200px;
}

#footer #footerMenu ul li#iida a,
#footerNoFlash #footerMenu ul li#iida a{
	width:75px;
	background:url(../images/btnIida.gif) 0 0 no-repeat;
}

#footer #footerMenu ul li#faq a{
	width:39px;
	background:url(../images/btnFaq.gif) 0 0 no-repeat;
}


#footer #footerMenu ul li#contact a{
	width:67px;
	background:url(../images/btnContact.gif) 0 0 no-repeat;
}


#footer #footerMenu ul li#terms a{
	width:55px;
	background:url(../images/btnTerms.gif) 0 0 no-repeat;
}


#footer #footerMenu ul li#about a{
	width:115px;
	background:url(../images/btnAbout.gif) 0 0 no-repeat;
}

#footer #footerMenu ul li#policy a{
	width:104px;
	background:url(../images/btnPolicy.gif) 0 0 no-repeat;
}

#footer #footerMenu ul li#iida a:hover,
#footer #footerMenu ul li#faq a:hover,
#footer #footerMenu ul li#contact a:hover,
#footer #footerMenu ul li#terms a:hover,
#footer #footerMenu ul li#about a:hover,
#footer #footerMenu ul li#policy a:hover{
	background-position:0 -37px;
}

#footerNoFlash{
	position:absolute;
	left:0;
	bottom:0;
}

#footerNoFlash #footerMenu{
	width:892px;
	margin:0 auto;
}

#footerNoFlash #footerMenu li#iida{
	float:left;
}

#footerNoFlash #footerMenu li#copyright{
	float:right;
}


/* ------------------------------------------------------
   clearfix
------------------------------------------------------ */

.clearfix:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

.clearfix{
	zoom:1;
}