@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/E-Books.png);
	background-repeat: no-repeat;
	width: 12%;
	height: 48px;
	margin-left: auto;
	margin-right: auto;
}
.backgroundtext {
	width: 48%;
	left: 72px;
	margin-top: 24px;
	position: absolute;
}
.ebooksemailupdates {
	width: 30%;
	left: 972px;
	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/E-Books%202.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: -13px;
	width: 100%;
	height: 1218px;
	margin-top: 380px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	position: absolute;
	overflow: hidden;
	top: 6px;
}
.finalbg {
	background-image: url(../webdesign%20images/images/Web-Design_06.jpg);
	width: 100%;
	height: 47px;
	left: 0px;
	margin-top: 1500px;
	position: absolute;
	overflow: hidden;
}
.contactus {
	font-size: 24px;
	display: block;
	margin-top: 1500px;
	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;
}
.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*/

.portfoliotext {
	font-size: 18px;
	font-family: "Times New Roman", Times, serif;
	padding: 0px;
	width: 250px;
	margin-top: 36px;
	display: block;
	margin-right: auto;
}
.website {
	padding: 0px;
	width: 150px;
	float: left;
}
.websitetwo {
	padding: 0px;
	width: 150px;
	float: left;
	margin-left: 12px;
}
.websitethree {
	padding: 0px;
	width: 150px;
	float: left;
	margin-left: 12px;
}
.websitefour {
	padding: 0px;
	width: 150px;
	float: left;
	margin-left: 12px;
}
.websitefive {
	padding: 0px;
	width: 150px;
	float: left;
	margin-left: 12px;
}
.design {
	padding: 0px;
	width: 150px;
	float: left;
	margin-left: 12px;
}

.portfoliotext2 {
	clear: left;
	width: 136px;
	display: block;
	margin-right: auto;
}
.designtwo {
	padding: 0px;
	width: 150px;
	float: left;
}
.designthree {
	padding: 0px;
	width: 150px;
	float: left;
	margin-left: 12px;
}
.designfour {
	padding: 0px;
	width: 150px;
	float: left;
	margin-left: 12px;
}
.designfive {
	padding: 0px;
	width: 150px;
	float: left;
	margin-left: 12px;
}
.designsix {
	padding: 0px;
	width: 150px;
	float: left;
	margin-left: 12px;
}
.designseven {
	padding: 0px;
	width: 150px;
	float: left;
	margin-left: 12px;
}

.portfoliotext3 {
	clear: left;
	width: 136px;
	display: block;
	margin-right: auto;
}
.designeight {
	padding: 0px;
	width: 150px;
	float: left;
}
.designnine {
	padding: 0px;
	width: 150px;
	float: left;
	margin-left: 12px;
}
.designten {
	padding: 0px;
	width: 150px;
	float: left;
	margin-left: 12px;
}
.designeleven {
	padding: 0px;
	width: 150px;
	float: left;
	margin-left: 12px;
}
.designtwelve {
	padding: 0px;
	width: 150px;
	float: left;
	margin-left: 12px;
}
.designthirtteen {
	padding: 0px;
	width: 150px;
	float: left;
	margin-left: 12px;
}

.portfoliotext4 {
	clear: left;
	width: 136px;
	display: block;
	margin-right: auto;
}
.designfourteen {
	padding: 0px;
	width: 150px;
	float: left;
}
.designfifteen {
	padding: 0px;
	width: 150px;
	float: left;
	margin-left: 12px;
}
.designsixteen {
	padding: 0px;
	width: 150px;
	float: left;
	margin-left: 12px;
}
.designseventeen {
	padding: 0px;
	width: 150px;
	float: left;
	margin-left: 12px;
}
.designeightteen {
	padding: 0px;
	width: 150px;
	float: left;
	margin-left: 12px;
}
.designnineteen {
	padding: 0px;
	width: 150px;
	float: left;
	margin-left: 12px;
}

.portfoliotext5 {
	clear: left;
	width: 136px;
	display: block;
	margin-right: auto;
}
.designtwenty {
	padding: 0px;
	width: 150px;
	float: left;
}
.designtwentyone {
	padding: 0px;
	width: 150px;
	float: left;
	margin-left: 12px;
}
.designtwentytwo {
	padding: 0px;
	width: 150px;
	float: left;
	margin-left: 12px;
}
.designtwentythree {
	padding: 0px;
	width: 150px;
	float: left;
	margin-left: 12px;
}
.designtwentyfour {
	padding: 0px;
	width: 150px;
	float: left;
	margin-left: 12px;
}
.designtwentyfive {
	padding: 0px;
	width: 150px;
	float: left;
	margin-left: 12px;
}

.portfoliotext6 {
	clear: left;
	width: 136px;
	display: block;
	margin-right: auto;
}
.designtwentysix {
	padding: 0px;
	width: 150px;
	float: left;
}
.designtwentyseven {
	padding: 0px;
	width: 150px;
	float: left;
	margin-left: 12px;
}
.designtwentyeight {
	padding: 0px;
	width: 150px;
	float: left;
	margin-left: 12px;
}
.designtwentynine {
	padding: 0px;
	width: 150px;
	float: left;
	margin-left: 12px;
}
.designthirty {
	padding: 0px;
	width: 150px;
	float: left;
	margin-left: 12px;
}
.designthirtyone {
	padding: 0px;
	width: 150px;
	float: left;
	margin-left: 12px;
}

.portfoliotext7 {
	clear: left;
	width: 136px;
	display: block;
	margin-right: auto;
}
.designthirtytwo {
	padding: 0px;
	width: 150px;
	float: left;
}

.portfoliocenteralign {
	padding: 0px;
	width: 972px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.portfoliocenteralign2 {
	padding: 0px;
	width: 972px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.portfoliocenteralign3 {
	padding: 0px;
	width: 972px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.portfoliocenteralign4 {
	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: 1550px;}
}