body{
height:100%;
background-color: rgb(11,0,0);
background-repeat:no-repeat;
text-align:center;
margin:0px;
color:rgb(48,31,17);
font-family:'trebuchet MS';
font-size:13px;
line-height:16px;
}

background{
background-repeat:no-repeat;
}

a{
color:#005C7A;
text-decoration:none;
font-weight:bold;
outline:none;
border:none;
}

a:hover{
color:red;
}

/*FOR IFRAMES*/
body.iFrame{
height:100%;
background-color: rgb(247,242,232);
text-align:left;
margin:0px;
padding:15px;
color:rgb(51,65,77);
font-family:'trebuchet MS';
font-size:13px;
line-height:20px;
}

body.iFrame-press{
height:100%;
background-color: rgb(235,241,246);
text-align:left;
margin:0px;
padding:15px;
color:rgb(51,65,77);
font-family:'trebuchet MS';
font-size:13px;
line-height:20px;
}

.bigTitle{
text-transform:uppercase;
letter-spacing:2px;
font-size:20px;
}

.smallTitle{
text-transform:uppercase;
letter-spacing:1px;
font-size:16px;
font-weight:bold;
}

/*GENERAL*/
#bottomDiv{
height:691px;
width:780px;
border:solid 1px rgb(244,232,212);
background-color: rgb(244,232,212);
margin-left:auto;
margin-right:auto;
margin-top:22px;
margin-bottom:22px;
}

#topDiv{
position:absolute;
height:685px;
width:774px;
border:solid 3px rgb(51,65,77);
background-color: rgb(206,215,223);
text-align:left;
z-index:1;
}

#title{
position:absolute;
margin-left:0px;
margin-top:0px
}

#subTitle{
position:absolute;
margin-left:415px;
margin-top:10px
}

#navigation{
position:absolute;
margin-left:0px;
margin-top:70px;
height:50px;
width:774px;
border:solid 0px rgb(51,65,77);
}

.navButton{
border:solid 0px black;
margin-left:0px;
margin-right:0px;
display:block;
float:left;
width:auto;
}

#photoBox{
position:absolute;
margin-left:8px;
margin-top:115px;
height:320px;
width:320px;
border:solid 1px rgb(51,65,77);
background-color: rgb(247,242,232);
}

#featureBox{
position:absolute;
margin-left:8px;
margin-top:445px;
height:142px;
width:320px;
border:solid 1px rgb(51,65,77);
background-color: rgb(247,242,232);
}

#featurePhoto{
position:absolute;
margin:6px;
cursor:pointer;
}

#adPhoto{
position:absolute;
margin:6px;
border:none;
}

#adCopy{
position:absolute;
text-align:left;
margin-left:150px;
margin-top:6px;
height:129px;
width:165px;
border:solid 0px rgb(51,65,77);
color:rgb(51,65,77);
background-color: rgb(247,242,232);
font-size:12px;
}

#signunpBox{
position:absolute;
margin-left:8px;
margin-top:598px;
height:75px;
width:320px;
border:solid 1px rgb(51,65,77);
background-color: rgb(73,89,104);
}

#signUpImage{
position:absolute;
margin:8px;
}

#signUpDiv{
position:absolute;
margin-left:90px;
margin-top:6px;
height:64px;
width:220px;
border:solid 0px rgb(51,65,77);
color:white;
}

	/*EMAIL SIGN-UP FORM*/
	#nameLabel{
	position:absolute;
	margin-left:0px;
	margin-top:2px;
	}
	#nameClipper{
	position:absolute;
	margin-left:40px;
	margin-top:2px;
	height:16px;
	width:182px;
	overflow:hidden;
	}
	/*This whole "clipper" thing came about because, in FireFox, the text inside the input fields was too 
	low when I limited the height of the input fields. This was solved by letting the input 
	fields have their natural height, but I still wanted them to appear skinnier. So I put
	them inside divs with hidden overflow and gave them a negative top margin.*/
	#nameField{
	position:absolute;
	margin-top:-4px;
	width:178px;
	color:rgb(51,65,77);
	font-size:12px;
	}
	#emailLabel{
	position:absolute;
	margin-left:0px;
	margin-top:23px;
	}
	#emailClipper{
	position:absolute;
	margin-left:40px;
	margin-top:23px;
	height:16px;
	width:182px;
	overflow:hidden;
	}
	#emailField{
	position:absolute;
	margin-top:-4px;
	width:178px;
	color:rgb(51,65,77);
	font-size:12px;
	}
	#stateLabel{
	position:absolute;
	margin-left:2px;
	margin-top:44px;
	}
	#stateClipper{
	position:absolute;
	margin-left:40px;
	margin-top:45px;
	height:16px;
	width:35px;
	overflow:hidden;
	}
	#stateField{
	position:absolute;
	margin-top:-3px;
	width:30px;
	color:rgb(51,65,77);
	font-size:12px;
	}
	#submit{
	position:absolute;
	left:77px;
	top:45px;
	}

