body{
    background: url('../img/bg_y.png') center top repeat-y #222222;
    background-size: 100%;
    padding: 0;
    width:100%;
    height:100%;
    margin: 0;
    
}
#content{
     background: url('../img/bg.png') center top repeat-y;
    background-size: 100%;
    width:100%;
    height: 321px;
    margin:0;
}
.main{
     background: url('../img/bg6.png')center top repeat-y;
    background-size: 100%;
	background-attachment:fixed;
    width:100%;
    height: 1000px;
    margin:0;
	position:relative;
	/*top:10px;*/
	
}
#content-center{
    width: 998px;
	height: 100%;
    margin: 0 auto;
    padding: 40px 0;
	position:relative;
	top:10px;
}
#logo{
    margin: 0 auto;
    width: 998px;
    padding: 40px 0 0;
}
@font-face{
	font-family:capriola;
	src:url(../fonts/Capriola-Regular.ttf);
	}
.order a{
	color:#000;
	font-size:12px;

	}
	.order a:hover{
	color:#5CD6FF;
	font-size:14px;
	text-decoration:none;
	}
	
.block
    {
		font-family:capriola;
		font-size:10px;
         width: 25px;
		 height:25px;
		 color:white;
        background-color:#808080;
        float:left ;
		overflow:hidden;
        margin-left: 20px;
        border-radius: 20px;
         padding: 10px;
		-webkit-transition: all 1s ease-in-out;
		-moz-transition: all 1s ease-in-out;
		-o-transition: all 1s ease-in-out;
		-ms-transition: all 1s ease-in-out;
		transition: all 1s ease-in-out;
		z-index:50;
		position:relative;
		
    }

#block1:hover{
	-webkit-transform: rotate(0deg);
	
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -o-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
	z-index:70;
	position: relative;
	overflow:hidden;
		height:200px;


	}
