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

.container{
width:100%;
height:100%;
background-image: url(../img4/bg2.png);background-repeat: repeat-x;background-position: left bottom;background-attachment: fixed;
min-width:500px;
}
html,body{

	background: #B8D6F0;
	background: -moz-linear-gradient(top, rgba(184, 214, 240, 1) 0%, rgba(255, 255, 255, 1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(184, 214, 240, 1)), color-stop(100%,rgba(255, 255, 255, 1)));
	background: -webkit-linear-gradient(top, rgba(184, 214, 240, 1) 0%,rgba(255, 255, 255, 1) 100%);
	background: -o-linear-gradient(top, rgba(184, 214, 240, 1) 0%,rgba(255, 255, 255, 1) 100%);
	background: -ms-linear-gradient(top, rgba(184, 214, 240, 1) 0%,rgba(255, 255, 255, 1) 100%);
	background: linear-gradient(to bottom, rgba(184, 214, 240, 1) 0%,rgba(255, 255, 255, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b8d6f0', endColorstr='#ffffff',GradientType=0 );
	background-color: #658EBF;
	background-repeat: repeat;
	background-color: #6191BF;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#75A6D6), to(#CDE6F9));
	background-image: -webkit-linear-gradient(top, #75A6D6, #CDE6F9);
	background-image: -moz-linear-gradient(top, #75A6D6, #CDE6F9);
	background-image: -ms-linear-gradient(top, #75A6D6, #CDE6F9);
	background-image: -o-linear-gradient(top, #75A6D6, #CDE6F9);
	background-image: linear-gradient(top, #75A6D6, #CDE6F9);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#81a8cb', EndColorStr='#cde6f9');
	-webkit-gradient: ((radial,50%50%,0,50%50%,800,from(#CDE6F9),to(#75A6D6))background:#6191BF;
	background-image: -moz-radial-gradient(center 45deg,circle cover,#CDE6F9, #75A6D6);
	background-image: -webkit-gradient(radial, 50% 50%, 0, 50% 50%,800, from(#FAFAFA), to(#B3D9FF));
	width:100%;
	min-width:500px;
height:99%;
overflow:hidden;

}

.viewport {
-webkit-perspective: 800;
-webkit-perspective-origin: 70% 200px;
-webkit-transform: scale(0.75,0.75);

-moz-perspective: 800;
-moz-perspective-origin: 50% 100px;
-moz-transform: scale(0.55,0.55);
-webkit-transform: scale(.4);
opacity: .8;
}
.test 
{
   /* padding-left:100px;*/
    padding-top:30px;
}

.zcube 
{
    
position: relative;
margin: 0 auto;
left:0px;
top:50px;
height: 400px;
width: 400px;
-webkit-transform-style: preserve-3d;
-webkit-transform: rotateX(-10deg) rotateY(20deg);
-moz-transform-style: preserve-3d;
-moz-transform: rotateX(-10deg) rotateY(20deg);

-webkit-transition: all  5s infinite ease-in-out;
-moz-transition: all 5s infinite ease-in-out;
-o-transition: all 5s infinite ease-in-out;
-ms-transition: all s infinite ease-in-out;
transition: all 5s infinite ease-in-out;


}

.zcube>div
{
	position: absolute;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-o-box-sizing:border-box;
	border:40px solid white;	
}

.cubeside
{
	width:350px;
	height:350px;
	overflow:hidden;
	background-color:White;
	border:1px solid #e0e0e0 !important;

}
.cubeside img
{
	width:100%;
	height:100%;
}

.zcube > div:first-child  {
-webkit-transform: rotateX(90deg) translateZ(175px);
-moz-transform: rotateX(90deg) translateZ(175px);
backface-visibility:visible;
-webkit-backface-visibility:hidden; /* Chrome and Safari */
-moz-backface-visibility:hidden; /* Firefox */
}

.zcube > div:nth-child(2) {
-webkit-transform: translateZ(175px);
-moz-transform: translateZ(175px);
backface-visibility:visible;
-webkit-backface-visibility:visible; /* Chrome and Safari */
-moz-backface-visibility:hidden; /* Firefox */
}

.zcube > div:nth-child(3) {
-webkit-transform: rotateY(90deg) translateZ(175px);
-moz-transform: rotateY(90deg) translateZ(175px);
text-align: center;
backface-visibility:visible;
-webkit-backface-visibility:visible; /* Chrome and Safari */
-moz-backface-visibility:hidden; /* Firefox */
}

.zcube  > div:nth-child(4) {
-webkit-transform: rotateY(180deg) translateZ(175px);
-moz-transform: rotateY(180deg) translateZ(175px);
backface-visibility:hidden;
-webkit-backface-visibility:hidden; /* Chrome and Safari */
-moz-backface-visibility:hidden; /* Firefox */
}

.zcube > div:nth-child(5) {
-webkit-transform: rotateY(-90deg) translateZ(175px);
-moz-transform: rotateY(-90deg) translateZ(175px);
backface-visibility:hidden;
-webkit-backface-visibility:hidden; /* Chrome and Safari */
-moz-backface-visibility:hidden; /* Firefox */
}

.zcube > div:nth-child(6) {
-webkit-transform: rotateX(-90deg) rotate(180deg) translateZ(175px);
-moz-transform: rotateX(-90deg) rotate(180deg) translateZ(175px);
backface-visibility:hidden;
-webkit-backface-visibility:hidden; /* Chrome and Safari */
-moz-backface-visibility:hidden; /* Firefox */
}

.zoom-wrapper {
-webkit-animation: zoom-in 5s linear infinite alternate;
-webkit-filter: blur(0);
-webkit-transform-style: preserve-3d;
}

@-webkit-keyframes zoom-in {
    from {
        -webkit-transform: translateZ(-1000px);
        -webkit-filter: blur(3px);
    }
    to {
        -webkit-transform: translateZ(100px);
        -webkit-filter: blur(0);
    }
}

.cubeface
{
	width:400px;
	height:400px;
}
.subbutton {
  padding: 5px;
  text-decoration: none;
  -webkit-border-radius: 75px;
  -moz-border-radius: 75px;
  -webkit-box-shadow: 2px 3px 5px #666666;
  -moz-box-shadow: 2px 3px 5px #666666;
 
  border: solid #f5f5f5 5px;

   background: -webkit-linear-gradient(90deg, #E0E0E0, white);
    -moz-background-origin: border;
    background-origin: border-box;
   
    border: 4px solid transparent;
    border-radius: 75px;
    box-shadow:
        inset 0 0 5px #e0e0e0, 
        0 0 12px #e0e0e0, 
        inset -999px 0 0 #D9E8FD; 
  display: inline-block;
-webkit-border-radius: 75px;
-moz-border-radius: 75px;
border-radius: 75px;
-webkit-box-shadow: 0 6px 0 #CFDAE2, 0 10px 6px rgba(167, 195, 214, 1);
-moz-box-shadow:0 6px 0 #CFDAE2, 0 10px 6px rgba(167, 195, 214, 1);
box-shadow: 0 6px 0 #CFDAE2, 0 10px 6px rgba(167, 195, 214, 1);
-webkit-transition: -webkit-box-shadow .1s ease-in-out;
-moz-transition: -moz-box-shadow .1s ease-in-out;
-o-transition: -o-box-shadow .1s ease-in-out;
transition: box-shadow .1s ease-in-out;
margin-left: 11px;
  

/*background: rgb(184,225,252); 
background: -moz-linear-gradient(top,  rgba(184,225,252,1) 0%, rgba(169,210,243,1) 10%, rgba(144,186,228,1) 25%, rgba(144,188,234,1) 37%, rgba(144,191,240,1) 50%, rgba(107,168,229,1) 51%, rgba(162,218,245,1) 83%, rgba(189,243,253,1) 100%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(184,225,252,1)), color-stop(10%,rgba(169,210,243,1)), color-stop(25%,rgba(144,186,228,1)), color-stop(37%,rgba(144,188,234,1)), color-stop(50%,rgba(144,191,240,1)), color-stop(51%,rgba(107,168,229,1)), color-stop(83%,rgba(162,218,245,1)), color-stop(100%,rgba(189,243,253,1))); 
background: -webkit-linear-gradient(top,  rgba(184,225,252,1) 0%,rgba(169,210,243,1) 10%,rgba(144,186,228,1) 25%,rgba(144,188,234,1) 37%,rgba(144,191,240,1) 50%,rgba(107,168,229,1) 51%,rgba(162,218,245,1) 83%,rgba(189,243,253,1) 100%); 
background: -o-linear-gradient(top,  rgba(184,225,252,1) 0%,rgba(169,210,243,1) 10%,rgba(144,186,228,1) 25%,rgba(144,188,234,1) 37%,rgba(144,191,240,1) 50%,rgba(107,168,229,1) 51%,rgba(162,218,245,1) 83%,rgba(189,243,253,1) 100%);
background: -ms-linear-gradient(top,  rgba(184,225,252,1) 0%,rgba(169,210,243,1) 10%,rgba(144,186,228,1) 25%,rgba(144,188,234,1) 37%,rgba(144,191,240,1) 50%,rgba(107,168,229,1) 51%,rgba(162,218,245,1) 83%,rgba(189,243,253,1) 100%); 
background: linear-gradient(to bottom,  rgba(184,225,252,1) 0%,rgba(169,210,243,1) 10%,rgba(144,186,228,1) 25%,rgba(144,188,234,1) 37%,rgba(144,191,240,1) 50%,rgba(107,168,229,1) 51%,rgba(162,218,245,1) 83%,rgba(189,243,253,1) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b8e1fc', endColorstr='#bdf3fd',GradientType=0 ); */

}
.subbutton:hover {
-webkit-border-radius: 75px;
-moz-border-radius: 75px;
border-radius: 75px;
 background: -webkit-linear-gradient(90deg, #f2f2f2, #fff);
-webkit-box-shadow: 0 6px 0 #ABD3EC, 0 10px 6px rgba(142, 188, 218, 1);
-moz-box-shadow: 0 6px 0 #abd3ec, 0 10px 6px rgba(142,188,218,1);
box-shadow: 0 6px 0 #D8ECFD, 0 10px 6px rgba(167, 195, 214, 1);
-webkit-transition: -webkit-box-shadow .1s ease-in-out;
-moz-transition: -moz-box-shadow .1s ease-in-out;
-o-transition: -o-box-shadow .1s ease-in-out;
transition: box-shadow .1s ease-in-out;
margin-left: 11px;
}
 .subutton:active
    {
        /*-moz-box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
        -webkit-box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
        box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;*/
        

	-webkit-box-shadow: 0 8px 0 #82bad8, 0 10px 4px rgba(142,188,218,.8);

	-moz-box-shadow: 0 8px 0 #82bad8, 0 10px 4px rgba(142,188,218,.8);

	box-shadow: 0 8px 0 #82bad8, 0 10px 4px rgba(142,188,218,.8);

	

      /*   
         -webkit-box-shadow: 2px 3px 5px #E0e0e0;
  -moz-box-shadow: 2px 3px 5px #E0e0e0;*/
   -webkit-transform: 	translateY(.13em);
	-moz-transform: 	translateY(.13em);
	transform: 			translateY(.13em);     
    }
	.topbutton {
  padding: 5px;
  text-decoration: none;
  -webkit-border-radius: 75px;
  -moz-border-radius: 75px;
  -webkit-box-shadow: 2px 3px 5px #666666;
  -moz-box-shadow: 2px 3px 5px #666666;
 
  border: solid #f5f5f5 5px;

   background: -webkit-linear-gradient(90deg, #E0E0E0, white);
    -moz-background-origin: border;
    background-origin: border-box;
   
    border: 4px solid transparent;
    border-radius: 75px;
    box-shadow:
        inset 0 0 5px #e0e0e0, 
        0 0 12px #e0e0e0, 
        inset -999px 0 0 #D9E8FD; 
  display: inline-block;
-webkit-border-radius: 75px;
-moz-border-radius: 75px;
border-radius: 75px;
-webkit-box-shadow: 0 6px 0 #CFDAE2, 0 10px 6px rgba(167, 195, 214, 1);
-moz-box-shadow:0 6px 0 #CFDAE2, 0 10px 6px rgba(167, 195, 214, 1);
box-shadow: 0 6px 0 #CFDAE2, 0 10px 6px rgba(167, 195, 214, 1);
-webkit-transition: -webkit-box-shadow .1s ease-in-out;
-moz-transition: -moz-box-shadow .1s ease-in-out;
-o-transition: -o-box-shadow .1s ease-in-out;
transition: box-shadow .1s ease-in-out;
margin-left: 11px;
  

/*background: rgb(184,225,252); 
background: -moz-linear-gradient(top,  rgba(184,225,252,1) 0%, rgba(169,210,243,1) 10%, rgba(144,186,228,1) 25%, rgba(144,188,234,1) 37%, rgba(144,191,240,1) 50%, rgba(107,168,229,1) 51%, rgba(162,218,245,1) 83%, rgba(189,243,253,1) 100%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(184,225,252,1)), color-stop(10%,rgba(169,210,243,1)), color-stop(25%,rgba(144,186,228,1)), color-stop(37%,rgba(144,188,234,1)), color-stop(50%,rgba(144,191,240,1)), color-stop(51%,rgba(107,168,229,1)), color-stop(83%,rgba(162,218,245,1)), color-stop(100%,rgba(189,243,253,1))); 
background: -webkit-linear-gradient(top,  rgba(184,225,252,1) 0%,rgba(169,210,243,1) 10%,rgba(144,186,228,1) 25%,rgba(144,188,234,1) 37%,rgba(144,191,240,1) 50%,rgba(107,168,229,1) 51%,rgba(162,218,245,1) 83%,rgba(189,243,253,1) 100%); 
background: -o-linear-gradient(top,  rgba(184,225,252,1) 0%,rgba(169,210,243,1) 10%,rgba(144,186,228,1) 25%,rgba(144,188,234,1) 37%,rgba(144,191,240,1) 50%,rgba(107,168,229,1) 51%,rgba(162,218,245,1) 83%,rgba(189,243,253,1) 100%);
background: -ms-linear-gradient(top,  rgba(184,225,252,1) 0%,rgba(169,210,243,1) 10%,rgba(144,186,228,1) 25%,rgba(144,188,234,1) 37%,rgba(144,191,240,1) 50%,rgba(107,168,229,1) 51%,rgba(162,218,245,1) 83%,rgba(189,243,253,1) 100%); 
background: linear-gradient(to bottom,  rgba(184,225,252,1) 0%,rgba(169,210,243,1) 10%,rgba(144,186,228,1) 25%,rgba(144,188,234,1) 37%,rgba(144,191,240,1) 50%,rgba(107,168,229,1) 51%,rgba(162,218,245,1) 83%,rgba(189,243,253,1) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b8e1fc', endColorstr='#bdf3fd',GradientType=0 ); */

}
.topbutton:hover {
-webkit-border-radius: 75px;
-moz-border-radius: 75px;
border-radius: 75px;
 background: -webkit-linear-gradient(90deg, #f2f2f2, #fff);
-webkit-box-shadow: 0 6px 0 #ABD3EC, 0 10px 6px rgba(142, 188, 218, 1);
-moz-box-shadow: 0 6px 0 #abd3ec, 0 10px 6px rgba(142,188,218,1);
box-shadow: 0 6px 0 #D8ECFD, 0 10px 6px rgba(167, 195, 214, 1);
-webkit-transition: -webkit-box-shadow .1s ease-in-out;
-moz-transition: -moz-box-shadow .1s ease-in-out;
-o-transition: -o-box-shadow .1s ease-in-out;
transition: box-shadow .1s ease-in-out;
margin-left: 11px;
}
 .topbutton:active, .active
    {
        /*-moz-box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
        -webkit-box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
        box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;*/
        

	-webkit-box-shadow: 0 8px 0 #82bad8, 0 10px 4px rgba(142,188,218,.8);

	-moz-box-shadow: 0 8px 0 #82bad8, 0 10px 4px rgba(142,188,218,.8);

	box-shadow: 0 8px 0 #82bad8, 0 10px 4px rgba(142,188,218,.8);

	

      /*   
         -webkit-box-shadow: 2px 3px 5px #E0e0e0;
  -moz-box-shadow: 2px 3px 5px #E0e0e0;*/
   -webkit-transform: 	translateY(.13em);
	-moz-transform: 	translateY(.13em);
	transform: 			translateY(.13em);     
    }
	
	/*.lb{
	position: absolute;
	top: 20%;
	left: -160px;
	background: linear-gradient(45deg, rgba(199, 228, 251, 1) 1%,rgba(241, 247, 251, 1) 100%);
	width: 200px;
	height: 200px;
	border-radius: 0px;
	border-top-right-radius: 60px;
	border-bottom-right-radius: 60px;
	-webkit-box-shadow:#0C2B49 -1px 1px 5px;
	background: #C7E4FB;
	background: -moz-linear-gradient(45deg, rgba(199, 228, 251, 1) 1%,rgba(241, 247, 251, 1) 100%);
	background: -webkit-gradient(linear, left bottom, right top, color-stop(1%,rgba(199, 228, 251, 1)), color-stop(100%,rgba(241, 247, 251, 1)));
	background: -webkit-linear-gradient(45deg, rgba(199, 228, 251, 1) 1%,rgba(241, 247, 251, 1) 100%);
	background: -o-linear-gradient(45deg, rgba(199, 228, 251, 1) 1%,rgba(241, 247, 251, 1) 100%);
	background: -ms-linear-gradient(45deg,rgba(199, 228, 251, 1) 1%,rgba(241, 247, 251, 1) 100%);
	background: linear-gradient(45deg, rgba(199, 228, 251, 1) 1%,rgba(241, 247, 251, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c7e4fb', endColorstr='#f1f7fb',GradientType=1 );


	}
	.rb{
	position:absolute;top:20%; right:-160px; background-color:#cbe6fb; width:200px; height:200px;border-radius: 0px;border-top-left-radius: 60px; border-bottom-left-radius: 60px;-webkit-box-shadow:#0C2B49 -1px 1px 5px;

background: rgb(199,228,251); 
background: -moz-linear-gradient(45deg,  rgba(199,228,251,1) 1%, rgba(241,247,251,1) 100%); 
background: -webkit-gradient(linear, left bottom, right top, color-stop(1%,rgba(199,228,251,1)), color-stop(100%,rgba(241,247,251,1))); 
background: -webkit-linear-gradient(45deg,  rgba(199,228,251,1) 1%,rgba(241,247,251,1) 100%);
background: -o-linear-gradient(45deg,  rgba(199,228,251,1) 1%,rgba(241,247,251,1) 100%); 
background: -ms-linear-gradient(45deg,  rgba(199,228,251,1) 1%,rgba(241,247,251,1) 100%); 
background: linear-gradient(45deg,  rgba(199,228,251,1) 1%,rgba(241,247,251,1) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c7e4fb', endColorstr='#f1f7fb',GradientType=1 ); 


	}*/
	.lb{
	position: absolute;
	top: 30%;
	left: -192px;
	background: linear-gradient(45deg, rgba(199, 228, 251, 1) 1%,rgba(241, 247, 251, 1) 100%);
	width: 240px;
	height: 200px;
	border-radius: 0px;
	border-top-right-radius: 60px;
	border-bottom-right-radius: 60px;
	-webkit-box-shadow:#0C2B49 -1px 1px 5px;
	background: #C7E4FB;
	background: -moz-linear-gradient(45deg, rgba(199, 228, 251, 1) 1%,rgba(241, 247, 251, 1) 100%);
	background: -webkit-gradient(linear, left bottom, right top, color-stop(1%,rgba(199, 228, 251, 1)), color-stop(100%,rgba(241, 247, 251, 1)));
	background: -webkit-linear-gradient(45deg, rgba(199, 228, 251, 1) 1%,rgba(241, 247, 251, 1) 100%);
	background: -o-linear-gradient(45deg, rgba(199, 228, 251, 1) 1%,rgba(241, 247, 251, 1) 100%);
	background: -ms-linear-gradient(45deg,rgba(199, 228, 251, 1) 1%,rgba(241, 247, 251, 1) 100%);
	background: linear-gradient(45deg, rgba(199, 228, 251, 1) 1%,rgba(241, 247, 251, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c7e4fb', endColorstr='#f1f7fb',GradientType=1 );


	}
	.rb{
	position: absolute;
	top: 30%;
	right: -205px;
	background: linear-gradient(45deg, rgba(199, 228, 251, 1) 1%,rgba(241, 247, 251, 1) 100%);
	width: 240px;
	height: 200px;
		border-radius: 0px;
	border-top-left-radius: 60px;
	border-bottom-left-radius: 60px;
	-webkit-box-shadow:#0C2B49 -1px 1px 5px;
	background: #C7E4FB;
	background: -moz-linear-gradient(45deg, rgba(199, 228, 251, 1) 1%,rgba(241, 247, 251, 1) 100%);
	background: -webkit-gradient(linear, left bottom, right top, color-stop(1%,rgba(199, 228, 251, 1)), color-stop(100%,rgba(241, 247, 251, 1)));
	background: -webkit-linear-gradient(45deg, rgba(199, 228, 251, 1) 1%,rgba(241, 247, 251, 1) 100%);
	background: -o-linear-gradient(45deg, rgba(199, 228, 251, 1) 1%,rgba(241, 247, 251, 1) 100%);
	background: -ms-linear-gradient(45deg,rgba(199, 228, 251, 1) 1%,rgba(241, 247, 251, 1) 100%);
	background: linear-gradient(45deg, rgba(199, 228, 251, 1) 1%,rgba(241, 247, 251, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c7e4fb', endColorstr='#f1f7fb',GradientType=1 );


	}
	
.topbutton1 {  padding: 5px;
  text-decoration: none;
  -webkit-border-radius: 75px;
  -moz-border-radius: 75px;
  -webkit-box-shadow: 2px 3px 5px #666666;
  -moz-box-shadow: 2px 3px 5px #666666;
 
  border: solid #f5f5f5 5px;
 background: -webkit-linear-gradient(90deg, #f2f2f2, #fff);
   
    -moz-background-origin: border;
    background-origin: border-box;
   
    border: 4px solid transparent;
    border-radius: 75px;
    box-shadow:
        inset 0 0 5px #e0e0e0, 
        0 0 12px #e0e0e0, 
        inset -999px 0 0 #D9E8FD; 
  display: inline-block;
-webkit-border-radius: 75px;
-moz-border-radius: 75px;
border-radius: 75px;
-webkit-box-shadow: 0 6px 0 #CFDAE2, 0 10px 6px rgba(167, 195, 214, 1);
-moz-box-shadow:0 6px 0 #CFDAE2, 0 10px 6px rgba(167, 195, 214, 1);
box-shadow: 0 6px 0 #CFDAE2, 0 10px 6px rgba(167, 195, 214, 1);
-webkit-transition: -webkit-box-shadow .1s ease-in-out;
-moz-transition: -moz-box-shadow .1s ease-in-out;
-o-transition: -o-box-shadow .1s ease-in-out;
transition: box-shadow .1s ease-in-out;
margin-left: 11px;
}
/*#rightlinks{
float:left;
}*/
#leftlinks, #rightlinks{
float:left;
width:80%;
height:100%;
}
#leftarrow,#rightarrow{
float:left;
cursor:pointer;
position:relative;
top:40%;
}
.buttonsdiv{
position:relative;top:30%; left:-15px;width:100%; min-width:800px;
}