#dashLine{
position:absolute;
margin-left:336px;
margin-top:113px;
}

#textBox{
position:absolute;
margin-left:349px;
margin-top:116px;
height:568px;
width:414px;
border-left:solid 1px rgb(51,65,77);
border-top:solid 1px rgb(51,65,77);
border-right:solid 1px rgb(51,65,77);
overflow-x: hidden; 
}

#socialDiv{
position:absolute;
margin-left:730px;
margin-top:543px;
height:137px;
width:51px;
z-index:0;
}

#socialDivBackground{
position:absolute;
margin-left:0px;
margin-top:0px;
height:137px;
width:51px;
background-color: rgb(244,232,212);
filter:alpha(opacity=40);filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40);-moz-opacity:40%;-khtml-opacity:0.40;opacity:0.40; /* for future compatibility */
z-index:0;
}

#facebookButton{
position:absolute;
display:block;
margin-left:6px;
margin-top:7px;
border:none;
}

#twitterButton{
position:absolute;
display:block;
margin-left:6px;
margin-top:47px;
border:none;
}

#myspaceButton{
position:absolute;
display:block;
margin-left:6px;
margin-top:89px;
border:none;
}

/*FOR WELCOME PAGE*/


/*FOR PRESS PAGE*/

#pressBox{
position:absolute;
margin:6px;
height:313px;
width:306px;
border-left:solid 1px rgb(51,65,77);
border-top:solid 1px rgb(51,65,77);
border-right:solid 1px rgb(51,65,77);
background-color: rgb(206,215,223);
overflow-x: hidden; 
}

.pressTitle{
text-transform:uppercase;
font-size:12px;
font-weight:bold;
line-height:14px;
}

.pressPhotoTN{
margin-top:10px;
border:none;
outline:none;
}

.h-dashLine{
height:2px;
margin-top:10px;
border-top:1px;
border-left:0px;
border-right:0px;
border-bottom:0px;
border-style: dashed;
}

/*FOR MUSIC PAGE*/

#musicBox{
position:absolute;
margin:6px;
height:467px;
width:306px;
border-left:solid 1px rgb(51,65,77);
border-top:solid 1px rgb(51,65,77);
border-right:solid 1px rgb(51,65,77);
background-color: rgb(206,215,223);
overflow-x: hidden; 
}

.albumThumbTN{
outline:none;
border:solid 1px gray;
padding:5px;
margin:15px;
margin-bottom:5px;
}

.albumTitle{
font-weight:normal;
}

#musicBoxHeaderDiv{
position:absolute;
width:100%;
height:57px;
background-color:rgb(145,157,168);
left:0px;
top:0px;
z-index:-1
}

.displayAlbum{
position:absolute;
display:block;
outline:none;
border:solid 1px silver;
background-color:white;
padding:3px;
margin-right:15px;
width:auto;
}

#albumTitleBox{
position:absolute;
width:220px;
height:360px;
left:175px;
top:auto;
border:solid 0px silver;
}

#trackListBox{
position:absolute;
width:220px;
height:360px;
left:175px;
top:175px;
border:solid 0px silver;
}

#creditListBox{
font-size:11px;
line-height:13px;
}

.shopAudioPlayer{
position:absolute;
border:solid 1px gray;
background-color:ghostwhite;
display:block;
height:152px;
width:370px;
left:auto;
top:394px;
padding:5px;
}

.musicPages{
letter-spacing:2px;
font-weight:bold;
font-size:16px;
}

.musicPagesSmall{
letter-spacing:1px;
font-weight:bold;
font-size:14px;
}

.trackList{
font-size:11px;
font-family:'times',serif;
line-height:15px;
}

#orderDiv{
position:absolute;
border-right:dashed 1px silver;
padding-right:10px;
width:136px;
height:200px;
left:15px;
top:175px;
text-align:right;
}

#signatureLink{
position:absolute;
margin-top:695px;
margin-left:705px;
height:20px;
border:solid 0px gray;
color:gray;
letter-spacing:1px;
font-size:9px;
font-weight:normal;
text-transform:uppercase;
}

#signatureLink:hover{
color:aliceblue;
}