@charset "UTF-8";






/*---- R E - D E F I N E D   H T M L   T A G S ---------------------------------------------------*/


/*Positions the overall body and places the purple striped background*/

body {
	background-position: 0px;
	background-image: url(../Images/Tile10.gif);
	background-repeat: repeat;
}



/*Changes the space below paragraphs*/

p {
	padding-bottom: 8px; /*IE has different P margins. See IE CSS file*/
}


/*Use for: */

h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 1.6em;
}


/*Use for: Heads */

h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.05em;
	line-height: 1.6em;
	font-weight: bold;
	color: #2f72bf;/*Blue*/
}

/*Use for: Subheads */

h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 1.5em;
	color: #666;
	margin-top: 0px;
	font-weight: bold;
}

/*Use for: quotes */

h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	line-height: 1.4em;
	color: #666;
	margin-top: 0px;
	font-weight: bold;
	font-style: italic;
}

.QuoteName { 
	font-size: .9em;
	line-height: 1.5em;
	color:#666;
	font-style: italic;
	font-weight: normal;
	margin-top: 2px;
}


/*---- W R A P P E R ---------------------------------------------------------------------------*/


/*container Whole Page is relative positioned, all else inside is absolute*/

#WholePage {
	background-image: url(../Images/Background.png);
	background-position: 0px 0px;
	position: relative;
	width: 760px;
	height: 696px;
	margin-top: 0px; /*IE and other browsers need different amounts to make the nav bar flush agoins top of browser window*/
	margin-right: auto;
	margin-left: auto;
	border-width: 0 6px 6px 6px;
	border-style: solid;
	border-color: #dbd1ae;
	background-repeat: no-repeat;

}


#WholePageLongWide {
	background-image: url(../Images/Background_LongWide.png);
	background-position: 0px 0px;
	position: relative;
	width: 760px;
	height: 1036px;
	margin-top: 0px; /*IE and other browsers need different amounts to make the nav bar flush agoins top of browser window*/
	margin-right: auto;
	margin-left: auto;
	border-width: 0 6px 6px 6px;
	border-style: solid;
	border-color: #dbd1ae;
	background-repeat: no-repeat;
}

#WholePageLong {
	background-image: url(../Images/Background_Long.png);
	background-position: 0px 0px;
	position: relative;
	width: 760px;
	height: 1036px;
	margin-top: 0px; /*IE and other browsers need different amounts to make the nav bar flush agoins top of browser window*/
	margin-right: auto;
	margin-left: auto;
	border-width: 0 6px 6px 6px;
	border-style: solid;
	border-color: #dbd1ae;
	background-repeat: no-repeat;
}

#WholePage_Store {
	background-image: url(../Images/Background_Store.png);
	background-position: 0px 0px;
	position: relative;
	width: 760px;
	height: 696px;
	margin-top: 0px; /*IE and other browsers need different amounts to make the nav bar flush agoins top of browser window*/
	margin-right: auto;
	margin-left: auto;
	border-width: 0 6px 6px 6px;
	border-style: solid;
	border-color: #dbd1ae;
	background-repeat: no-repeat;

}




/*---- L O G O ,  T A G   &   C O P Y R I G H T --------------------------------------------------------------------*/


/*Hold the Logo*/

#TallTunes_Logo {
	position: absolute;
	width: 69px;
	left: 9px;
	top: 2px;
}



/*Holds the Tag under the logo*/

#Award_Winning_Music {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 17px;
	color: #666;
	position: absolute;
	width: 105px;
	left: 15px;
	top: 162px;
}


#Copyright {
	position: absolute;
	width: 130px;
	left: 9px;
	top: 670px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .45em;
	line-height: 1.2em;
	color: #666;

}


#CopyrightLong {
	position: absolute;
	width: 130px;
	left: 9px;
	top: 1010px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .45em;
	line-height: 1.2em;
	color: #666;
}




/*---- M A I N   B O D Y  T E X T -------------------------------------------------------------*/


/*Holds the Main Body Text in the white box*/
#BodyText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .65em;
	line-height: 1.5em;
	position: absolute;
	width: 350px;
	left: 138px;
	top: 130px;
	z-index: 19;
}




/*Wraps the body text around the Store Button*/

#TextFloater {
	position: relative;
	width: 105px;
	height: 90px;
	left: 120px;
	top: 0px;
	float: right;
}



