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

.header {
	background-image: url(../webdesign%20images/images/Web-Design_01.jpg);
	background-repeat: no-repeat;
	-moz-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	padding: 0px;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 65px;
	position: absolute;
	z-index: 100;
	overflow: hidden;
}
.supremeartistry {
	background-image: url(../webdesign%20images/images/Supreme%20Artistry.png);
	background-repeat: no-repeat;
	width: 42%;
	height: 42px;
	margin-top: 9px;
	margin-left: 36px;
	position: absolute;
}
.supremelogo {
	background-image: url(../webdesign%20images/images/Supreme%20Artistry%20Logo.png);
	background-repeat: no-repeat;
	width: 4%;
	height: 53px;
	margin-top: -36px;
	margin-left: 1090px;
	position: absolute;
}
.menu {
	font-size: 16px;
	width: 16%;
	margin-top: 18px;
	margin-left: 72%;	
}
.bgheader {
	background-image: url(../webdesign%20images/images/Web-Design_02.jpg);
	background-repeat: no-repeat;
	-moz-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	top: 67px;
	left: 0px;
	width: 100%;
	height: 289px;
	position: absolute;
	overflow: hidden;
}
.backgroundtitle {
	background-image: url(../webdesign%20images/images/Purchase%20Text.png);
	background-repeat: no-repeat;
	width: 12%;
	height: 48px;
	margin-left: auto;
	margin-right: auto;
}
.backgroundtext {
	width: 56%;
	left: 72px;
	margin-top: 24px;
	position: absolute;
}
.promotionalvideo {
	width: 30%;
	left: 772px;
	margin-top: 6px;
	position: absolute;
}
.itsitepictext {
	background-image: url(../webdesign%20images/images/IT%20Networking%20Site%20Text.png);
	width: 24%;
	height: 36px;
	margin-top: -36px;
	left: 904px;
	position: absolute;
}
.itsitepic {
	width: 18%;
	height: 196px;
	left: 900px;
	position: absolute;
}
.graphicdesigntitle {
	background-image: url(../webdesign%20images/images/Web-Design_04.jpg);
	background-repeat: no-repeat;
	-moz-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	width: 100%;
	height: 123px;
	left: 0px;
	margin-top: 258px;
	position: absolute;
	overflow: hidden;
}
.graphicdesigntext {
	background-image: url(../webdesign%20images/images/Buy%20Now%20Text.png);
	background-repeat: no-repeat;
	width: 22%;
	height: 78px;
	margin-top: 18px;
	margin-left: auto;
	margin-right: auto;
}
.middlecontent {
	background-image: url(../webdesign%20images/images/Web-Design_05.jpg);
	-moz-background-size:100% 100%;
	-webkit-background-size:100% 100%;
	background-size:100% 100%;
	left: 0px;
	width: 100%;
	height: 918px;
	margin-top: 380px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	position: absolute;
	overflow: hidden;
}
.finalbg {
	background-image: url(../webdesign%20images/images/Web-Design_06.jpg);
	width: 100%;
	height: 47px;
	left: 0px;
	margin-top: 1200px;
	position: absolute;
	overflow: hidden;
}
.contactus {
	font-size: 24px;
	display: block;
	margin-top: 1100px;
	margin-left: 90px;
	margin-right: auto;
	position: absolute;	
}
.footerspace {
	width: 100%;
	height: 100px;
	left: 0px;
	margin-top: 100px;
	overflow: hidden;
}
.footer {
	background-image: url(../webdesign%20images/images/Web-Design_07.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: 53px;
	position: fixed;
	z-index: 100;
}
.copyright {
	background-image: url(../photography%20site%20images/images/Copyright%20Text.png);
	background-repeat: no-repeat;
	bottom: 0px;
	left: 86%;
	width: 12%;
	height: 40px;
	position: absolute;
}
.visitorinsertdata {
	padding: 0px;
	width: 200px;
	margin-top: 0px;
}

/*Gallery Photos*/

.ebooktext {
	font-size: 18px;
	font-family: "Times New Roman", Times, serif;
	padding: 0px;
	width: 439px;
	margin-top: 36px;
	display: block;
	margin-right: auto;
}
.ebook {
	padding: 0px;
	width: 150px;
	float: left;
}
.paynowbtn {
	width: 400px;
	margin-left: 936px;
	margin-top: 436px;
	position: absolute;
	z-index: 99;
}

.portfoliocenteralign {
	padding: 0px;
	width: 972px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

@media screen and (max-width: 1000px){
	.header {width: 1250px;}
	.menu {width: 20%; left: 70%;}
	.supremelogo {margin-left: 1120px;}
	.bgheader{width: 1250px;}
	.graphicdesigntitle {width:1250px;}
	.middlecontent {width: 1250px;}
	.finalbg {width: 1250px; margin-top: 1250px;}
}