*{margin:0px; padding:0px}

body{margin:0px; padding:0px}

#main{height:auto;
width:100%;
margin:0px auto
}

#header{height:89px;
width:100%;
background:#000;
float:left;
}


#nav{height:88px;
width:75%;
background:#000;
float:right;
}

#nav ul{margin-top:35px;
margin-left:8px;
float:right;
margin-right:2%;
}

#nav ul li{float:left;
color:#FFF;
margin-left:28PX;
list-style:none;
font-family:Arial, Helvetica, sans-serif;
font-size:11px
}

#nav ul li a{float:left;
color:#FFF;
margin-left:-5PX;
list-style:none;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
text-decoration:none;
}

#nav ul li a:hover{float:left;
color:#FFF;
color:#00e064}

#header img{margin-left:30px;
margin-top:10px}

#ppp{height:auto;
width:100%;
float:left;
background:#FFF;
background:url(images/vg56.jpg) no-repeat center top;
}

.content1{
width:100%;
float:left;
background-repeat:none;
height:86vh;

}
#box{
width:100%;
float:left;
opacity:.8;

height:86vh;
}
#box p{-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
z-index:inherit;
font-family:Verdana, Geneva, sans-serif;
font-size:20px;
}

#box2{height:178px;
width:100px;
float:right;
right:0;
margin-top:0;
}

#box img{opacity:1;
margin-top:17%;
}


#footer{height:auto;
overflow: hidden;
bottom:0;

}

#footer p{float:left;
margin-top:13px;

font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;

}

#footer ul{float:right;

margin-top:8px;
}

#footer ul li{float:left;
list-style:none;
margin-left:15px;
}

.showcase {
		width:100%;
		height:467px;
		margin-bottom:20px;
		float:left;
}
.box {
		width:1366px;
		margin: 0 auto;
}

.footer {
		width:100%;
		float:left;
		overflow: hidden;
		bottom:0;
		background:#a7a7a8;
		height:auto;
}



@media screen and (min-width:1151px) and (max-width:1200px)
{

#nav ul li a{font-size:12px;}
#ppp{background:url(images/vg561.jpg) no-repeat center top; height:auto;}
#box{height:596px;}
}



@media screen and (min-width:1201px) and (max-width:1300px)
{
	#nav ul li a{font-size:12px;}

#ppp{background:url(images/vg562.jpg) no-repeat center top; height:auto;}
#box{height:637px;}

}

@media screen and (min-width:1104px) and (max-width:1150px)
{
	#nav ul li a{font-size:12px;}

#ppp{background:url(images/vg564.jpg) no-repeat center top;height:auto; }
#box{height:601px;}

}

@media screen and (min-width:1040px) and (max-width:1103px)
{
	#nav ul li a{font-size:11px;}

#ppp{background:url(images/vg563.jpg) no-repeat center top;height:auto;}
#box{height:550px;}
}

@media screen and (min-width:1001px) and (max-width:1039px)
{
	#nav ul li a{font-size:11px;}
#ppp{background:url(images/vg566.jpg) no-repeat center top; height:auto;}
#box{height:520px;}
#footer{width:90%; margin:0 auto; left:0;}	
}

@media screen and (min-width:980px) and (max-width:1000px)
{
#nav ul li a{font-size:11px;}
#ppp{background:url(images/vg565.jpg) no-repeat center top;height:auto; }
#box{height:509px;}
#footer{width:90%; margin:0 auto; left:0;}	
}

@media screen and (min-width:901px) and (max-width:979px)
{
	
#nav ul li a{font-size:10px;}
#nav{width:73%;}
#nav ul{margin-left:2%;float:none;}
#nav ul li{margin-left:2%;}
#ppp{background:url(images/vg567.jpg) no-repeat center top;height:auto;}
#box{height:484px;}	
.footer{margin-top:5%;}
#footer{width:70%; margin:0 auto; left:0;}	
}

@media screen and (min-width:800px) and (max-width:850px)
{
#nav ul li a{font-size:10px;}
#nav{width:71%; float:right}
#nav ul{margin-left:2%; margin-right:0;}
#nav ul li{margin-left:2%; margin-right:0;}
#ppp{background:url(images/vg568.jpg) no-repeat center top;height:auto; }
#box{height:420px;}	
.footer{margin-bottom:0; margin-top:15%;}
#footer{width:60%; margin:0 auto; left:0;}	
}

@media screen and (min-width:851px) and (max-width:900px)
{
#nav ul li a{font-size:10px;}
#nav{width:73%;}
#nav ul{margin-left:2%;}
#nav ul li{margin-left:2%;}
#ppp{background:url(images/vg569.jpg) no-repeat center top;height:auto; }
#box{height:445px;}	
.footer{margin-top:10%;}
#footer{width:60%; margin:0 auto; left:0;}	

}
@media screen and (min-width:1301px) and (max-width:1366px)
{
	
	
	}
@media screen and (min-width:1367px) and (max-width:1440px)
{
	
#ppp{background:url(images/vg5622.jpg) no-repeat center top; height:auto;}	
}