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

.header {
	background-image: url(../images/Header.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: 36px;
	position: fixed;
	color: #FFFFFF;
	z-index: 100;
	overflow: hidden;
}
.supremealign {
	width: 1250px;
	height: auto;
	display: block;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}
.supremeartistry {
	background-image: url(../images/Supreme%20Artistry.png);
	background-repeat: no-repeat;
	width: 28%;
	height: 26px;
	margin-top: 9px;
	margin-left: 36px;
}
.betweenstrip {
	background-image: url(../images/Between%20Strip.jpg);
	background-repeat: no-repeat;
	-moz-background-size:100% 100%;
	-webkit-background-size:100% 100%;
	background-size:100% 100%;
	width: 100%;
	height: 132px;
	position: fixed;
	margin-top: 28px;
	left: 0px;
	overflow: hidden;
	z-index: 100;
}
.menualign {
	width: 1250px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}
.menu {
	width: 50%;
	font-size: 18px;
	display: block;
	float: left;
	margin-top: 54px;
	margin-left: 324px;
	margin-right: auto;	
}
.supremeartistrylogo {
	background-image: url(../images/Supreme%20Artistry%20Logo.png);
	background-repeat: no-repeat;
	width: 24%;
	height: 114px;
	float: left;
	margin-top: 9px;
	margin-left: 0px;
}
.menustrip {
	background-image: url(../images/Menu%20Strip.jpg);
	background-repeat: no-repeat;
	-moz-background-size:100% 100%;
	-webkit-background-size:100% 100%;
	background-size:100% 100%;
	width: 100%;
	height: 19px;
	position: fixed;
	margin-top: 160px;
	left: 0px;
	overflow: hidden;
	z-index: 100;
}
.midstrip {
	background-image: url(../images/Mid%20Strip.jpg);
	background-repeat: no-repeat;
	-moz-background-size:100% 100%;
	-webkit-background-size:100% 100%;
	background-size:100% 100%;
	width: 100%;
	height: 114px;
	position: fixed;
	margin-top: 178px;
	left: 0px;
	overflow: hidden;
	z-index: 100;
}
.halign {
	width: 1250px;
	display: block;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}
.headercontent {
	width: 150px;
	font: "Times New Roman", Times, serif;
	font-size: 16px;
	color: #333;
	display: block;
	margin-top: 0px;
	margin-left: 30%;
	margin-right: auto;	
}
.headercontentdivider {
	background-color: #000;
	width: 260px;
	height: 1px;
	font: "Times New Roman", Times, serif;
	font-size: 17px;
	color: #000;
	display: block;
	margin-top: 2px;
	margin-left: 9%;
	margin-right: auto;	
}
.headercontentdescription {
	width: 250px;
	font: "Times New Roman", Times, serif;
	font-size: 16px;
	color: #000;
	display: block;
	margin-top: 2px;
	margin-left: 9%;
	margin-right: auto;	
}
.headercontent2 {
	width: 150px;
	font: "Times New Roman", Times, serif;
	font-size: 16px;
	color: #333;
	display: block;
	margin-top: 0px;
	margin-left: 36%;
	margin-right: auto;	
}
.headercontentdivider2 {
	background-color: #000;
	width: 260px;
	height: 1px;
	font: "Times New Roman", Times, serif;
	font-size: 16px;
	color: #000;
	display: block;
	margin-top: 2px;
	margin-left: 6%;
	margin-right: auto;	
}
.headercontentdescription2 {
	width: 266px;
	font: "Times New Roman", Times, serif;
	font-size: 16px;
	color: #000;
	display: block;
	margin-top: 2px;
	margin-left: 6%;
	margin-right: auto;	
}
.headercontent3 {
	width: 150px;
	font: "Times New Roman", Times, serif;
	font-size: 16px;
	color: #333;
	display: block;
	margin-top: 0px;
	margin-left: 42%;
	margin-right: auto;	
}
.headercontentdivider3 {
	background-color: #000;
	width: 260px;
	height: 1px;
	font: "Times New Roman", Times, serif;
	font-size: 16px;
	color: #000;
	display: block;
	margin-top: 2px;
	margin-left: 12%;
	margin-right: auto;	
}
.headercontentdescription3 {
	width: 250px;
	font: "Times New Roman", Times, serif;
	font-size: 16px;
	color: #000;
	display: block;
	margin-top: 2px;
	margin-left: 12%;
	margin-right: auto;	
}
.headercontentalign {
	width: 306px;
	float: left;
	margin-top: 0px;
	margin-left: 36px;
	position: absolute;
	overflow: hidden;	
}
.headercontentalign2 {
	width: 306px;
	float: left;
	margin-top: 0px;
	margin-left: 420px;
	position: absolute;
	overflow: hidden;	
}
.headercontentalign3 {
	width: 306px;
	float: left;
	margin-top: 0px;
	margin-left: 840px;
	position: absolute;
	overflow: hidden;	
}
.welcometextalign {
	width: 1250px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}
.welcometext {
	font-size: 24px;
	text-shadow: 2px 2px 4px #999;
	width: 30%;
	display: block;
	position: absolute;
	margin-top: 298px;
	margin-left: 460px;
	margin-right: auto;
}
.welcomecontentbox {
	background-image: url(../images/Welcome%20Content%20Box.jpg);
	width: 100%;
	height: 186px;
	left: 0px;
	margin-top: 342px;
	position: absolute;
	overflow: hidden;
}
.welcomecontentalign {
	width: 1250px;
	height: auto;
	display: block;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}
.welcomecontent {
	font-size: 16px;
	width: 50%;
	height: auto;
	margin-top: 26px;
	margin-left: 36px;
}
.aboutuscontentbox {
	background-image: url(../images/About%20Us%20Content%20Box.png);
	width: 100%;
	height: 273px;
	left: 0px;
	margin-top: 528px;
	position: absolute;
	overflow: hidden;
}
.aboutusalign {
	width: 1250px;
	display: block;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}
.aboutustext {
	font-size: 36px;
	text-shadow: 2px 2px 4px #999;
	width: 30%;
	float: left;
	margin-top: 118px;
	margin-left: 200px;
}
.aboutusdivider {
	background-color: #999;
	width: 1px;
	height: 200px;
	float: left;
	margin-top: 30px;
	margin-left: 30px;
}
.aboutuscontent {
	font-size: 16px;
	width: 400px;
	float: left;
	margin-top: 100px;
	margin-left: 100px;
}
.servicesandperformance {
	background-image: url("../images/Services And High Performance Content Box.png");
	background-repeat: no-repeat;
	width: 100%;
	height: 304px;
	left: 0px;
	position: absolute;
	margin-top: 800px;
	overflow: hidden;
}
.servicesandperformancealign {
	width: 1250px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}
.services {
	font-family: "Times New Roman", Times, serif;
	font-size: 36px;
	text-shadow: 2px 2px 4px #333;
	width: 12%;
	height: auto;
	float: left;
	margin-top: 9px;
	margin-left: 210px;
}
.highperformance {
	font-size: 36px;
	text-shadow: 2px 2px 4px #999;
	width: 28%;
	float: left;
	margin-top: 9px;
	margin-left: 420px;
}
.serviceslist {
    font-size: 16px;
    width: 14%;
    position: absolute;
    float: left;
    height: auto;
    margin-top: 72px;
	left: 212px;
    z-index: 2;
    top: -14px;
}
.highperformancelist {
    font-size: 16px;
    width: 18%;
    position: absolute;
    height: auto;
    float: left;
    margin-top: 0px;
    left: 790px;
    top: 58px;
}
.scrollcontent {
	background-repeat: no-repeat;
	-moz-background-size:100% 100%;
	-webkit-background-size:100% 100%;
	background-size:100% 100%;
	width: 100%;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.contactusalign {
	width: 1250px;
	display: block;
	margin-top: 1150px;
	margin-left: auto;
	margin-right: auto;
}
.contactus {
	font-size: 24px;
	width: 12%;
	margin-top: 0px;
	left: 100px;
		
}
.footer {
	background-image: url(../images/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: 30px;
	position: fixed;
}
.copyright {
	background-image: url(../images/Copyright.png);
	background-repeat: no-repeat;
	width: 12%;
	height: 18px;
	margin-top: 12px;
	margin-left: 86%;
}
.footerspace {
	width: 100%;
	height: 50px;
	left: 0px;
	margin-top: 0px;
	overflow: hidden;
}
.visitorinsertdata {
	padding: 0px;
	width: 200px;
	margin-top: 910px;
}
@media screen and (max-width: 1270px){
	.header {position: absolute; z-index: 0;}
	.supremealign {width: auto;}
	.menualign {width: auto;}
	.menu {width: 60%; margin-left: 144px;}
	.halign {width: auto;}
	.supremeartistrylogo {margin-left: 12px;}
	.betweenstrip {position: absolute; z-index: 0;}
	.menustrip {position: absolute; z-index: 0;}
	.midstrip {position: absolute; z-index: 0;}
	.headercontentdescription {width: 86%; font-size: 14px;}
	.headercontentdescription2 {font-size: 14px;}
	.headercontentdescription3 {font-size: 14px;}
	.headercontentalign {margin-left: 24px;}
	.headercontentalign2 {margin-left: 350px;}
	.headercontentalign3 {margin-left: 640px;}
	.welcometextalign {width: auto;}
	.welcometext {width: 36%; margin-left: 360px;}
	.welcomecontentalign {width: auto;}
	.welcomecontent {width: 50%; font-size: 14px;}
	.aboutusdivider {margin-left: 30px;}
	.aboutuscontent {margin-top: 70px; margin-left: 80px;}
	.aboutusalign {width: auto;}
	.aboutustext {width: 30%; margin-left: 130px;}
	.servicesandperformance {margin-left: -120px; overflow: hidden;}
	.servicesandperformancealign {width: auto;}
	.servicesandperformancealign2 {width: auto;}
	.services {margin-left: 250px;}
	.highperformance {width: 33%; margin-left: 288px;}
	.serviceslist {margin-left: 154px;}
	.highperformancelist {margin-left: 340px;}
	.contactusalign {width: auto;}
	.contactus {width: 14%;}
}