@charset "utf-8";
/* CSS Document */

.header {
	background-image: url(../music%20site%20images/Header.jpg);
	background-repeat: no-repeat;
	-moz-background-size:100% 100%;
	-webkit-background-size:100% 100%;
	background-size:100% 100%;
	box-shadow: 2px 2px 4px #999;
	padding: 0px;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 59px;
	position: fixed;
	z-index: 100;
	overflow: hidden;
}
.headeralign {
	width: 1250px;
	height: auto;
	display: block;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}
.supremeartistry {
	background-image: url(../music%20site%20images/Supreme%20Artistry.png);
	background-repeat: no-repeat;
	width: 40%;
	height: 30px;
	left: 18px;
	float: left;
	margin-top: 18px;
	margin-left: 2%;
}
.menu {
	width: 36%;
	font-size: 18px;
	float: left;
	display: block;
	margin-top: 24px;
	margin-left: auto;
	margin-right: auto;
}
.supremeartistrylogo {
	background-image: url(../music%20site%20images/Supreme%20Artistry%20Logo.png);
	background-repeat: no-repeat;
	width: 10%;
	height: 63px;
	float: left;
	margin-top: 6px;
	margin-left: 150px;
}
.headermid {
	background-image: url(../music%20site%20images/images/Supreme-Artistry-Music-Layout_02.jpg);
	background-repeat: no-repeat;
	-moz-background-size:100% 100%;
	-webkit-background-size:100% 100%;
	background-size:100% 100%;
	padding: 0px;
	top: 52px;
	left: 0px;
	width: 100%;
	height: 374px;
	position: absolute;
	overflow: hidden;
}
.midstripheaderalign{
	width: 1250px;
	height: auto;
	display: block;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}
.midstripheader {
	background-image: url(../music%20site%20images/Welcome%20Strip.jpg);
	width: 100%;
	height: 40px;
	left: 0px;
	position: absolute;
	top: 418px;
	overflow: hidden;
}
.welcometitle {
	font-size: 24px;
	text-shadow: 2px 2px 3px #999;
	width: 14%;
	position: absolute;
	margin-top: 6px;
	margin-left: 572px;
	margin-right: auto;
}
.welcomecontent {
	font-size: 17px;
	width: 32%;
	position: absolute;
	margin-top: 36px;
	margin-left: 62px;
}
.musicwave{
	background-image: url(../music%20site%20images/Frequency%20Wave.png);
	background-repeat: no-repeat;
	width: 24%;
	height: 98px;
	position: absolute;
	margin-top: 72px;
	margin-left: 500px;
}
.middlecontentalign{
	width: 1250px;
	height: auto;
	display: block;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}
.middlecontent {
	background-image: url(../music%20site%20images/Mid%20Strip.jpg);
	background-repeat: no-repeat;
	-moz-background-size:100% 100%;
	-webkit-background-size:100% 100%;
	background-size:100% 100%;
	left: 0px;
	width: 100%;
	height: 312px;
	top: 458px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	position: absolute;
	overflow: hidden;
}
.studioslide {
	font-size: 18px;
	width: 26%;
	position: absolute;
	margin-top: 36px;
	margin-left: 854px;
}
.musictextalign{
	width: 1250px;
	height: auto;
	display: block;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}
.music{
	font-size: 18px;
	width: 24%;
	height: 35px;
	display: block;
	margin-top: 4px;
	margin-left: 536px;
	margin-right: auto;
}
.finalstripheader {
	background-image: url(../music%20site%20images/Mid%20Title%20Strip.jpg);
	width: 100%;
	height: 35px;
	left: 0px;
	position: absolute;
	top: 768px;
	overflow: hidden;
}
.finalcontentboxalign{
	width: 1250px;
	height: auto;
	display: block;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}
.finalcontentbox {
	background-image: url(../music%20site%20images/Final%20Content%20Box.jpg);
	background-repeat: no-repeat;
	width: 100%;
	top: 121px;
	height: 972px;
	left: 0px;
	position: absolute;
	top: 804px;
	overflow: hidden;
}
.musicplayer{
	background-repeat: no-repeat;
	width: 50%;
	height: 100px;
	position: absolute;
	margin-top: 100px;
	margin-left: 54px;
	margin-right: auto;
}
.phototext {
	font-size: 16px;
	width: 30%;
	height: auto;
	position: absolute;
	margin-top: 36px;
	margin-left: 800px;
}
.photo {
	background-image: url(../music%20site%20images/Behringer%20Compressor.jpg);
	background-repeat: no-repeat;
	width: 100%;
	height: 93px;
	position: absolute;
	margin-top: 72px;
	margin-left: 700px;
	overflow: hidden;
}
.phototwo {
	background-image: url(../music%20site%20images/Colorful%20Music%20Wave.png);
	background-repeat: no-repeat;
	width: 100%;
	height: 105px;
	position: absolute;
	margin-top: 236px;
	margin-left: 700px;
	overflow: hidden;
}
.phototextthree {
	font-size: 16px;
	width: 30%;
	height: auto;
	position: absolute;
	margin-top: 364px;
	margin-left: 836px;
}
.photothree {
	background-image: url(../music%20site%20images/Mixer.jpg);
	background-repeat: no-repeat;
	width: 100%;
	height: 138px;
	position: absolute;
	margin-top: 400px;
	margin-left: 700px;
	overflow: hidden;
}
.phototextfour {
	font-size: 16px;
	width: 30%;
	height: auto;
	position: absolute;
	margin-top: 564px;
	margin-left: 772px;
}
.photofour {
	background-image: url(../music%20site%20images/Recording%20Software.jpg);
	background-repeat: no-repeat;
	width: 100%;
	height: 223px;
	position: absolute;
	margin-top: 600px;
	margin-left: 700px;
	overflow: hidden;
}
.footer {
	background-image: url(../music%20site%20images/Footer.jpg);
	background-repeat: no-repeat;
	-moz-background-size:100% 100%;
	-webkit-background-size:100% 100%;
	background-size:100% 100%;
	padding: 0px;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 45px;
	position: fixed;
}
.copyright {
	background-image: url(../music%20site%20images/Supreme%20Artistry%20Copyright.png);
	background-repeat: no-repeat;
	bottom: 0px;
	left: 86%;
	width: 12%;
	height: 40px;
	position: absolute;
}
.visitorinsertdata {
	padding: 0px;
	width: 200px;
	margin-top: 0px;
}

@media screen and (max-width: 1000px){
	.header {position: absolute;}
	.headerealign {width: auto;}
	.supremeartistrylogo {width: 10%; margin-left: 0px;}
	.welcometitle {margin-left: 460px;}
	.welcomecontent{font-size:16px;}
	.musicwave {margin-left: 400px;}
	.studioslide {margin-left: 690px;}
	.backgroundcontent {font-size: 14px; margin-left: 62px;}
	.backgroundalign {width: auto;}
	.menu {font-size: 14px; width: 36%; margin-left: -120px;}
	.music {margin-left: 400px;}
	.photographycontent {font-size: 14px; width: 26%; margin-left: 62px;}
	.phototext {font-size: 12px; width: 30%; height: 30%; margin-left: 636px;}
	.photo {margin-left: 504px;}
	.phototwo {margin-left: 504px;}
	.phototextthree {font-size: 12px; width: 30%; height: 30%; margin-left: 654px;}
	.photothree {margin-left: 504px;}
	.phototextfour {font-size:12px; width: 30%; height: 30%; margin-left: 600px;}
	.photofour {margin-left: 504px;}
	.contactusalign {width: auto;}
	.contactus {width: 14%;}
}