#block1:hover .b1{
	-webkit-transform: rotate(0deg);
	height:200px;
	overflow:visible;

}
#block1:hover {
	height:500px;

}
#block1{
	margin-left:-600px;
	background: #d8315d;
    background: -moz-linear-gradient(#d8315d,#E05A7D);
    background: -webkit-linear-gradient(#d8315d,#E05A7D);
    background: -o-linear-gradient(#d8315d,#E05A7D);
    background: -ms-linear-gradient(#d8315d,#E05A7D);
    background: linear-gradient(#d8315d,#E05A7D); 
	 -moz-box-shadow: 0 0 10px #F3C1CE;
	 -webkit-box-shadow: 0 0 10px #F3C1CE;
	 box-shadow: 5px 5px 10px #F3C1CE;
	 -webkit-transform: rotate(5deg);
}
.b1{
	 -webkit-transform: rotate(-5deg);
}
#block2:hover{
	-webkit-transform: rotate(0deg);
	
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -o-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
	z-index:70;
	position: relative;
		overflow:hidden;
		

}
#block2:hover .b2{
	-webkit-transform: rotate(0deg);
}
#block2{
	margin-left:-600px;
	background: #024c8b;
    background: -moz-linear-gradient(#024c8b,#3570A2);
    background: -webkit-linear-gradient(#024c8b,#3570A2);
    background: -o-linear-gradient(#024c8b,#3570A2);
    background: -ms-linear-gradient(#024c8b,#3570A2);
    background: linear-gradient(#024c8b,#3570A2); 
	-moz-box-shadow: 0 0 10px #9AB7D1;
	-webkit-box-shadow: 0 0 10px #9AB7D1;
	 box-shadow: 5px 5px 10px #9AB7D1;
	 -webkit-transform: rotate(-5deg);
}

.b2{
	 -webkit-transform: rotate(5deg);
}
#block3:hover{
	-webkit-transform: rotate(0deg);
	
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -o-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
	z-index:70;
	position: relative;
	overflow:hidden;

}
#block3:hover .b3{
	-webkit-transform: rotate(0deg);
	}
#block3{
	margin-left:-600px;
	background: #236e8d;
    background: -moz-linear-gradient(#236e8d,#4F8BA4);
    background: -webkit-linear-gradient(#236e8d,#4F8BA4);
    background: -o-linear-gradient(#236e8d,#4F8BA4);
    background: -ms-linear-gradient(#236e8d,#4F8BA4);
    background: linear-gradient(#236e8d,#4F8BA4); 
	-moz-box-shadow: 0 0 10px #A7C5D1;
	 -webkit-box-shadow: 0 0 10px #A7C5D1;
	 box-shadow: 5px 5px 10px #A7C5D1;
	 -webkit-transform: rotate(5deg);
}
.b3{
	 -webkit-transform: rotate(-5deg);
}
#block4:hover{
	-webkit-transform: rotate(0deg);
	
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -o-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
	z-index:70;
	position: relative;
	overflow:hidden;
	

}
#block4:hover .b4{
	-webkit-transform: rotate(0deg);
	}
#block4{
	margin-left:-600px;
	background: #9cbfab;
    background: -moz-linear-gradient(#9cbfab,#B0CCBC);
    background: -webkit-linear-gradient(#9cbfab,#B0CCBC);
    background: -o-linear-gradient(#9cbfab,#B0CCBC);
    background: -ms-linear-gradient(#9cbfab,#B0CCBC);
    background: linear-gradient(#9cbfab,#B0CCBC); 
	-moz-box-shadow: 0 0 10px #D7E5DD;
	 -webkit-box-shadow: 0 0 10px #D7E5DD;
	 box-shadow: 5px 5px 10px #D7E5DD;
	 -webkit-transform: rotate(-5deg);
}
.b4{
	 -webkit-transform: rotate(5deg);
}
.order
{float:left;
width:80px;
}

.price{
border:2 px solid red;
width:100px;
height:30px;
display:block;
color:#fff;
font-size:16px;
text-align:center;
margin-left:20px;
float:left;
border-radius:45px;
-webkit-animation: flash 5s  infinite ease-in-out;
-moz-animation: flash 5s  infinite ease-in-out;
-o-animation: flash 5s  infinite ease-in-out;
}
.heading
	{
	font-size:20px;
	}
.detail
	{
	font-size:12px;
		color:#000;
	}

.a2
	{
	display:none;
	}
.block:hover .a2
	{
	display:block;
	}

.titles{
font-family:capriola;
width: 998px;
height:50px;
float:left;
}
.title1{
width:200px;
color:silver;
font-size:22px;
margin-left:70px;
margin-bottom:10px;
float:left;
}
.title2{
width:250px;
color:silver;
font-size:22px;
margin-left:110px;
margin-bottom:10px;
float:left;
}
.title3{
width:300px;
color:silver;
font-size:22px;
margin-left:50px;
margin-bottom:10px;
float:left;
}
.continue{
margin-top:350px;
width: 998px;
height:350px;
padding:10px;
font-size:14px;
text-align:justify;
float:left;
color:#525252;
}
.questions{
margin-left:20px;
font-family:capriola;
width:300px;
height:300px;
float:left;
padding:5px;
border-radius: 20px;
background:#E6E6E6;
    background: -moz-radial-gradient(#CAAFBC,#E6E6E6);
    background: -webkit-radial-gradient(#CAAFBC,#E6E6E6);
    background: -o-radial-gradient(#CAAFBC,#E6E6E6);
    background: -ms-radial-gradient(#CAAFBC,#E6E6E6);
    background: radial-gradient(#CAAFBC,#E6E6E6); 
	-moz-box-shadow: 0 0 10px #6A6065;
	 -webkit-box-shadow: 0 0 10px #6A6065;
	 box-shadow: 5px 5px 10px #6A6065;
	
	
}
.new_website{
font-family:capriola;
background:white;
width:300px;
height:300px;
margin-left:15px;
float:left;
padding:5px;
border-radius: 20px;
background:#E6E6E6;
    background: -moz-radial-gradient(#CAAFBC,#E6E6E6);
    background: -webkit-radial-gradient(#CAAFBC,#E6E6E6);
    background: -o-radial-gradient(#CAAFBC,#E6E6E6);
    background: -ms-radial-gradient(#CAAFBC,#E6E6E6);
    background: radial-gradient(#CAAFBC,#E6E6E6); 
	-moz-box-shadow: 0 0 10px #6A6065;
	 -webkit-box-shadow: 0 0 10px #6A6065;
	 box-shadow: 5px 5px 10px #6A6065;
	 
}
.website_transfer{
font-family:capriola;
background:white;
width:300px;
height:300px;
margin-left:15px;
float:left;
padding:5px;
border-radius: 20px;
background:#E6E6E6;
    background: -moz-radial-gradient(#CAAFBC,#E6E6E6);
    background: -webkit-radial-gradient(#CAAFBC,#E6E6E6);
    background: -o-radial-gradient(#CAAFBC,#E6E6E6);
    background: -ms-radial-gradient(#CAAFBC,#E6E6E6);
    background: radial-gradient(#CAAFBC,#E6E6E6); 
	-moz-box-shadow: 0 0 10px #6A6065;
	 -webkit-box-shadow: 0 0 10px #6A6065;
	 box-shadow: 5px 5px 10px #6A6065;
}
.final{
margin-top:730px;
font-family:capriola;
padding:30px;
font-size:16px;
height:150px;
}
.top10{
text-align:center;
width:150px;
height:150px;
float:left;
margin-left:100px;
border-radius: 20px;
cursor:pointer;
background:#669999;
    background: -moz-linear-gradient(#669999,#C2D6D6);
    background: -webkit-linear-gradient(#669999,#C2D6D6);
    background: -o-linear-gradient(#669999,#C2D6D6);
    background: -ms-linear-gradient(#669999,#C2D6D6);
    background: linear-gradient(#669999,#C2D6D6); 
	-moz-box-shadow: 0 0 10px #C2D6D6;
	 -webkit-box-shadow: 0 0 10px #C2D6D6;
	 box-shadow: 5px 5px 10px #C2D6D6;
}

.wordpress{
text-align:center;
background:white;
width:150px;
height:150px;
float:left;
margin-left:50px;
border-radius: 20px;
cursor:pointer;
background:#669999;
    background: -moz-linear-gradient(#669999,#C2D6D6);
    background: -webkit-linear-gradient(#669999,#C2D6D6);
    background: -o-linear-gradient(#669999,#C2D6D6);
    background: -ms-linear-gradient(#669999,#C2D6D6);
    background: linear-gradient(#669999,#C2D6D6); 
	-moz-box-shadow: 0 0 10px #C2D6D6;
	 -webkit-box-shadow: 0 0 10px #C2D6D6;
	 box-shadow: 5px 5px 10px #C2D6D6;
	 
}
.joomla{
text-align:center;
width:150px;
height:150px;
float:left;
margin-left:50px;
border-radius: 20px;
cursor:pointer;
   background:#669999;
    background: -moz-linear-gradient(#669999,#C2D6D6);
    background: -webkit-linear-gradient(#669999,#C2D6D6);
    background: -o-linear-gradient(#669999,#C2D6D6);
    background: -ms-linear-gradient(#669999,#C2D6D6);
    background: linear-gradient(#669999,#C2D6D6); 
	-moz-box-shadow: 0 0 10px #C2D6D6;
	 -webkit-box-shadow: 0 0 10px #C2D6D6;
	 box-shadow: 5px 5px 10px #C2D6D6;
}
.oscommerce{
text-align:center;
width:150px;
height:150px;
float:left;
margin-left:50px;
border-radius: 20px;
cursor:pointer;
background:#669999;
    background: -moz-linear-gradient(#669999,#C2D6D6);
    background: -webkit-linear-gradient(#669999,#C2D6D6);
    background: -o-linear-gradient(#669999,#C2D6D6);
    background: -ms-linear-gradient(#669999,#C2D6D6);
    background: linear-gradient(#669999,#C2D6D6); 
	-moz-box-shadow: 0 0 10px #C2D6D6;
	 -webkit-box-shadow: 0 0 10px #C2D6D6;
	 box-shadow: 5px 5px 10px #C2D6D6;
}
.footer
	{
	background-color:#2F2E31;
	height:150px;
	padding:5px;
	
	}
	.copyright{
	font-family:capriola;
	margin-top:40px;
	color:#fff;
	font-size:20px;
	text-align:right;
	float:left;
	margin-left:150px;
	}
	.contacts{
	font-family:capriola;
	color:#fff;
	font-size:20px;
	float:right;
	/*margin-left:450px;*/
	margin-top:40px;
	}