/*Holds the Main Body Text on Press Page*/
#BodyTextWide {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .65em;
	line-height: 1.5em;
	position: absolute;
	width: 530px;
	left: 138px;
	top: 130px;
}



/*Wraps the body text around the Store Button on Press Page*/

#TextFloaterWide {
	position: relative;
	width: 265px;
	height: 100px;
	left: 120px;
	top: 0px;
	float: right;
}



.rightMargin {
	margin-right: 22px;
}


.rightMarginMedSm {
	margin-right: 66px;
}


.rightMarginMedium {
	margin-right: 110px;
}


.rightMarginMore {
	margin-right: 145px;
}


p.small {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .7em;
	color: #666;
}





/*---- E N T E R   S T O R E   B U T T O N ------------------------------------------------------*/


/*Store Button*/

#EnterStore {
	position: absolute;
	width: 145px;
	left: 410px;
	top: 75px;
	z-index: 20;
}



/*Holds the Text inside the Store Button*/

#ListenBuyMusic {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-transform: uppercase;
	color: #fff;
	font-weight: 900;
	text-align: center;
	letter-spacing: 1px;
	line-height: 1.3em;
	position: absolute;
	width: 145px;
	left: auto;
	right: auto;
	top: -1px;
}





/*---- I M A G E S ---------------------------------------------------------------------------*/



img.floatLeft { 
    float: left; 
    margin-right: 16px; 
    margin-top: 6px; 
}

img.moveLeft {
margin-left: -8px;
}




/*---- C U R V Y   A W A R D S ----------------------------------------------------------------*/


/*Holds the flash Awards Slide Show*/

#Awards_Curvy {
	position: absolute;
	height: 40px;
	width: 290px;
	left: 115px;
	top: 50px;
}




/*---- P A U L   P I C S ---------------------------------------------------------------------------*/


/*this holds Paul's Phots*/

#PaulPic1728 {  /*Index + FreeMusic*/
	position: relative;
	width: 450px;
	height: 635px;
	top: 80px;
	left: 365px;
}

#PaulPic1612 {  /*MeetPaul*/
	position: relative;
	width: 260px;
	height: 653px;
	top: 65px;
	left: 560px;
}

#PaulPic1630 {  /*News*/
	position: relative;
	width: 290px;
	height: 616px;
	top: 99px;
	left: 526px;
}

#PaulPic1666 {  /*Store*/
	position: absolute;
	width: 145px;
	height: 681px;
	top: -85px;
	left: 432px;
}

#PaulPic1597 {  /*Contact*/
	position: relative;
	width: 445px;
	height: 478px;
	top: 235px;
	left: 415px;
}

#PaulPic1646 {  /*Lyrics*/
	position: relative;
	width: 300px;
	height: 644px;
	top: 73px;
	left: 495px;
}

#PaulPic1588 {  /*BookShow*/
	position: relative;
	width: 330px;
	height: 650px;
	top: 268px;
	left: 467px;
}


#PaulPic1788 {  /*Press*/
	position: relative;
	width: 320px;
	height: 280px;
	top: 217px;
	left: 87px;
	float: right;
}



/*---- L I N K S ------------------------------------------------------------------------------*/


/*Links for Body*/


a.body:link {
	color: #000;
	text-decoration: underline;
	margin-left: 1px;
}


a.body:hover {
	color: #ef5b3e;/*Orange-Red*/
	text-decoration: none;
	margin-left: 1px;
}


a.body:visited {
	color: #000;
	text-decoration: underline;
	margin-left: 1px;
}



/*Links for Listen & Buy in the Store Button*/

a.buy:link {
	color: #fff;
	text-decoration: none;
}

a.buy:hover {
	color: #453562; /*purple*/
	text-decoration: none;
}

a.buy:visited {
	color: #fff;
	text-decoration: none;
}



/*Links for small design link*/

a.design:link {
	color: #000;
	text-decoration: none;
	margin-left: 1px;
}


a.design:hover {
	color: #ef5b3e;/*Orange-Red*/
	text-decoration: none;
	margin-left: 1px;
}


a.design:visited {
	color: #000;
	text-decoration: none;
	margin-left: 1px;
}




/*Contact Form*/

.form_text{
  width:270px;
}

.form_textarea{
	width:270px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;

}

#Mute{
	position: absolute;
	width: 40px;
	left: 714px;
	top: 37px;
}