/*===============================================================*/
/*							FONT FACE kit		                 */
/*===============================================================*/
@font-face {
    font-family: 'BYekan';
    src: url('../fonts/BYekan.eot');
    src: url('../fonts/BYekan.eot?#iefix') format('embedded-opentype'),
         url('../fonts/BYekan.woff') format('woff'),
         url('../fonts/BYekan.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;

}

/*===============================================================*/
/*							BODY styles			                 */
/*===============================================================*/

* {
	margin: 0;
	padding: 0;
}

body {
	background-color: #e9ebf0;
	color: #242526;
	font-family: 'BYekan', Arial, sans-serif;
	font-size: 13px;
	direction:rtl;
}

body, html {
    height: 100%;
    min-height: 100%;
    position: relative;
}
#container {
    height: auto !important;
    min-height: 100%;
    position: relative;
}
a {
	text-decoration: none;
	
	-webkit-transition: 0.2s linear color;
	-moz-transition: 0.2s linear color;
	-ms-transition: 0.2s linear color;
	-o-transition: 0.2s linear color;
	transition: 0.2s linear color;
}

a:hover {
	text-decoration: none!important;
	color: #FFE419;
}
b {
	font-weight: 500;
}
ul {
	list-style: none;
}

img { 
	border: none;
}

.box960 {
	width: 940px;
	height: auto;
	margin: auto;
	padding: 0 10px;
}

.box940 {
	width: 940px;
	height: auto;
	margin: auto;	
}
	
.clear {
	clear: both;
}

.tran {
	-webkit-transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	-ms-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
}
.nobg {
	background: none!important;
}
ul br {
	display: none!Important;
}
.hidden {
	display: none;
}
/*===============================================================*/
/*							ICONS styles		                 */
/*===============================================================*/
.bico {
	display: inline-block;
	background-image: url(../images/big_icons.png);
	background-repeat: no-repeat;
}
.bico.vpsserv {
	background-position: 0 -4px;
}
.bico.dediserv {
	background-position: 4px -120px;
}
.bico.shield {
	background-position: 0 -304px;
}
.bico.design {
	background-position: 0 -365px;
}
.bico.wcreator {
    background-position: -2px -372px;
}
.bico.bclient {
	background-position: -6px -424px;
}
.bico.bsecurity {
	background-position: -5px -315px;
}

.mico {
	background-image: url(../images/medium_icons.png);
	background-repeat: no-repeat;
}

.sico {
	display: inline-block;
	background-image: url(../images/small_icons.png);
	background-repeat: no-repeat;
}

.mico.live_chat {
	background-position: center -120px;
}
.mico.ticket {
	background-position: center -58px;
}
.mico.client {
	background-position: center 0px;
}
.mico.shield {
	background-position: 0 -180px;
}
.mico.globe {
	background-position: 0px -220px;
}
.mico.fserver {
	background-position: 0px -260px;
}
.mico.linwin {
	background-position: 0px -300px;
}
.mico.scart {
	background-position: 5px -345px;	
}

.sico.user {
	background-position: 0 -90px;
}
.sico.vps {
	background-position: 0 -180px;
}
.sico.reseller {
	background-position: 0 -210px;
}
.sico.dedi {
	background-position: 0 -240px;
}
.sico.domains {
	background-position: 0 -270px;
}
.sico.about {
	background-position: 0 -298px;
}
.sico.contact {
	background-position: 0 -327px;
}
.sico.scart {
	background-position: 0 -414px;
}
.sico.pdisk {
	background-position: 0 -444px;
}
.sico.bdisk {
	background-position: 0 -474px;
}
.sico.pbandwidth{
	background-position: 0 -502px;
}
.sico.bbandwidth{
	background-position: 0 -532px;
}
.sico.pcog {
	background-position: 0 -563px;
}
.sico.ptags {
	background-position: 0 -593px;
}
.sico.bcpu {
	background-position: 0 -654px;
}
.sico.pcpu {
	background-position: 0 -624px;
}
.sico.bmem {
	background-position: 0 -714px;
}
.sico.pmem {
	background-position: 0 -684px;
}
.sico.ip {
	background-position: -6px -1341px;
}
.register_icon{
	background-image: url(../images/register-icon-b.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
    float: right;
    height: 20px;
    margin: 14px 0 10px 10px;
    width: 20px;
}

/*===============================================================*/
/*							TOP styles			                                                                        */
/*===============================================================*/

#top {
	height: 121px;
	width: 100%;
	background: url(../images/top.jpg) repeat-x center -42px;
}

#top .box960 {
	height: 120px;
	position: relative;
}
.png_bg {
	background-image: url(../images/png_bg.png);
	background-repeat: no-repeat;
	background-position: 0 0 ;
}
.logo {
	display: inline-block;
	height: 93px;
	width: 175px;
	background: url(../images/logo.png) no-repeat;
}


	/* ==== login bar ==== */
	
	#login_bar {
		width: 100%;
		background: url(../images/top.jpg) repeat-x center 0px;
	}
	
	#login_bar .box960 .lb_inside {
		height: 22px;
		padding: 10px ;
		margin-top: -37px;
		
		/* box rounded corners */
		-moz-border-radius-topright: 0px;
		-moz-border-radius-topleft: 0px;
		-moz-border-radius-bottomleft: 4px;
		-moz-border-radius-bottomright: 4px;
		-webkit-border-radius: 0px 0px 4px 4px;
		border-radius: 0px 0px 4px 4px; 
		
		/* box sadow */
		-webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
		-moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
		box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3); 
		
		/* box background gradient */
		background-color: #dfe1e4;
		background-repeat: repeat-x;
		background-image: -khtml-gradient(linear, right top, right bottom, from(#edeff2), to(#dfe1e4));
		background-image: -moz-linear-gradient(top, #edeff2, #dfe1e4);
		background-image: -ms-linear-gradient(top, #edeff2, #dfe1e4);
		background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0%, #edeff2), color-stop(100%, #dfe1e4));
		background-image: -webkit-linear-gradient(top, #edeff2, #dfe1e4);
		background-image: -o-linear-gradient(top, #edeff2, #dfe1e4);
		background-image: linear-gradient(top, #edeff2, #dfe1e4);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#edeff2', endColorstr='#dfe1e4', GradientType=0);
	}
	
	#login_bar .sico {
		display: block;
		float: right;
		height: 20px;
		width: 20px;
		margin: 3px 0 0 5px;
	}
	
	#login_bar form p {
		float: right;
		margin: 0 0 0 10px;
		
		font-size: 13px;
		font-weight: 300;
		
		text-shadow: 0 1px rgba(255,255,255, 0.1);
		line-height: 22px;
	}
	
	#login_bar form input[type="text"], #login_bar form input[type="password"]{
		float: right;
		height: 20px;
		padding: 0 10px;
		margin: 0 0 0 10px;

		font-family:Tahoma;
		border: 1px solid #c2c4cc;
		background-color: #f2f4f7;
		
		color: #575859;
		font-size: 13px;
		line-height: 20px;
		
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px; 
	}
	
	#login_bar form input:focus {
		color: #0e8fe5;
		border-color: #90c4de;
	}
	
	.login {
		cursor: pointer;
	}
	#form {
		float: right;
	}
	.socialtop {
		floa: left;
		height: 20px;
	}
	.socialtop p {
		float: right;
		
		line-height: 20px;
		margin: 0 0 0 10px;
	}
	.socialtop ul {
		float: right;
	}
	.socialtop ul li {
		float: right;
		width: 20px;
		height: 20px;
	}
	.socialtop ul li a {
		text-indent: -9999px;
		opacity: 0.5;
	    -webkit-transition: 0.1s linear all;
		-moz-transition: 0.1s linear all;
		-ms-transition: 0.1s linear all;
		-o-transition: 0.1s linear all;
		transition: 0.1s linear all;			
	}
	.socialtop ul li a:hover {
		opacity: 1;
	}
	
	/*===== end of login bar ====*/

#contact_nav {
	float: left;
}

#contact_nav ul.contact_list li {
	float: right;	
	height: 46px;
	padding: 4px 10px;
	margin: 20px 10px;
}

#contact_nav ul.contact_list li.active {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px; 
	
	/* box background gradient */
	background-color: #f2b818;
	background-repeat: repeat-x;
	background-image: -khtml-gradient(linear, right top, right bottom, from(#ffd421), to(#f2b818));
	background-image: -moz-linear-gradient(top, #ffd421, #f2b818);
	background-image: -ms-linear-gradient(top, #ffd421, #f2b818);
	background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0%, #ffd421), color-stop(100%, #f2b818));
	background-image: -webkit-linear-gradient(top, #ffd421, #f2b818);
	background-image: -o-linear-gradient(top, #ffd421, #f2b818);
	background-image: linear-gradient(top, #ffd421, #f2b818);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd421', endColorstr='#f2b818', GradientType=0);
}

#contact_nav ul.contact_list li.active a {
	color: rgba(0,0,0, 0.7)!important;
	text-shadow: 0 1px rgba(255,255,255, 0.1);
	background: url(../images/small_icons.png) no-repeat right -120px;
}

#contact_nav ul.contact_list li span {
	display: block;
	height: 26px;
}
#contact_nav ul.contact_list li a img {
	margin: -6px 10px 0 0;
}
#contact_nav ul.contact_list li a, #contact_nav ul.contact_list li b {
	display: block;
	color: #fff;
	font-weight: normal;
	text-shadow: 0 1px 1px rgba(0,0,0, 0.3);
	
	-webkit-transition: 0.2s linear color;
	-moz-transition: 0.2s linear color;
	-ms-transition: 0.2s linear color;
	-o-transition: 0.2s linear color;
	transition: 0.2s linear color;
}

#contact_nav ul.contact_list li a:hover, #contact_nav ul.contact_list li b:hover {
	color: #fac219;
}

	/*====== language box ====== */
	
	#contact_nav ul.contact_list li.language {
		width: 90px;
		/* box shadow */
		-webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
		-moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
		box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3); 
		
		/* box rounded corners */
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px; 
	
		/* box background gradient */
		background-color: #454749;
		background-repeat: repeat-x;
		background-image: -khtml-gradient(linear, right top, right bottom, from(#494b4d), to(#454749));
		background-image: -moz-linear-gradient(top, #494b4d, #454749);
		background-image: -ms-linear-gradient(top, #494b4d, #454749);
		background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0%, #494b4d), color-stop(100%, #454749));
		background-image: -webkit-linear-gradient(top, #494b4d, #454749);
		background-image: -o-linear-gradient(top, #494b4d, #454749);
		background-image: linear-gradient(top, #494b4d, #454749);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#494b4d', endColorstr='#454749', GradientType=0);
	}
	
	#contact_nav ul.contact_list li.language h6 {
		color: #fff;
		font-size: 10px;
		text-shadow: 0 -1px rgba(0,0,0, 0.2);
		
		text-align: center;
		line-height: 18px;
	}
	#contact_nav ul.contact_list li.language .current {
		font-size: 11px;
		line-height: 20px;
	}
	#dropdown-language {
		position: relative;
		background: #edf0f2 url(../images/language_dropdown_arrow.jpg) left top no-repeat;
		
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px; 
		z-index: 10;
	}
	#dropdown-language.open {
		background: #edf0f2;
		-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
		-moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
		box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5); 
	}
	#dropdown-language li {
		font-size: 11px;
		line-height: 18px;
	}
	#dropdown-language .dropdown {
		display: none;
	}
	#dropdown-language.open .dropdown {
		display: block;
		padding: 0 0 5px 0;
	}
	#dropdown-language.open .dropdown a {
		border-bottom: 1px solid rgba( 0,0,0, 0.07);
		
		color: #242526;
		font-size: 11px;
		text-shadow: none;
		line-height: 20px;
		
		-webkit-transition: 0.1s linear all;
		-moz-transition: 0.1s linear all;
		-ms-transition: 0.1s linear all;
		-o-transition: 0.1s linear all;
		transition: 0.1s linear all;			
	}
	#dropdown-language.open .dropdown a:last-child {
		border: none;
	}
	#dropdown-language.open .dropdown a:hover {
		background-color: rgba(0,0,0, 0.03);
		color: #149ecc!important;	
	}
	#dropdown-language.open .current {
		

		background-color: #d9d9d9;
		border-bottom: 1px solid #c3c3c3;
		-moz-border-radius-topright: 2px;
		-moz-border-radius-topleft: 2px;
		-moz-border-radius-bottomleft: 0px;
		-moz-border-radius-bottomright: 0px;
		-webkit-border-radius: 2px 2px 0px 0px;
		border-radius: 2px 2px 0px 0px; 
	}
	.sflag {
		display: inline-block!important;
		float: right;
		height: 11px!important;
		width: 18px;
		margin: 4px 3px 0 5px;
		
		background-image: url(../images/small_flags.png);
		background-repeat: no-repeat;
	}
	.sflag.english {
		background-position: 0 -2px;
	}
	.sflag.chinese {
		background-position: 0 -24px;
	}
	.sflag.turkish{
		background-position: 0 -46px;
	}
	.sflag.usa{
		background-position: 0 -67px;
	}
	.sflag.germany {
		background-position: 0 -90px;
	}
	.sflag.france {
		background-position: 0 -111px;
	}
	
	/*====== end of login box styles =======*/


	/*====== navigation menu styles  ====== */
	
	#nav_menu {
		height: 46px;
		width: 940px;
		background: url(../images/gradient_bg.png) repeat-x 0 -571px;
		
		position: absolute;
		bottom: -20px;
		z-index: 9;
		
		/* box rounded corners */
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px; 
		
		/* box sadow */
		-webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.6);
		-moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.6);
		box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.6); 
	}
	
	#nav_menu.home{
		padding: 0 35px 0 0;
		width: 910px	
	}
	#nav_menu.reseller{
		padding: 0 0 0 35px;
		width: 910px	
	}
	#nav_menu.dedicated{
		padding: 0 0 0 35px;
		width: 910px	
	}
	#nav_menu ul li {
		float: right;
		position: relative;
	}
	
	#nav_menu ul li a {
		display: block;
		height: 46px;
		padding: 0 15px;
		
		color: #323333;
		font-size: 17px;
		font-weight: 500;
		line-height: 46px;
		
		-webkit-transition: 0.1s linear color;
		-moz-transition: 0.1s linear color;
		-ms-transition: 0.1s linear color;
		-o-transition: 0.1s linear color;
		transition: 0.1s linear color;

	}
	#nav_menu.home ul li:first-child a {
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
		border-radius: 0;
	}

	#nav_menu ul li:first-child a {
		-moz-border-radius-topright: 4px;
		-moz-border-radius-topleft: 0px;
		-moz-border-radius-bottomleft: 0px;
		-moz-border-radius-bottomright: 4px;
		-webkit-border-radius: 0px 4px 4px 0px;
		border-radius: 0px 4px 4px 0px; 
	}
	#nav_menu ul li a:hover, #nav_menu ul a.active {
		color: #fff!important;
		text-shadow: 0 -1px rgba(0,0,0, 0.1);
		background: url(../images/gradient_bg.png) repeat-x 0 -525px;
		border-bottom: 1px solid rgba(40,90,100, 0.9);		
		border-right: 1px solid rgba(0,0,0, 0.2);
		border-left: 1px solid rgba(0,0,0, 0.2);
		margin: 0 -1px 0 -1px;
	}
	
	#nav_menu ul li ul.dropdown {
		visibility:hidden;
		opacity:0;
		
		float: right;
		padding: 10px 0;
		position: absolute;
		top: 47px;
		
		background: #e8eaed;
		
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px; 
		z-index: 4;
		
		/* box sadow */
		-webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.6);
		-moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.6);
		box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.6); 
			
		-webkit-transition: all 0.3s linear 0s;
		-moz-transition: all 0.3s linear 0s;
		-ms-transition: all 0.3s linear 0s;
		-o-transition: all 0.3s linear 0s;
		transition: all 0.3s linear 0s;
	}
	#nav_menu ul li ul.dropdown .sico, #nav_menu ul li ul.dropdown .sflag {
		margin: 2px -15px 0 10px;
	}
	.sico.linux {
		background-position: 0 -1193px;
	}
	.sico.windows{
		background-position: 0 -1120px;	
	}
	#nav_menu ul li:hover ul.dropdown {
		visibility:visible;
		opacity:0.9;
	}
	.dp_arrow {
		display: block;
		height: 10px;
		margin: -10px 0 0 0;
		background: url(../images/dropdown_arrow.png) no-repeat center top;
		opacity: 0.9;
	}
	
	#nav_menu ul li:hover .dp_arrow, #nav_menu ul li a.active .dp_arrow {
		margin: -9px 0 0 0;
	}
	
	#nav_menu ul li ul.dropdown li a {
		min-width: 120px;
		height: auto!important;
		padding: 4px 25px 4px 15px;
		font-size: 13px;
		line-height: 18px;
		margin: 0;
		
		-webkit-transition: 0.1s linear color;
		-moz-transition: 0.1s linear color;
		-ms-transition: 0.1s linear color;
		-o-transition: 0.1s linear color;
		transition: 0.1s linear color;
	}
	#nav_menu ul li ul.dropdown li a:hover {
		color: #fff!important;
		text-shadow: 0 -1px rgba(0,0,0, 0.1);
		background: url(../images/gradient_bg.png) repeat-x 0 -526px;
		border: none;
	}
	#nav_menu ul li ul.dropdown li:first-child a {
		-moz-border-radius: 0;
		border-radius: 0;
	}

	#nav_menu ul li ul.dropdown li {
		background: url(../images/small_icons.png) no-repeat right -348px;
	}
	
	#nav_menu ul li a .sico {
		display: block;
		float: right;
		height: 20px;
		width: 20px;
		margin: 14px 0 10px 10px;
	}
	
	
	/*====== end of nav menu styles =======*/


/*===============================================================*/
/*						  HEADER styles		    	             */
/*===============================================================*/
#header {
	position: relative;
	overflow: hidden;
}
#header.home {
	background: url(../images/top.jpg) repeat-x center -163px;
}
#header.home .center_bg {
	height: 420px;
	padding: 20px 10px 0 10px;
	position: relative;
	background: url(../images/header/home.jpg) no-repeat center -1px;
}
#header.home #model_box {
	float: right;
	width: 306px;
	height: 420px;
	position: relative;	
	margin-right: -60px;
	background: url(../images/header/models/home.png) no-repeat center bottom;
}
#header.home .hleft {
	float: left;
	padding: 0 0 23px 0;
	position: absolute;
	top: 40px;
	left: 20px;
}
#header.home .hleft .light {
	width: 567px;
	height: 81px;
	background: url(../images/header/hlight.jpg);
	position: absolute;
	bottom: -14px;
	left: -197px;
	z-index: 0;
}
#header.clientarea {
	height: 126px;
	background: url(../images/gradient_bg.png) repeat-x 0 -657px;
}
#header.clientarea .box960 {
	height: 126px;
	background: url(../images/header_clientarea.jpg) no-repeat center top;
}




.model {
	position: absolute;
	z-index: 2;
}
.home .model, .reseller .model {
	right: 0;
}
#nav_menu.home .model {
	width: 130px;
	height: 56px;
}

	/* ====== TITLE ====== */
	#header h1 {
		width: 790px;
		padding: 25px 0 10px 0;
		
		color: rgba(0,0,0, 0.8);
		font-size: 35px;
		font-weight: 100;
	}
	
	#header h1 .sub_title {
		color: #fff;
		font-size: 17px;
		font-weight: 200;
		text-shadow: 0 1px 1px rgba(0,0,0, 0.3);
		margin-top: 6px;
	}
	
	#header.home h1 {
		margin: 0 20px 0 0;
	}
	.packagebox h2 p, #header.home h1 {
		text-shadow: 0 0 1px rgba(0,0,0,0.3);
	}
	
	#header.clientarea h1 {
		font-size: 35px;
		padding: 40px 0 10px 0;
	}
	#header.clientarea h1 span {
		font-weight: 400;
		color: #fff;
		text-shadow: 0 1px 1px rgba(0,0,0, 0.4);
	}
	#header.clientarea h1 .subtitle.dark {
		color: rgba(0, 0, 0, 0.8);
		font-size: 13px;
		font-weight: 200;
	}
	
	/* ====== LIST ====== */
	#header .hcenter ul {
		float: right;
		margin: 17px 30px 0px 0px;
	}
	
	#header .hcenter ul li {
		padding: 0 0 10px 0;
		cursor: pointer;
	}
	
	.hcenter {
		float: right;
	}
	
	.ico_box {
		display: inline-block;
		float: right;
		height: 36px;
		width: 36px;
		
		position: relative;
		overflow: hidden;
		
		/* box rounded corners */
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px; 
		
		/* box sadow */
		-webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
		-moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
		box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3); 
		
		/* box background gradient */
		background-color: #dfe1e4;
		background-repeat: repeat-x;
		background-image: -khtml-gradient(linear, right top, right bottom, from(#edeff2), to(#dfe1e4));
		background-image: -moz-linear-gradient(top, #edeff2, #dfe1e4);
		background-image: -ms-linear-gradient(top, #edeff2, #dfe1e4);
		background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0%, #edeff2), color-stop(100%, #dfe1e4));
		background-image: -webkit-linear-gradient(top, #edeff2, #dfe1e4);
		background-image: -o-linear-gradient(top, #edeff2, #dfe1e4);
		background-image: linear-gradient(top, #edeff2, #dfe1e4);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#edeff2', endColorstr='#dfe1e4', GradientType=0);
	}
	
	.ico_box .mico {
		display: block;
		width: 36px;
		height: 36px;
		
		position: absolute;
		top: 0;
		right: 0;
		
		opacity: 0;
		
		-webkit-transition: all 0.5s ease-in-out 0s;
		-moz-transition: all 0.5s ease-in-out 0s;
		-ms-transition: all 0.5s ease-in-out 0s;
		-o-transition: all 0.5s ease-in-out 0s;
		transition: all 0.5s ease-in-out 0s;
	}
	
	.ico_box img {
		position: absolute;
		right: 0;
		left: 0;
		
		-webkit-transition: all 0.3s ease-in-out 0s;
		-moz-transition: all 0.3s ease-in-out 0s;
		-ms-transition: all 0.3s ease-in-out 0s;
		-o-transition: all 0.3s ease-in-out 0s;
		transition: all 0.3s ease-in-out 0s;
	}
	
	.hcenter ul li:hover img {
		-moz-transform: scale(5);
		-webkit-transform: scale(5);
		transform: scale(5);
		opacity: 0;
	}
	.hcenter ul li:hover .mico {
		opacity: 1;
	}
	
	#header .hcenter ul li p {
		display: inline-block;		
		padding: 0 10px 0 0;
		
		color: #fff;
		font-size: 17px;
		font-weight: 200;
		line-height: 36px;
		text-shadow: 0 1px 1px rgba(0,0,0, 0.3);
		
		-webkit-transition: 0.2s linear color;
		-moz-transition: 0.2s linear color;
		-ms-transition: 0.2s linear color;
		-o-transition: 0.2s linear color;
		transition: 0.2s linear color;
	}
	
	#header .hcenter ul li:hover p {
		color: #ffe419;
	}
	
	/* ====== PRICE ====== */
	.hslogan {
		height: 148px;
		width: 290px;
		background: url(../images/slogan.png) no-repeat 0 0 ;
	
	}
	.hprice {
		width: 200px;
		margin: 0px auto 10px auto;
		position: relative;
	}
	.sprice {
		position: relative;
	}
	.hprice h2, .sprice h2 {
		color: #fff;
		font-size: 46px;
		text-shadow: 0 1px 1px rgba(0,0,0, 0.3);
	}
	.sprice h2 {
		color: #ffe419;
		font-size: 31px;
		
	}
	.hprice h2 p, .sprice h2 p {
		float: right;
		font-weight: 500;
		line-height: 100px;
	}
	.sprice h2 p {
		line-height: 60px;
		font-weight: 100;
	}
	.hprice h2 p span, .sprice h2 p span {
		font-weight: 100;
	}
	.hprice h2 p.sup, .sprice h2 p.sup  {
		float: right;
		font-size: 21px;
		line-height: 60px;
	}
	.sprice h2 p.sup {
		font-size: 17px;	
		line-height: 40px;
		margin-right:5px;
	}
	.hprice .period, .sprice .period {
		position: absolute;
		left: 10px;
		bottom: 20px;
	}
	.sprice .period {
		font-size: 13px;
		color: #ffe419;
		bottom: 10px;
		left: -30px;
	}
	.hprice .period, .hleft .price_from
	{
		color: rgba(0,0,0, 0.8);
		font-size: 17px;
		font-weight: 300;
	}
	.hleft .price_from {
		padding: 5px 10px 0 0;
	}
	.cssbutton.home {
		position: relative;
		z-index: 1;
	}
	
	.reseller.sprice {
		float: left;
	}
	.reseller .subpage_price {
		min-width: 170px;
		margin: 0;
		position: absolute;
		left: 0;
		top: 5px;
	}
	.subpage_price h4 {
		color: #fff;
		font-size: 13px;
		font-weight: 500;
		text-shadow: 0 1px 1px rgba(0,0,0, 0.4);
		
		position: absolute;
		left: 4px;
		top: -22px;
	}
	
	#header_bt_bar {
		width: 100%;	
		height: 50px;
		
		background: url(../images/gradient_bg.png) repeat-x top;

		position: absolute;
		bottom: 0;
		z-index: 3;			
	}
	.tab3 {
		width: 312px;
	}
	.ttab4 {
		width: 234px;
	}
	.tab3.ttab4 h2 {
		font-size: 17px;
	}

	.tab3, .ttab4 {
		display: inline-block;
		float: right;
		height: 50px;
		margin: 0 1px 0 0;
		background: rgba(0,0,0, 0.2) url(../images/gradient_bg.png) repeat-x right -192px;
		
		-moz-border-radius-topright: 4px;
		-moz-border-radius-topleft: 4px;
		-moz-border-radius-bottomleft: 0px;
		-moz-border-radius-bottomright: 0px;
		-webkit-border-radius: 4px 4px 0px 0px;
		border-radius: 4px 4px 0px 0px;
		
		-webkit-transition: all 0.2s ease-in-out 0s;
		-moz-transition: all 0.2s ease-in-out 0s;
		-ms-transition: all 0.2s ease-in-out 0s;
		-o-transition: all 0.2s ease-in-out 0s;
		transition: all 0.2s ease-in-out 0s;
	}
	.tab3:hover, .tab3.active {
		background-color: #f0f3fa ;
	}
	.tab3:hover .vpsserv {
		/*background-position: 0 -64px;*/
		background-position: 0 -737px;
	}
	.tab3:hover .dediserv {
		background-position: 4px -180px;
	}
	.tab3:hover .shield {
		background-position: 0 -243px;
	}
	.tab3:hover .design {
		background-position: 8px -789px;
	}
	.tab3:hover h2, .tab3.active h2, .tab3:hover .price p, .tab3:hover .price span{
		color: #242526;
	}
	.tab3:hover h2 {
		text-shadow: none;
	}
	.tab3 .bico {
		display: inline-block;
		float: right;
		height: 50px;
		width: 64px;
	}
	
	.tab3 h2, .tab4 h2 {
		float: right;
		color: #fff;
		font-size: 17px;
		font-weight: 500;
		text-shadow: 0 1px 1px rgba(0,0,0, 0.3);
		line-height: 52px;
	}
	.tab4 h2 {
		font-size: 19px;
	}
	.tab3.active h2 {
		text-shadow: none;	
	}
	.tab3 h2 span, .tab4 h2 span {
		font-weight: 200;
	}
	.tab3 .price {
		float: left;
	}
	
	.tab4 {
		display: inline-block;
		float: right;
		width: 150px;
	}
	.tab4.first {
		width: 135px;
	}
	.price {
		display: inline-block;
		padding: 0 10px;
	}
	.price p, .price span  {
		float: right;
		color: #ffe419;
		font-size: 21px;
		font-weight: 500;
		text-shadow: 0 1px 1px rgba(0,0,0, 0.2);
		line-height: 51px;
	}
	.price span {
		font-size: 13px;
		line-height: 42px;
		margin-right:3px;
	}
/*===============================================================*/
/*					      PRICE BAR styles		    	         */
/*===============================================================*/

#packages_bar {
	background: #dfe3eb url(../images/gradient_content.png) repeat-x right 0px;
	border-bottom: 1px solid #d1d3d8;
}
#packages_bar .center_shadow {
	padding: 40px 0;
	background: url(../images/pricing_boxes_bshadow.jpg) no-repeat center bottom;
}
.pbox_container {
	float: right;
	position: relative;
}
.pbox_container.center {
	margin: 0 50px;
}
.pbox_container {
	margin: 10px 0;
}
.packagebox {
	width: 280px;
	background-color:#f0f1f2;
/*	border: 1px solid #c8cbd1;
*/	position: relative;
	z-index: 2;
	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 1px 3px  rgba(0, 0, 0, 0.3);
	box-shadow: 0 1px 3px  rgba(0, 0, 0, 0.3); 
}
.packagebox:last-child {
	margin: 0!important;
}
.packagebox.blue  {
	background-color: #f2f4f7;
	-webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 1px 6px  rgba(0, 0, 0, 0.2);
	box-shadow: 0 1px 6px  rgba(0, 0, 0, 0.2); 
}

.packagebox:hover {
	background-color: #f5f7fa;
	
	-webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 1px 10px  rgba(0, 0, 0, 0.2);
	box-shadow: 0 1px 10px  rgba(0, 0, 0, 0.2); 
}
.packagebox:hover .price_bar {
	background-color: #f2f5f7;
}
.servico {
	display: inline-block;
	height: 50px;
	width:220px;
	background: url(../images/png_bg.png) no-repeat -69px -42px; 
}
.packagebox h2 {
	width: 270px;
	padding: 0 0 0 10px;
	overflow: auto;
	font-weight: 500;
	
}
.packagebox.purple h1 {
	color: #4c324c;
}
.packagebox.blue h1 {
	color: #149ECC;
}
.packagebox h2 p {
	display: inline-block;
	padding: 0 5px 0 0;
	font-size: 20px;
	line-height: 50px;
	text-align: center;
}
.packagebox h2 .servico {
	float: right;
	width: 80px;
}

.packagebox .price_bar {
	background-color: #ebeef2;
	border-top: 1px solid #dadde0;
	border-bottom: 1px solid #dadde0;
	text-align: center;
}
.price_bar .price {
	position: relative;
}
.price_bar .price, .price_bar .price p, .price_bar .price span {
	font-weight: 100;
}
.price_bar .price p {
	font-size: 31px;
}
.price_bar .price span {
	font-size: 17px;
	line-height: 32px;
}
.price_bar .price .small {
	display: block;
	height: 20px;
	line-height: 20px;
	margin: 26px 0 0 0;
	color: #303133;
	font-size: 13px;
	text-shadow: 0 1px rgba(255,255,255, 0.1);
}
.packagebox.purple .price_bar .price p, .packagebox.purple .price_bar .price span {
	color: #332133;
}
.packagebox.blue .price_bar .price p, .packagebox.blue .price_bar .price span {
	color: #149ECC;
}

.packagebox ul.plan {
	padding: 15px;
	direction:ltr;
}
.packagebox.blue ul.plan {
	padding: 25px 20px;
}
.packagebox ul.plan li {
	color: #303133;
	font-weight: 200;
	line-height: 28px;
	font-family:Arial;
	font-size:12px;
}
.packagebox ul.plan li .sico {
	float: left;
	height: 24px;
	width: 24px;
}
.packagebox .order_button {
	display: block;
	height: 32px;
	width: 100%;
}
.packagebox.purple .order_button {
	background: #543a54 url(../images/order_button_light.png) repeat-y right;
	text-align: center;
}
.packagebox.blue .order_button {
	background: #399cbf url(../images/order_button_light.png) repeat-y left;
}
.packagebox .order_button .pattern {
	height: 30px;
	border: 1px solid rgba(0,0,0, 0.2);
	background: url(../images/pattern.png) repeat;
	text-align: center;
	width: auto;
}
.packagebox .order_button .sico {
	display: inline-block;
	height: 30px;
	width: 30px;
}
.packagebox .order_button input, .packagebox .order_button p {
	display: inline-block;
	color: #fff;
	font-size: 17px;
	line-height:28px;
	text-shadow: 0 1px rgba(0,0,0, 0.3);
}
.packagebox .order_button p span {
	float: right;
}
.packagebox.purple .order_button:hover {
	background-color: #664266;
}
.packagebox.blue .order_button:hover {
	background-color: #3fa9cf;
}
.packagebox .order_button:hover p span{
	color: #ffe41a;
}
.packagebox .learn_more {
	display: inline-block;
	width: 100%;
	background-color: #c6c9cc;
	text-align: center;
	
	-moz-border-radius-topright: 0px;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-radius: 0px 0px 4px 4px;
	border-radius: 0px 0px 4px 4px;
	 
	-webkit-box-shadow: inset 0 1px  0px rgba(255, 255, 255, 0.2);
	-moz-box-shadow: inset 0 1px  0px rgba(255, 255, 255, 0.2);
	box-shadow: inset 0 1px 0px  rgba(255, 255, 255, 0.2); 
}
.packagebox .learn_more p {
	color: #636466;
	font-size: 10px;
	line-height: 16px;
	
	text-shadow: 0 1px rgba(255,255,255, 0.1);
}

.pbox_shadow {
	width: 320px;
	height: 15px;
	background: url(../images/png_bg.png) -290px -1px;
	position: absolute;
	bottom: -7px;
	right: -19px;
	z-index: 1;
	opacity: 0.7;
}
.dedicated_packages {
	margin: 0 0 80px 0;
	display: none;
}
.dedicated_packages .top {
	height: 35px;
	width: 100%;
	margin: 0 0 40px 0;
	border-bottom: 1px solid #d8dadd;
}
.dedicated_packages .top a {
	display: inline-block;
	height: 35px;
	padding: 0 0 0 10px;
	
	color: #242526;
	font-size: 13px;
	line-height: 35px;
	border-bottom: 1px solid #d8dadd;
	
	-webkit-transition: all 0.2s ease-in-out 0s;
	-moz-transition: all 0.2s ease-in-out 0s;
	-ms-transition: all 0.2s ease-in-out 0s;
	-o-transition: all 0.2s ease-in-out 0s;
	transition: all 0.2s ease-in-out 0s;
}
.dedicated_packages .top a.active, .dedicated_packages .top a:hover {
	color: #4c324c!important;

	border-bottom: 1px solid #4c324c;
}
.dedicated_packages .top a.active {
	font-weight: 500;
}
.dedi_serv { 
	float: right;
	height: 36px;
	width: 215px;
	margin: 0 -10px 0 0;
	background: url(../images/dedicated_coreservers.png) no-repeat 0 0;
}

.dedi_serv.single {
	background-position: 0 -3px;	
}
.dedi_serv.dual {
	background-position: 0 -49px;	
}
.dedi_serv.quad {
	background-position: 0 -95px;	
}
.dedi_serv.core6 {
	background-position: 0 -141px;	
}
.dedi_serv.core8 {
	background-position: 0 -187px;	
}
.ds {
	float: right;
	display: inline-block;
	height: 25px;
	width: 25px;
	margin: 5px 5px 5px 10px;
	background: url(../images/dedicated_coreservers.png) no-repeat 0 0;
}
.dedicated_packages .top a.active .ds.single {
	background-position: -13px -279px;
}
.dedicated_packages .top a.active .ds.dual {
	background-position: -60px -279px;
}
.dedicated_packages .top a.active .ds.quad {
	background-position: -109px -279px;
}
.dedicated_packages .top a.active .ds.core6 {
	background-position: -159px -279px;
}
.dedicated_packages .top a.active .ds.core8 {
	background-position: -209px -279px;
}
.ds.single {
	background-position: -13px -239px;
}
.ds.dual {
	background-position: -60px -239px;
}
.ds.quad {
	background-position: -109px -239px;
}
.ds.core6 {
	background-position: -159px -239px;
}
.ds.core8 {
	background-position: -209px -239px;
}
/*===============================================================*/
/*						CONTENT HOME styles			             */
/*===============================================================*/
#content {
	padding: 40px 0 250px 0;
}
.box, #pwstrengthbox {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px; 
}
.boxtop {
	-moz-border-radius-topright: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-bottomleft: 0px;
	-moz-border-radius-bottomright: 0px;
	-webkit-border-radius: 4px 4px 0px 0px;
	border-radius: 4px 4px 0px 0px; 
}
.boxbt {
	-moz-border-radius-topright: 0px;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-radius: 0px 0px 4px 4px;
	border-radius: 0px 0px 4px 4px; 
}

.pattern {
	/*width: 100%;*/
	height: 100%;
	background-image: url(../images/pattern.png);
	background-repeat: repeat;
}

#dedi_bar {
	height: 55px;
}
#dedi_bar:hover {
	-webkit-box-shadow: 1px 0px 10px 0px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 1px 0px 10px 0px rgba(0, 0, 0, 0.2);
	box-shadow: 1px 0px 10px 0px rgba(0, 0, 0, 0.2); 
}
#dedi_bar .servico {
	float: right;
	width: 100px;
	margin: 2px 0;
	background-position:  -60px -42px;
}
#dedi_bar h3 {
	float: right;
	color: #fff;
	font-size: 21px;
	font-weight: 400;
	text-shadow: 0 1px 1px rgba(0,0,0,0.3);
	
	line-height: 55px;
}
#dedi_bar .roundbutton {
	display: inline-block;
	float: left;
	height: 55px;
	width: 208px;
	background-position: -82px -92px;
	
	color: rgba(0,0,0, 0.9);
	font-size: 20px;
	text-shadow: 0 1px rgba(255,255,255, 0.1);
	text-align: center;
	line-height: 55px
}
.yf {
	color: #ffe419;
}
.yf.tran:hover {
	text-shadow: 0 0px 5px rgba(255,228,25, 0.5); 
}


	/* ========== TESTIMONIALS & WEB CREATOR =========== */
	#testimonials_and_webcreator {
		  margin: 40px 0;
		  background: url(../images/testimonials_and_webcreator.jpg) repeat-y center;
		  position: relative;

		  -webkit-border-radius: 4px;
		  -moz-border-radius: 4px;
		  border-radius: 4px; 
	  }
	  #webcreator, #testimonials {
		  float: right;
		  overflow: hidden;
		  padding: 20px 20px 0px 20px;
	  }
	  .list-wrap {
		  padding: 0 0 40px 0;
		  position: relative;
	  }
	  #testimonials .pattern, #webcreator .pattern {
	
	  }
	  #testimonials_and_webcreator .bottom {
		  background-image: url(../images/gradient_bg.png);
		  background-repeat: repeat-x;
		  height: 30px;
		  position: absolute;
		  bottom: 0;
		  
		  text-align: center;
	  }
	  #webcreator {
		  width: 620px;
		  background: url("../images/light.png") no-repeat scroll -140px -480px transparent;
	  }
	  #testimonials {
		  width: 240px;
	  }
	
		/* ========== WEB CREATOR  =========== */
		#webcreator .top {
			width: 620px;
			color: #ffe419;
			text-shadow: 0 1px 1px rgba(0,0,0, 0.3);
			
			overflow: auto;
		}
		#webcreator .top .right {
			float: right;	
		}
		#webcreator .top .bico {
			float: right;
			height: 50px;
			width: 60px;
			margin: 0 0 0 10px;
		}
		#webcreator .top p {
			font-size: 17px;
			font-weight: 200;	
			
		}
		#webcreator .top p span {
			font-weight: 500;
		}
		#webcreator .top span.subtitle {
			font-size: 13px;
			font-weight: 500;
		}
		#webcreator .top .free {
			float: right;
			margin: 0 10px 0 0;
			font-size: 48px;
			font-weight: 100;	
			
			line-height: 48px;
		}
		#webcreator .bottom {
			background-position: 0 -50px;
			right: 0;
			width: 660px;
						
			-moz-border-radius-topright: 0px;
			-moz-border-radius-topleft: 0px;
			-moz-border-radius-bottomleft: 0px;
			-moz-border-radius-bottomright: 4px;
			-webkit-border-radius: 0px 0px 0px 4px;
			border-radius: 0px 0px 0px 4px; 
		}
		
		#cms_icons {
			padding: 0!important;
		}
		#cms_icons  {
			width: 620px;
			overflow: auto;
		}
		#cms_icons li {
			height: 40px;
			width: 40px;
			margin: 20px 0 20px 10px;
			
			cursor: pointer;
		}
		#cms_icons  li img{
			margin: 2px 5px 0 -10px;
			
			position: absolute;
			
			left: 0;
			right: 0;
			
			-webkit-transition: all 0.3s ease-in-out 0s;
			-moz-transition: all 0.3s ease-in-out 0s;
			-ms-transition: all 0.3s ease-in-out 0s;
			-o-transition: all 0.3s ease-in-out 0s;
			transition: all 0.3s ease-in-out 0s;
		}
		.cmsico {
			display: inline-block;
			height: 40px;
			width: 40px;
			
			background-image: url(../images/cms_logos/cms_logos.png);
			background-repeat: no-repeat;
			
			position: absolute;
			top: 0;
			left: 0;
			
			opacity: 0;
			
			-webkit-transition: all 0.5s ease-in-out 0s;
			-moz-transition: all 0.5s ease-in-out 0s;
			-ms-transition: all 0.5s ease-in-out 0s;
			-o-transition: all 0.5s ease-in-out 0s;
			transition: all 0.5s ease-in-out 0s;
		}
		.cmsico.wp{
			background-position: -10px 5px;
		}
		.cmsico.joomla{
			background-position: -60px 5px;
		}
		.cmsico.drupal{
			background-position: -110px 5px;
		}
		.cmsico.ecommerce{
			background-position: -160px 5px;
		}
		.cmsico.virtue{
			background-position: -210px 5px;
		}
		.cmsico.presta{
			background-position: -260px 5px;
		}
		.cmsico.magento{
			background-position: -309px 6px
		}
		.cmsico.zencart{
			background-position: -358px 6px
		}
			
		#cms_icons li:hover img, #cms_icons li a.current img {
			-moz-transform: scale(5);
			-webkit-transform: scale(5);
			transform: scale(5);
			opacity: 0;
		}
		#cms_icons li:hover .cmsico, #cms_icons li a.current .cmsico {
			opacity: 1;
		}
		.hide {
			right: -9999px;
			position: absolute;
			top: -9999px;
		}
		.list-wrap ul li h5 {
			margin: 0 0 5px 0;
			color: #ffe419;
			font-size: 17px;
			font-weight: 500;
			
			text-shadow: 0 1px 1px rgba(0,0,0, 0.3);
		}
		.list-wrap ul li p {
			color: #fff;
			font-size: 11px;
			font-family: Tahoma, Arial, Helvetica, sans-serif;
			line-height: 18px;	
		}
		/* ========== TESTIMONIALS =========== */
		#testimonials {
			color: #fff;	
		}
		#testimonials .bico {
			float: right;
			height: 50px;
			width: 60px;
			margin: 0px 0 0 5px;
		}
		#testimonials .top {
			margin: 0 0 10px 0;
			color: #19c6ff;
			text-shadow: 1px 1px rgba(0,0,0, 0.4);
		}
		#testimonials .top p {
			font-size: 13px;
			line-height: 13px;
		}
		#testimonials_list {
			padding: 0 0 70px 0;
		}
		#testimonials_list li {
			text-shadow: 1px 1px rgba(0,0,0, 0.4);
		}
		#testimonials_list li p {
			padding: 0 0 5px 0;
			color: #e9ebf0;
			font-size: 13px;
			line-height: 20px;
		
		}
		#testimonials_list li .website, #testimonials_list li p.autor {
			font-family: 'BYekan', Arial, sans-serif;
			font-style: normal;
			fontsize: 12px;
		}
		#testimonials_list li p.autor {
			float: right;
			color: #5cc3e5;
			font-weight: normal;
			padding: 5px 0 0 10px;
		}
		#testimonials_list li .website {
			float: left;
			padding: 6px 0 0 0;
			color: #e9ebf0;
		}
		#testimonials_list li .website:hover {
			color: #ffe419;
		}
		#testimonials .bottom {
			background-position: 0 -80px;
			left: 0;
			width: 279px;
						
			-moz-border-radius-topright: 0px;
			-moz-border-radius-topleft: 0px;
			-moz-border-radius-bottomleft: 4px;
			-moz-border-radius-bottomright: 0px;
			-webkit-border-radius: 0px 0px 4px 0px;
			border-radius: 0px 0px 4px 0px; 
		}
		#testimonials .read_more, #webcreator .read_more {
			display: inline-block;
			height: 20px;
			padding: 0 30px 0 0;
			margin: 5px 0 0 0;
			color: #ffe419;
			font-size: 13px;
			line-height: 20px;
			background: url(../images/small_icons.png) no-repeat right -747px;
		}
		#testimonials .read_more:hover, #webcreator .read_more:hover {
			color: #fff;
		}
			
#client_logo_bar {
	float: right;
	width: 100%;
	background-color: #dce0e8;
	border-top: 1px solid #ccd0d8;
}
/*===============================================================*/
/*					  	    4 BOX styles			             */
/*===============================================================*/
.wrapper h1 {
	float: right;
	width: 100%;
	margin: 10px 0 20px 0;
	border-bottom: 1px solid #e0e2e6;
	color: #18191a;
	font-size: 21px;
	font-weight: 500;
	text-shadow: 0 1px rgba(255,255,255,0.1);
	line-height: 50px;
}
.nounderline {
	border-bottom: none!important;
}
#content h1 span {
	font-weight: 300;
}
#content h1 p {
	display: inline-block;
	margin: 0 0 -1px;
	border-bottom: 1px solid #149ecc;
	font-size: 21px;
	font-weight: 500;
}
.wrapper .box4:nth-child(5) {
	margin: 0 0 20px 0;
}
.wrapper h1 .cssbutton {
	float: left;
	margin: 10px 0 0 0;
	font-size: 13px;
	font-weight: 500;
}
a.box4 {
	display: block;
}
.col4 {
	float: right;
	width: 280px;
	margin: 0 0 20px 17px;
}
.box4 {
	float: right;
	width: 220px;
	margin: 0 0 20px 17px;
	background-color: #f5f7fa;
	border-style: solid;
	border-width: 1px;
	border-color: #dddfe4 #c6c8cd #9c9d9f;
	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px; 
	
	-webkit-box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.1);
}
.box4:hover {
	border:1px solid rgba(20, 158, 204, 0.3);
	-webkit-box-shadow: 0px 0px 8px 0px rgba(20, 158, 204, 0.2);
	-moz-box-shadow: 0px 0px 8px 0px rgba(20, 158, 204, 0.2);
	box-shadow: 0px 0px 8px 0px rgba(20, 158, 204, 0.2); 
}
.box4 p {
	padding: 15px 20px;
	color: #3d3e40;
	font-size: 13px;
	line-height: 20px;
	line-height: 18px;
}
.box4 .top {
	height: 50px;
}
.clientarea .box4 {
	width: 400px;
}
.clientarea .box4 .top {
	float: none;
}
.clientarea .box4:nth-child(4) {
	margin-left: 0;
}
.clientarea .box4:nth-child(8) {
	margin-left: 0;
}
.box4 .top h3, .box4 .top h2 {
	float: right;
	padding: 0 10px 0 0;
	
	color: #149ecc;
	font-size: 17px;
	font-weight: 500;
	line-height: 60px;
	text-align: right;
	
}

.box4 .top h2 {
    font-size: 17px;
    font-weight: 500;
    line-height: 22px;
    padding: 5px 0;
    text-align: center;
    width: 100%;
	text-shadow: none!important;
	
	-webkit-transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	-ms-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
}
.clientarea .box4:hover .top  h2 {
	text-shadow: 0px 0 8px rgba(20, 158, 204, 0.4)!important; 
}
.box4 .top .bico {
	float: right;
	height: 50px;
	width: 55px;
}
.box4 .bottom{
	height: 30px;
	background: url(../images/gradient_bg.png) repeat-x 0 -111px;
	overflow: hidden;

	text-align: center;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-radius: 0px 0px 4px 4px;
	border-radius: 0px 0px 4px 4px; 
}
.box4 .bottom .read_more {
	display: inline-block;
	padding: 0 0 0 20px;
	background: url(../images/small_icons.png) no-repeat;
	background-position:0 -772px;
	
	color: #663352;
	font-size: 13px;
	font-weight: 500;
	
	line-height: 30px;
}
.box4:hover .bottom .read_more {
	color: #149ecc;
}
.bico.uptime{
	background-position: 0px -484px;
}
.bico.support {
	background-position: 0px -536px;
}
.bico.money_back {
	background-position: 0px -588px;
}
.bico.security {
	background-position: 0px -640px;
}
/*===============================================================*/
/*						  FOTTER styles 			             */
/*===============================================================*/
#footer {
	position: absolute;
	bottom: -37px;	
}
#footer, #footer_bt {
	float: right;
	width: 100%;
	border-top: 1px solid rgba(0,0,0, 0.2);
}
#footer .box960 {
	padding: 0 0 40px 0;
	position: relative;	
}
#footer_bt {
	background: url(../images/gradient_bg.png) repeat-x 0 -142px;
	border: none;
}
#footer_bt .box960 {
	min-height: 30px;
	padding: 16px 0 0px 0;
	color: #d9d9d9;
	font-size: 13px;
}
#footer_bt .box960 .left a {
	color: #d9d9d9;
}
.box960.light {
	background: url(../images/purple_light.png) no-repeat center -480px;
}
.left {
	float: left;
}
colleft {
	float: left;
	width: 240px;
}

.right {
	float: right;
}
.col5 {
	float: right;
	width: 180px;
}
.col5 .header {
	padding: 15px 0 15px 0;
	color: #FFE419;
	font-size: 17px;
	text-shadow: 1px 1px rgba(0,0,0, 0.4);
	
}
.col5 .header b{
	font-weight: 500;
}
.col5 li a{
	padding: 0 20px 0 0;
	background: url(../images/small_icons.png) no-repeat right -815px;
	color: #fff;
	font-size: 13px;
	text-shadow: 1px 1px rgba(0,0,0, 0.2);
	line-height: 24px;
}
.col5 li a:hover, .col5 li a b {
	color: #FFE419;
}
.payments {
	position: absolute;
	bottom: 10px;
	right: 0;
}
.social {
	width: 200px;
	height: 20px;
	position: absolute;
	bottom: 5px;
	left: 0
}
.payments p, .social .header {
	margin: 0 0 0 10px;
	float: right;
	color: #d7d4d9;
	font-weight: 500;
	
	text-shadow: 1px 1px rgba(0,0,0, 0.2);
	
	line-height: 30px;
}
.social .header {
	line-height: 20px;
}
ul.social li {
	float: right;
}
ul.social li a {
	height: 20px;
	width: 20px;
	margin: 0 5px 0 0;
	text-indent: -9999px;
}
.sico.gfacebook {
	background-position: 0 -840px;
}
.sico.gtwitter {
	background-position: 0 -870px;
}
.sico.gskype {
	background-position: 0 -910px;
}









/*========================================================================*/
/*========================================================================*/

/*					   			 SUBBPAGE styles         	             */
 
/*========================================================================*/
/*========================================================================*/








#header.subpage {
	height: 326px;
	background: url(../images/top.jpg) repeat-x center -605px;
}
#header.subpage .center_bg {
	height: 306px;
	padding: 20px 0 0 0;
	position: relative;
	background: url(../images/header/subpage.jpg) no-repeat center top;
}
#header.subpage .tab3.active {
	background-image: none;
	background-color: #eff0f4;
	box-shadow: none;
}
#content.subpage {
	background: url(../images/gradient_content.png) repeat-x right top;
}
#content.subpage h1 {
	margin: 30px 0 20px 0;
	color: #18191a;
	font-size: 26px;
	font-weight: 100;
	border-bottom: 1px solid #e0e2e6;
}
#content.subpage h1 p{
	padding: 0 0 5px 0;
}
#header.subpage.dedicated h1 span {
		font-weight: 400;
		color: #fff;
		text-shadow: 0 1px 1px rgba(0,0,0, 0.4);
}
#header.subpage.dedicated #model_box {
	width: 256px;
	height: 308px;
	background: url(../images/header/models/dedicated.png) no-repeat center bottom;
	position: absolute;
	left: -35px;
	top: 18px;
	z-index: 1;		
}
#header.subpage.vps #model_box {
	width: 256px;
	height: 308px;
	background: url(../images/header/models/vps.png) no-repeat center bottom;
	position: absolute;
	left: -45px;
	top: 18px;
	z-index: 1;		
}
.dedicated .model {
	width: 130px;
	height: 56px;
	background: url(../images/header/models/dedicated.png) no-repeat -91px 9px;
	left: 0;
}
.vps .model {
	width: 110px;
	height: 56px;
	background: url(../images/header/models/vps.png) no-repeat scroll -82px 7px transparent;
	left: 0;
}
.reseller .model {
	width: 103px;
	height: 56px;
	background: url(../images/header/models/reseller.png) no-repeat -125px 2px;
}
#header.subpage.reseller h1 {
	padding: 15px 0 0 0
}
#header.subpage h1 {
	padding: 15px 0 0 0px;
}
#header.subpage.reseller h1 .sub_title {
	margin: -5px 0 0 0;
}
#header.subpage.reseller #model_box {
	width: 334px;
	height: 308px;
	background: url(../images/header/models/reseller.png) no-repeat center bottom;
	position: absolute;
	right: -125px;
	top: 18px;
	z-index: 1;		
}

/* ========= HEADER FEATURES BAR ========= */

#features_bar {
	width: 940px;
	height: 70px;
	background: url(../images/gradient_bg.png) repeat-x center -243px;
	
	position: absolute;
	top: 135px;
	right: 0;
	z-index: 0;
}
.features_list {
	float: left;
}
.features_list {
	
	margin: 9px 0;
}
.features_list li {
	float: right;
	width: 120px;
	
	color: #fff;
	text-shadow: 0 1px 1px rgba(0,0,0,0.3);
	text-align: center;
	
	position: relative;
	cursor: pointer;
}
.features_list li p {
	font-size: 26px;
	font-weight: 100;
}
.features_list li p b {
	font-size: 20px;
	font-weight: 100;
}
.features_list .bulb {
	height: 40px;
	width: 120px;
	padding: 5px;
	background-color: #e9ebf0;
	
	position: absolute;
	top: -50px;
	right: 55px;
	
	color: #2d2e2f;
	font-size: 13px;
	text-shadow: 0 1px rgba(255,255,255, 0.1);
	
	visibility: hidden;
	opacity: 0;
	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px; 
	
	-webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.4);
	box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.4);
	
	-webkit-transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	-ms-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
}
.features_list .bulb:before {
	border-bottom: 14px solid transparent;
    border-right: 15px solid #e9ebf0;
    content: "";
    height: 0;
    position: absolute;
    width: 0;
	bottom: -10px
	
}
.features_list li:hover {
	color: #FFE419;
}
.features_list li:hover .bulb {
	visibility: visible;
	opacity: 1;
}
.features_list .bulb2 {
	height: 60px;
	width: 120px;
	padding: 5px;
	background-color: #e9ebf0;
	
	position: absolute;
	top: -70px;
	right: 55px;
	
	color: #2d2e2f;
	font-size: 13px;
	text-shadow: 0 1px rgba(255,255,255, 0.1);
	
	visibility: hidden;
	opacity: 0;
	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px; 
	
	-webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.4);
	box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.4);
	
	-webkit-transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	-ms-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
}
.features_list .bulb2:before {
	border-bottom: 14px solid transparent;
    border-right: 15px solid #e9ebf0;
    content: "";
    height: 0;
    position: absolute;
    width: 0;
	bottom: -10px
	
}

.features_list li:hover .bulb2 {
	visibility: visible;
	opacity: 1;
}
.sprice {
	float: right;
}
.subpage_price {
	float: right;
	margin: 5px 20px;
}
.subpage_price .sprice .small {
	font-size: 13px;
	font-weight: 200;
	position: relative;
	bottom: -12px;
}

/* ====== HEADER BT bar ======= */

.sysico {
	display: inline-block;
	float: right;
	height: 35px;
	width: 35px;
	margin: 8px 15px;
	background-image: url(../images/sysico.png);
	background-repeat: no-repeat;
}
.sysico.windows {
	background-position: 0 -3px;
}
.sysico.linux {
	background-position: 0 -100px;
}
.subpage .tab3:hover {

	background-color: #e1e2e5;
	-webkit-box-shadow: inset 0px -2px 1px 0px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: inset 0px -2px 1px 0px rgba(0, 0, 0, 0.2);
	box-shadow: inset 0px -2px 1px 0px rgba(0, 0, 0, 0.2); 
}
.tab3:hover .sysico.windows, .tab3.active .sysico.windows, .reseller_plan .sysico.windows{
	background-position: 0 -50px;
}
.tab3:hover .sysico.linux, .tab3.active .sysico.linux, .reseller_plan .sysico.linux, .servico .sysico.linux {
	background-position: 2px -151px;
}

/* ====== HEADER BT bar ======= */

.reseller_plan, .ssl_plan {
	float: right;
	width: 220px;
	margin: 20px 0 20px 18px;	
	
	position: relative;
}
.reseller_plan:nth-child(4), .ssl_plan:nth-child(4) {
	margin: 20px 0;
}

.reseller_plan .top .light, .ssl_plan .top .light {
	height: 170px;
	width: 220px;
	background: url(../images/purple_light.png) no-repeat center -660px;
}
#sidebar .light {
	background: url(../images/purple_light.png) no-repeat center -620px;
}
.reseller_plan .top, .ssl_plan .top {
	background: url(../images/gradient_bg.png) repeat-x 0 -315px;
	text-align: center;
	position: relative;
	
	-moz-border-radius-topright: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-bottomleft: 0px;
	-moz-border-radius-bottomright: 0px;
	-webkit-border-radius: 4px 4px 0px 0px;
	border-radius: 4px 4px 0px 0px; 
}
.reseller_plan .button, .ssl_plan .button {
	display: block;
	height: 35px;
	width: 220px;
	
	color: #fff;
	test-shadow: 0 1px 1px rgba(0,0,0, 0.4);
	
	text-align: center;
	line-height: 35px;
}
.reseller_plan .topb.button, .ssl_plan .topb.button {
	
	background: url(../images/gradient_bg.png) repeat-x 0 -490px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-radius: 0px 0px 4px 4px;
	border-radius: 0px 0px 4px 4px; 
}
.reseller_plan .bottomb.button, .ssl_plan .bottomb.button {
	background: url(../images/gradient_bg.png) repeat-x 0 -440px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px; 
}
.reseller_plan .bottomb.button .light, .ssl_plan .bottomb.button .light {
	background: url(../images/purple_light.png) no-repeat center -110px;
}
.reseller_plan .top .sprice, .ssl_plan .top .sprice {
	display: inline-block;
	float: none;
	position: relative;
	z-index: 2;
}
.reseller_plan .top .period, .ssl_plan .top .period {
	left: 0px;
}
.reseller_plan .top .sprice h2, .ssl_plan .top .sprice h2 {
	font-size: 35px;
}
.reseller_plan .top .sprice h2 .sup, .ssl .top .sprice h2 .sup {
	font-size: 21px;
}
.reseller_plan .top h3, .ssl_plan .top h3 {
	padding: 10px 0 5px 0 ;
	color: #fff;
	font-size: 21px;
	font-weight: 200;
	
	text-shadow: 0 1px 1px rgba(0,0,0,0.4);
}
.ssl_plan .top h3 {
	height: 35px;
	font-size: 17px;
}
.reseller_plan .top .servico, .ssl_plan .top .servico {
	height: 42px;
	margin: 10px 0 0 0;
	background-position: -70px -45px;
}
.reseller_plan .sysico, .ssl_plan .sysico {
	position: absolute;
	right: 0px;
	bottom: 0px;
}
.star_box {
	position: absolute;
	right: 60px;
	bottom: 10px;
}
.ssl_plan .sslico {
	position: absolute; 
	right: 60px;
	bottom: 10px;
}
.ssl_plan .top {
	background: url(../images/gradient_bg.png) repeat-x 0 -785px;
}
.ssl_plan .top .light {
	height: 200px;
}
.ssl_plan .description {
	padding: 15px 5px;
	line-height: 22px;
	opacity: 0;
	text-align:right;
}
.descr {
	cursor: pointer;
}
.descr:hover {
	color: #FFE419;	
}


.star_box {
	position: absolute;
	right: 60px;
	bottom: 10px;
}

.sico.star {
	height: 18px;
	width: 20px;
	background-position: 0 -950px;
}
.reseller_plan ul {
	margin: 15px 0;
}
.reseller_plan ul br {
	display: none;
}
.reseller_plan ul li{
	color: #242526;
	line-height: 32px;
}
.reseller_plan ul li .sico {
	float: right;
	height: 20px;
	width: 20px;
	margin: 6px 0 0 10px;
}
.sico.ddisk {
	background-position: 0 -990px;
}
.sico.dband {
	background-position: 0 -1020px;
}
.sico.dpanel {
	background-position: 0 -1050px;
}
.sico.dtag {
	background-position: 0 -1080px;
}
.ribbon_best {
	height: 46px;
	width: 46px;
	background: url(../images/ribbon_best.png) no-repeat;
	
	position: absolute;
	top: 0;
	right: 0;
	z-index: 4;
}
.padding { 
	padding: 20px;
}
.purple.box p {
	color: #fff;
	text-shadow: 0 1px 1px rgba(0,0,0, 0.2);
	line-height: 20px;
}
.purple.box p b {
	color: #FFE419;
}
.box4.sub {
	height: 150px;
	overflow: hidden;
	margin: 0 0 20px 0;
}
.box4.sub .tops {
	height: 40px;
	background-color: #eaedf1;
	border-bottom: 1px solid #dcdee1;
}
.box4.sub .tops h3{ 
	float: none;	
	color: #242526;
	font-size: 21px;
	font-weight: 200;
	text-transform: none;
	text-align: center;
	line-height: 40px;
}
.col4:nth-child(4) {
	marign: 0;
}

.col4 p, .col4 ul li{
	line-height: 22px;
}

.nobgbutton_box {
	display: inline-block;
	position: relative;	
}
.nobgbutton_box .sico, .vps_order_button .sico {
	float: right;
	display: inline-block;
	height: 30px;
	width: 30px;
	margin: 2px 0px;
	
	opacity: 0;
	
	-webkit-transition: all 0.5s ease-in-out 0s;
	-moz-transition: all 0.5s ease-in-out 0s;
	-ms-transition: all 0.5s ease-in-out 0s;
	-o-transition: all 0.5s ease-in-out 0s;
	transition: all 0.5s ease-in-out 0s;

}
.nobgbutton_box img, .vps_order_button img {
  position: absolute;
  right: 8px;
  top: 6px;
  z-index: 1;
  
  -webkit-transition: all 0.1s ease-in-out 0s;
  -moz-transition: all 0.1s ease-in-out 0s;
  -ms-transition: all 0.1s ease-in-out 0s;
  -o-transition: all 0.1s ease-in-out 0s;
  transition: all 0.1s ease-in-out 0s;
}
.vps_order_button {
	position: relative;
}
.vps_order_button input {
	float: right;
	height: 34px;
	background: none;
	border: none;
	
	color: rgba(0,0,0, 0.7);
	font-family:'BYekan', Arial, sans-serif;
	font-size: 13px;
	font-weight: 500;
	
	cursor: pointer;
	
	position: relative;
	z-index: 10;
	
	-webkit-transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	-ms-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;

}
.vps_order_button:hover input {
	color: #fff;
}
.vps_order_button img {
	top: 2px;
	z-index: 1;
}
.vps_order_button .sico {
	background-position: 0 -1260px;
	width: 25px;
	margin: 4px 8px 4px 0;
}
.nobgbutton {
	height: 32px!important;
	background: none!important;
	border: none!important;
	font-family: 'BYekan', Arial, sans-serif;
	
	
	color: #FFFFFF;
    line-height: 35px;
	cursor: pointer;
	position: relative;
	z-index: 10;
	
	-webkit-transition: 0.1s linear all;
	-moz-transition: 0.1s linear all;
	-ms-transition: 0.1s linear all;
	-o-transition: 0.1s linear all;
	transition: 0.1s linear all;
	
	-moz-boz-shadow: none!important;
	box-shadow: none!important
}
.nobgbutton:hover {
	color: #FFE419!important;
}

.nobgbutton_box:active img, .vps_order_button:active img {
  -moz-transform: scale(5);
  -webkit-transform: scale(5);
  transform: scale(5);
  opacity: 0;
}
.nobgbutton_box:active .sico, .vps_order_button:active .sico {
  opacity: 1;
}


/*===============================================================*/
/*						  DEDICATED subpage			             */
/*===============================================================*/



.wrapper.right {
	float: right;
	width: 696px;
}
	
.flag {
	display: inline-block;
	float: right;
	height: 30px;
	width: 54px;
	margin: 10px;
	
	background-image: url(../images/flags.png);
}
.flag.turkey {
	background-position: 0 -5px;
}
.flag.usa{
	background-position: 0 -45px;
}
.flag.germany {
	background-position: 0 -84px;
}
.flag.france {
	background-position: 0 -126px;
}
.flag.iran {
	background-position: 0 -165px;
}

#features_bar .bico {
	width: 54px;
	height: 34px;
	margin: 0 33px;
}
.bico.database {
	background-position: 9px -700px;
}
.bico.systems {
	background-position: -2px -745px;
}
.bico.location {
	background-position: 9px -798px;
}
.bico.backup {
	background-position: 9px -848px;
}
.bico.setup {
	background-position: 13px -904px;
}
.packagebox .addto_cart {
    display: inline-block;
	height: 25px;
    width: 100%;
    background-color: #e6e9ed;
    border-radius: 0 0 4px 4px;
	
	color: #313233;
	font-size: 13px;
	
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset;
    text-align: center;
	line-height: 25px
}
.packagebox .addto_cart:hover {
	color: #149ecc!important;
}
.packagebox.dedicated  h1 p {
	font-weight: 200;
}
.price p, .price span {
	text-shadow: 0 1px rgba(255,2552,255, 0.1);
}
.packagebox.dedicated {
	float: right;
	width: 220px;
	margin: 0 0 20px 15px;
	
	background-color: #f5f7fa;
	border-style: solid;
	border-width: 1px;
	border-color: #dddfe4 #c6c8cd #9c9d9f;
	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px; 
	
	-webkit-box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.1);
}
.packagebox.dedicated:nth-child(4), .packagebox.dedicated:nth-child(7) { 
	margin-left: 0;
}

.packagebox.dedicated h3 {
	color: #663866;
	line-height: 40px;
	text-align: center;
	font-family:Arial;
	font-weight: 400;
	font-size: 17px;
}
.packagebox:hover {
	-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 1px 5px  rgba(0, 0, 0, 0.2);
	box-shadow: 0 1px 5px  rgba(0, 0, 0, 0.2);
}
.core .packagebox:nth-child(3) {
	margin: 0 0 20px 0;
}

#sidebar {
	float: right;
	width: 210px;
	margin: 0 30px 50px 0px;
}
#sidebar h2 {
	display: inline-block;
	margin: 5px;
	
	color: #ffe419;
	font-size: 17px;
	font-weight: 500;
	text-shadow: 0 1px 1px rgba(0,0,0, 0.4);
	line-height: 50px;
}
#sidebar p {
	padding:0 15px 15px 15px;
	color: #fff;
	text-shadow: 0 
	1px 1px rgba(0,0,0, 0.2);
	line-height: 22px;
}
#sidebar .boxbt .pattern {
	border-top: 1px solid rgba(0,0,0, 0.4);
	padding: 10px 0 10px 0;
}
#sidebar .boxbt a {
	margin: 5px 0;
	color: #fff;
	line-height: 30px;
}
#sidebar .boxbt a span {
	margin: 0 15px;
}

#features {
	float: right;
	width: 210px;
	margin: 0 30px 0 0;
}
#features h3 {
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #d5d7db;
	font-size: 21px;
	font-weight: 200;
}
#features ul li {
	margin: 0 0 10px 0;	
	line-height: 20px;
}
.fico {
	display: inline-block;
	float: right;
	height: 20px;
	width: 20px;
	background: url(../images/features_icons.png) no-repeat 0 0;
}
#features  .fico {
	margin: 0 0 10px 10px;
}
.fico.globe {
	background-position: 0 0;
}
.fico.timer {
	background-position: 0 -20px;
}
.fico.os {
	background-position: 0 -40px;
}
.fico.cpu {
	background-position: 0 -60px;
}
.fico.connection {
	background-position: 0 -80px;
}



/*===============================================================*/
/*						      VPS subpage			             */
/*===============================================================*/


#vps_slider {
}

#vps_slider .top {
	margin: 0 0 40px 0;
	text-align: center;
}
#vps_slider .top h2{
	padding: 15px 0 20px 0;
	color: #fff;
	font-size:  22px;
	font-weight: 200;
	text-shadow: 0 1px 1px rgba(0,0,0, 0.4);
}
#vps_slider .top h2 b {
	color: #FFE419;
	font-weight: 200;
}
#vps_slider .boxbt .pattern {
	border-top: 1px solid rgba(0,0,0, 0.2);
}
.servico.all {
	display: inline-block;
	width: 230px;
	margin: 10px 0 0 0;
	background-position:  -75px -42px;
	
	position: relative;
}
.servico .sysico {
	position: absolute;
	right: 0;
	bottom: -5px;
}
#vps_slider .purple .pattern {
	padding: 0 0 40px 0;
}
#vps_slider .purple .light {
	background: url(../images/light.png) no-repeat center -460px;		
}

#slider {
	background: url(../images/slider.png) no-repeat -7px 0;
	margin: 0 58px;
	width: 825px;
	height: 20px;
	position: relative;
}
#productslider {
	height: 20px;
	margin: 0 42px;
	position: relative;	
}
#slider .plus, #slider .minus {
	display: block;
	height: 20px;
	width: 20px;
	
	background: url(../images/slider.png) no-repeat 0 0;
	
	position: absolute;
	top: 0;	

}
#slider .minus {
	background-position: -85px -35px;
	right: -17px;
}
#slider .plus {
	background-position: -120px -35px;
	left: -17px;
}
#slider .minus:hover {
	background-position: -153px -35px;
}
#slider .minus:active, #slider .plus:active{
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
#slider .plus:hover {
	background-position: -188px -35px;
}
.ui-slider-range {
	height: 3px;
	width: 100px;
	background-color: #73c5ff;
	
	position: absolute;
	right: 6px;
	top: 8px;
	
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px; 
		
	-webkit-box-shadow: inset 0px 1px 1px 0 rgba(0, 0, 0, 0.4);
	-moz-box-shadow: inset 0px 1px 1px 0 rgba(0, 0, 0, 0.4);
	box-shadow: inset 0px 1px 1px 0 rgba(0, 0, 0, 0.4);
	
	-webkit-transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	-ms-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
}
.ui-slider-handle {
	display: block;
	height: 28px;
	width: 64px;
	margin-right: -32px;
	background: url(../images/slider.png) no-repeat -5px -35px;
	
	position: absolute;
	right: 57px;
	top: -1px;
	
	-webkit-transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	-ms-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
}

.prodlabel {
	width: 840px;
	height: 40px;
	margin: 0 50px;
}
.prodlabel li {
	float: right;
	height: 20px;
	padding: 15px 0 0 0;
	margin: 10px 0 0 0;
	
	background: url(../images/slider_points.png) no-repeat center -112px;
	
	color: rgba(204,127,204, 0.1);
	text-align: center;
	text-shadow: 0 0px 2px rgba(204,127,204, 0.8);
	
	-webkit-transition: 0.2s linear all;
	-moz-transition: 0.2s linear all;
	-ms-transition: 0.2s linear all;
	-o-transition: 0.2s linear all;
	transition: 0.2s linear all;
}
.prodlabel li.activeBefore, .prodlabel li:hover {
	background-position: center 5px;
	color: #fff;
	text-shadow: none;
	cursor: pointer;
}
.prodlabel li.selected {
	background-position: center -55px;
	color: #FFE149;
	font-size: 13px;
	font-weight: 500;
	text-shadow: none;
}
	
a.windows, a.linux {
	margin: 20px 0 0 0;
	color: rgba(204,127,204, 0.1);
	font-size: 17px;
	font-weight: 200;
	text-shadow: 0 0px 2px rgba(204,127,204, 0.8);
	
	-webkit-transition: 0.2s linear all;
	-moz-transition: 0.2s linear all;
	-ms-transition: 0.2s linear all;
	-o-transition: 0.2s linear all;
	transition: 0.2s linear all;
}
a.windows:hover , a.linux:hover {
	color: #fff;
	text-shadow: 0 1px 1px rgba(0,0,0, 0.2);	
}
a.windows {
	padding: 0 40px 0 0;
}
a.linux {
	padding: 0 0 0 40px;
}
a.windows.active, a.linux.active {
	padding: 5px 20px;
	color: #fff!important;
	text-shadow: 0 1px 1px rgba(0,0,0, 0.4);
	background-color: #212223;
}
 a.linux.active {
	 padding-left: 40px;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-bottomleft: 0px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-radius: 4px 0px 0px 4px;
	border-radius: 4px 0px 0px 4px; 
 }
 a.windows.active {
	 padding-right: 40px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-bottomright: 0px;
	-webkit-border-radius: 0px 4px 4px 0px;
	border-radius: 0px 4px 4px 0px; 
}
#vps_slider .boxbt .pattern {
	position: relative;
	height: 72px;
}
.product {
	position: absolute;
	top: 0;
	right: 0;
}
.product ul {
	float: right;
	padding:15px 20px; 
	overflow: auto;
}

.product ul li {
	float: right;
	width: 150px;
	color: #fff;
	text-shadow: 0 1px 1px rgba(0,0,0, 0.4);
}
.product ul li h4, .product ul li p {
	float: right;
	display: inline-block;
}
.product ul li h4 {
	width: 100px;
	font-size: 13px;
	font-weight: 200;
	line-height: 16px;
}
.product ul li p {
	color: #ffe419;
	font-size: 26px;
	font-weight: 100;
	line-height: 26px;
	font-family:Arial;
	direction:ltr;
}
.vps_box {
	float: right;
	display: inline-block;
	height: 40px;
	width: 40px;
	margin: 0 0 0 10px;
	
	background: #494b4d url(../images/gradient_bg.png) repeat-x 0 -617px;
	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px; 
	
	-webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
	
	-webkit-transition: 0.2s linear all;
	-moz-transition: 0.2s linear all;
	-ms-transition: 0.2s linear all;
	-o-transition: 0.2s linear all;
	transition: 0.2s linear all;
}
.vps_box:hover {
	background-color: #664266;
}

.vps_box .mico {
	display: inline-block;
	height: 30px;
	width: 30px;
	margin: 5px;
}
.vps_box .mico.cpu {
	background-position: 3px -377px;
}
.vps_box .mico.mem {
	background-position: 3px -417px;
}
.vps_box .mico.disk {
	background-position: 3px -457px;
}
.vps_box .mico.ban {
	background-position: 3px -497px;
}

.prodprice {
	float: left;
	height: 72px;
	width: 280px;
	background: url(../images/vps_pricebox.png) no-repeat right 0 ;
	position: relative;
}
.prodprice  .sprice {
	margin: 6px 20px 6px 0px;	
}
.prodprice h2 {
	color: rgba(0,0,0, 0.9);
	font-size: 35px;
	text-shadow: 0 1px rgba(255,255,255, 0.1);
}
.prodprice .period {
	color: rgba(0,0,0, 0.9);
	font-size: 13px;
	text-shadow: 0 1px rgba(255,255,255, 0.1);
	
	left: 0px;
	bottom: -6px;
}


.vps_order_button {
	display: block;
	height: 34px;
	width: 120px;
	background: #ebedf2 url(../images/gradient_bg.png) repeat-x 0 -620px;
	border: 1px solid #202122;
	
	position: absolute;
	top: 20px;
	left: 0px;
	
	font-size:13px;
	color: rgba(0,0,0, 0.8);
	font-weight: 500;
	text-shadow: 0 1px rgba( 255,255,255, 0.1);
	text-align: center;
	line-height: 30px;
	cursor: pointer;
	
	-webkit-border-radius: 28px;
	-moz-border-radius: 28px;
	border-radius: 28px; 
	
	-webkit-transition: 0.2s linear all;
	-moz-transition: 0.2s linear all;
	-ms-transition: 0.2s linear all;
	-o-transition: 0.2s linear all;
	transition: 0.2s linear all;
}

.vps_order_button:hover {
	background-color: #664266;
	color: #fff!important;
	text-shadow: 0 1px 1px rgba(0,0,0, 0.4);
}
.vps_order_button input[type=submit] {
	font-size:13px;
	color: rgba(0,0,0, 0.8);
	font-weight: 400;
}

/*===============================================================*/
/*						  BUTTONS styles			             */
/*===============================================================*/


.cssbutton {
	display: inline-block;
	font-family:'BYekan';
	cursor: pointer;

	-webkit-transition: 0.1s linear all;
	-moz-transition: 0.1s linear all;
	-ms-transition: 0.1s linear all;
	-o-transition: 0.1s linear all;
	transition: 0.1s linear all;
	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px; 
	
	background: #e6e6e6;
	background-repeat: no-repeat;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
	background-image: -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
	background-image: -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
	background-image: -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
	background-image: -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
	background-image: linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
}
input.cssbutton.small {
	height: 22px;
}
.cssbutton.small {
	height: 20px;
	padding: 0 10px;
	
	font-size: 13px;
	line-height: 20px;
}	

.cssbutton.big {
	height: 50px;
	padding: 0 30px;
	
	font-size: 21px;
	line-height: 50px;
}

	/* ====== DARK button ====== */
	.cssbutton.dark {	
		background: url("../images/gradient_bg.png") repeat-x scroll center -243px transparent;
		border-width: 1px ;
		border-style: solid ;
		border-color: #0c0c0d #0c0c0d #000 #0c0c0d;
		
		-webkit-box-shadow: inset 0 1px rgba(255,255,255, 0.05), 0 0 1px rgba(255,255,255, 0.1);
		-moz-box-shadow: inset 0 1px rgba(255,255,255, 0.05), 0 0 1px rgba(255,255,255, 0.1);
		box-shadow: inset 0 1px rgba(255,255,255, 0.05), 0 0 1px rgba(255,255,255, 0.1));
	}
	
	.cssbutton.dark {
		color: #fff;
		text-shadow: 0 -1px rgba(0,0,0, 0.2);
		
	}
	
	.cssbutton.dark:active {
		-webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05)!important;
		-moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05)!important;
		box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05)!important;
	}
	
	.cssbutton.margin {
		margin: 0 0 0 5px; 	
	}
	
	
	/* ====== BLUE button ====== */
	.cssbutton.blue {	
		border-width: 1px ;
		border-style: solid ;
		border-color: #348fad #348fad #10799c #348fad;
		
	  -webkit-box-shadow: inset 0 1px rgba(255,255,255, 0.1), 0 0 1px rgba(255,255,255, 0.1);
	  -moz-box-shadow: inset 0 1px rgba(255,255,255, 0.1), 0 0 1px rgba(255,255,255, 0.1);
	  box-shadow: inset 0 1px rgba(255,255,255, 0.1), 0 0 1px rgba(255,255,255, 0.1));
		
		background-color: #40aed4;
		background-repeat: repeat-x;
		background-image: -khtml-gradient(linear, right top, right bottom, from(#40aed4), to(#3693b1));
		background-image: -moz-linear-gradient(top, #40aed4, #3693b1);
		background-image: -ms-linear-gradient(top, #40aed4, #3693b1);
		background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0%, #40aed4), color-stop(100%, #3693b1));
		background-image: -webkit-linear-gradient(top, #40aed4, #3693b1);
		background-image: -o-linear-gradient(top, #40aed4, #3693b1);
		background-image: linear-gradient(top, #40aed4, #3693b1);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#40aed4', endColorstr='#3693b1', GradientType=0);
	}
	
	.cssbutton.blue {
		color: #fff;
		text-shadow: 0 -1px rgba(0,0,0, 0.2);
		
	}
	
	.cssbutton.blue:active{
		-webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05)!important;
		-moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05)!important;
		box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05)!important;
	}
	
	/* ====== ORANGE button ====== */
	.cssbutton.orange {
		/* box background gradient */
		background-color: #f2b818;
		background-repeat: repeat-x;
		background-image: -khtml-gradient(linear, right top, right bottom, from(#ffd421), to(#f2b818));
		background-image: -moz-linear-gradient(top, #ffd421, #f2b818);
		background-image: -ms-linear-gradient(top, #ffd421, #f2b818);
		background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0%, #ffd421), color-stop(100%, #f2b818));
		background-image: -webkit-linear-gradient(top, #ffd421, #f2b818);
		background-image: -o-linear-gradient(top, #ffd421, #f2b818);
		background-image: linear-gradient(top, #ffd421, #f2b818);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd421', endColorstr='#f2b818', GradientType=0);
		
		/* box shadow */
		-webkit-box-shadow: inset 0 1px #ffe02a, 0 1px 0px rgba(0, 0, 0, 0.2);
		-moz-box-shadow: inset 0 1px #ffe02a, 0 1px 0px rgba(0, 0, 0, 0.2);
		box-shadow: inset 0 1px #ffe02a, 0 1px 0px rgba(0, 0, 0, 0.2);
		
		-webkit-transition: all 0.3s ease-in-out 0s;
		-moz-transition: all 0.3s ease-in-out 0s;
		-ms-transition: all 0.3s ease-in-out 0s;
		-o-transition: all 0.3s ease-in-out 0s;
		transition: all 0.3s ease-in-out 0s;
		
	}
	.cssbutton.orange.home {
		width: 260px;
		overflow: hidden;
		position: relative;
		margin: 0 10px;
		padding: 0;
	}
	.cssbutton.orange.home img {
		position: absolute;
		right: 20px;
		top: 5px;
		border: none;
		
		-webkit-transition: all 0.3s ease-in-out 0s;
		-moz-transition: all 0.3s ease-in-out 0s;
		-ms-transition: all 0.3s ease-in-out 0s;
		-o-transition: all 0.3s ease-in-out 0s;
		transition: all 0.3s ease-in-out 0s;
	}
	.cssbutton.orange.home .mico {
		height: 30px;
		width: 40px;
		position: absolute;
		top: 10px;
		right: 15px;
		opacity: 0;
	}
	.cssbutton.orange.home p {
		float: right;
		padding: 0 70px 0 0;	
		
		color: rgba(0,0,0, 0.7);
		font-weight: 200;
		text-shadow: 0 1px rgba(255,255,255, 0.1);
		
		text-align: center;
	}
	
	.cssbutton.orange.home p span {
		font-weight: 500;
	}
	
	.cssbutton.orange.home:hover {
		background-position: 0 -50px;
		-webkit-box-shadow: inset 0 1px rgba(255,255,255, 0.05), 0 0px 10px rgba(0, 0, 0, 0.2);
		-moz-box-shadow: inset 0 1px rgba(255,255,255, 0.05), 0 0px 10px rgba(0, 0, 0, 0.2);
		box-shadow: inset 0 1px rgba(255,255,255, 0.05), 0 0px 10px rgba(0, 0, 0, 0.2);
	}
	.cssbutton.orange.home:hover img {
		-moz-transform: scale(10);
		-webkit-transform: scale(10);
		transform: scale(10);
		opacity: 0;
	}
	.cssbutton.orange.home:hover .mico {
		opacity: 1;
	}
	
	.cssbutton.orange.home:active {
		background-position: 0 0;
		-webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05)!important;
		-moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05)!important;
		box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05)!important;
	}
	.cssbutton.orange.home .left_arrow {
		float: left;
		width: 20px;
		height: 50px;
		
		border-right: 1px solid rgba(0,0,0,0.1);
		
		background: rgb(244,192,0); /* Old browsers */
		/* IE9 SVG, needs conditional override of 'filter' to 'none' */
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y0YzAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMGE3MDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(top,  rgba(244,192,0,1) 0%, rgba(240,167,0,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, right top, right bottom, color-stop(0%,rgba(244,192,0,1)), color-stop(100%,rgba(240,167,0,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(244,192,0,1) 0%,rgba(240,167,0,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(244,192,0,1) 0%,rgba(240,167,0,1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(244,192,0,1) 0%,rgba(240,167,0,1) 100%); /* IE10+ */
		background: linear-gradient(top,  rgba(244,192,0,1) 0%,rgba(240,167,0,1) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4c000', endColorstr='#f0a700',GradientType=0 ); /* IE6-8 */
		
		-moz-border-radius-topright: 0px;
		-moz-border-radius-topleft: 4px;
		-moz-border-radius-bottomleft: 4px;
		-moz-border-radius-bottomright: 0px;
		-webkit-border-radius: 0px 4px 4x 0px;
		border-radius: 0px 4px 4px 0px; 
	}
	.cssbutton.orange.home .left_arrow span {
		display: inline-block;
		height: 10px;
		width: 10px;
		margin: 20px 5px;
		background: url(../images/small_icons.png) no-repeat 2px -390px;
	}

	
.cssbutton{
	display: inline-block;	
}
.cssbutton.medium {
	height: 30px;
	line-height: 30px;
	font-size:13px;
}
.cssbutton.medium.blue {
	background: url(../images/cssbutton_blue_small.jpg) repeat-x 0 -31px;
	width: auto;
	padding: 0 30px;
}
.cssbutton.imgbg {
	position: relative;
}
.cssbutton.imgbg p{
	position: relative;
	z-index: 3;
}
.cssbutton.imgbg .hover {
	display: block;
	width: 100%;
	height: 30px;
	background: url(../images/cssbutton_blue_small.jpg) repeat-x 0 0;
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 0;
	opacity: 0;
	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px; 
}
.cssbutton:hover .hover {
	opacity: 1;
	
}
.cssbutton.imgbg:hover {
	-webkit-box-shadow: 0px 0px 8px 0px rgba(20, 158, 204, 0.2);
	-moz-box-shadow: 0px 0px 8px 0px rgba(20, 158, 204, 0.2);
	box-shadow: 0px 0px 8px 0px rgba(20, 158, 204, 0.2); 
}
.cssbutton:active .hover {
	opacity: 0;
}

/* ====== end of blue button ====== */

/*===============================================================*/
/*							FORM styles			                 */
/*===============================================================*/

form .clearfix {
  margin-bottom: 18px;
  zoom: 1;
}
form .clearfix:after {
  clear: both;
}
input[type=checkbox], input[type=radio] {
  cursor: pointer;
}
input[type=checkbox], input[type=radio] {
  width: auto;
  height: auto;
  padding: 0;
  margin: 3px 0;
  *margin-top: 0;

  line-height: normal;
  border: none;
}
input[type=file] {
  background-color: #ffffff;
  padding: initial;
  border: initial;
  line-height: initial;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
select[multiple] {
  height: inherit;
  background-color: #ffffff;
}
textarea {
  height: auto;
}
:-moz-placeholder {
  color: #bfbfbf;
}
::-webkit-input-placeholder {
  color: #bfbfbf;
}
input, textarea {
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
  -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
  -ms-transition: border linear 0.2s, box-shadow linear 0.2s;
  -o-transition: border linear 0.2s, box-shadow linear 0.2s;
  transition: border linear 0.2s, box-shadow linear 0.2s;
  
}
input:focus, textarea:focus {
  outline: 0;
  border-color: rgba(82, 168, 236, 0.5);
  -webkit-box-shadow:  0 0 3px rgba(82, 168, 236, 0.4);
  -moz-box-shadow: 0 0 3px rgba(82, 168, 236, 0.4);
  box-shadow: 0 0 3px rgba(82, 168, 236, 0.4);
}
input[type=file]:focus, input[type=checkbox]:focus, select:focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  outline: 1px dotted #666;
}
form .clearfix.error > label, form .clearfix.error .help-block, form .clearfix.error .help-inline {
  color: #b94a48;
}
form .clearfix.error input, form .clearfix.error textarea {
  color: #b94a48;
  border-color: #ee5f5b;
}
form .clearfix.error input:focus, form .clearfix.error textarea:focus {
  border-color: #e9322d;
  -webkit-box-shadow: 0 0 6px #f8b9b7;
  -moz-box-shadow: 0 0 6px #f8b9b7;
  box-shadow: 0 0 6px #f8b9b7;
}
form .clearfix.error .input-prepend .add-on, form .clearfix.error .input-append .add-on {
  color: #b94a48;
  background-color: #fce6e6;
  border-color: #b94a48;
}
form .clearfix.warning > label, form .clearfix.warning .help-block, form .clearfix.warning .help-inline {
  color: #c09853;
}
form .clearfix.warning input, form .clearfix.warning textarea {
  color: #c09853;
  border-color: #ccae64;
}
form .clearfix.warning input:focus, form .clearfix.warning textarea:focus {
  border-color: #be9a3f;
  -webkit-box-shadow: 0 0 6px #e5d6b1;
  -moz-box-shadow: 0 0 6px #e5d6b1;
  box-shadow: 0 0 6px #e5d6b1;
}
form .clearfix.warning .input-prepend .add-on, form .clearfix.warning .input-append .add-on {
  color: #c09853;
  background-color: #d2b877;
  border-color: #c09853;
}
form .clearfix.success > label, form .clearfix.success .help-block, form .clearfix.success .help-inline {
  color: #468847;
}
form .clearfix.success input, form .clearfix.success textarea {
  color: #468847;
  border-color: #57a957;
}
form .clearfix.success input:focus, form .clearfix.success textarea:focus {
  border-color: #458845;
  -webkit-box-shadow: 0 0 6px #9acc9a;
  -moz-box-shadow: 0 0 6px #9acc9a;
  box-shadow: 0 0 6px #9acc9a;
}
form .clearfix.success .input-prepend .add-on, form .clearfix.success .input-append .add-on {
  color: #468847;
  background-color: #bcddbc;
  border-color: #468847;
}
input[disabled],
select[disabled],
textarea[disabled],
input[readonly],
select[readonly],
textarea[readonly] {
  background-color: #f5f5f5;
  border-color: #ddd;
  cursor: not-allowed;
}

/*===============================================================*/
/*						GRADIENT styles			                 */
/*===============================================================*/


	.dark.gradient.transparent {
		/* IE9 SVG, needs conditional override of 'filter' to 'none' */
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
		background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 99%); /* FF3.6+ */
		background: -webkit-gradient(linear, right top, right bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(99%,rgba(0,0,0,0.1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 99%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 99%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 99%); /* IE10+ */
		background: linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 99%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#1a000000',GradientType=0 ); /* IE6-8 */
	}

.light.purple.gradient, .well, #pwstrengthbox, .tabs  {
	


background: rgba(113,52,127,1);/* Old Browsers */
background: -moz-linear-gradient(top, rgba(113,52,127,1) 0%, rgba(168,103,168,1) 48%, rgba(93,44,104,1) 100%); /* FF3.6+ */
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(113,52,127,1)), color-stop(48%, rgba(168,103,168,1)), color-stop(100%, rgba(93,44,104,1)));/* Chrome, Safari4+ */
background: -webkit-linear-gradient(top, rgba(113,52,127,1) 0%, rgba(168,103,168,1) 48%, rgba(93,44,104,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(113,52,127,1) 0%, rgba(168,103,168,1) 48%, rgba(93,44,104,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(113,52,127,1) 0%, rgba(168,103,168,1) 48%, rgba(93,44,104,1) 100%); /* IE 10+ */
background: linear-gradient(to bottom, rgba(113,52,127,1) 0%, rgba(168,103,168,1) 48%, rgba(93,44,104,1) 100%);/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#71347f', endColorstr='#5d2c68', GradientType=0 );/* IE6-9 */


}
.purple.gradient {
	background: rgb(77,50,77); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRkMzI0ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0NTJkNDUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(77,50,77,1) 0%, rgba(69,45,69,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, right top, right bottom, color-stop(0%,rgba(77,50,77,1)), color-stop(100%,rgba(69,45,69,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(77,50,77,1) 0%,rgba(69,45,69,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(77,50,77,1) 0%,rgba(69,45,69,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(77,50,77,1) 0%,rgba(69,45,69,1) 100%); /* IE10+ */
	background: linear-gradient(top,  rgba(77,50,77,1) 0%,rgba(69,45,69,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d324d', endColorstr='#452d45',GradientType=0 ); /* IE6-8 */
}

.dark.gradient {
	background: rgb(48,49,51); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMwMzEzMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyYjJjMmUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(48,49,51,1) 0%, rgba(43,44,46,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, right top, right bottom, color-stop(0%,rgba(48,49,51,1)), color-stop(100%,rgba(43,44,46,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(48,49,51,1) 0%,rgba(43,44,46,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(48,49,51,1) 0%,rgba(43,44,46,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(48,49,51,1) 0%,rgba(43,44,46,1) 100%); /* IE10+ */
	background: linear-gradient(top,  rgba(48,49,51,1) 0%,rgba(43,44,46,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#303133', endColorstr='#2b2c2e',GradientType=0 ); /* IE6-8 */
}







/*===============================================================*/
/*						CLIENTAREA styles			             */
/*===============================================================*/


#content.clientarea {
	font-family: 'BYekan', Tahoma, Arial, Helvetica, sans-serif;	
}

#content.clientarea .box960 {
	width: 900px;
	padding: 20px;
	background: rgba(255,255,255, 0.6);

	/*
	-webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2);
	-moz-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2);
	box-shadow:  0 1px 2px 0 rgba(0,0,0,0.2);
	*/

	-moz-box-shadow: 0 1px 13px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 1px 13px 3px rgba(0,0,0,0.2);
	box-shadow: 0 1px 13px 3px rgba(0,0,0,0.2);

	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
#content.clientarea h1, #content.clientarea h2, #content.clientarea h3 {
	font-family: 'BYekan', Arial, sans-serif;
	text-shadow: 0 0 1px rgba(0,0,0,0.3);
}
.clientarea h2, .clientarea h3, .clientarea h4 {
	line-height: 36px;
	font-weight:500;
}

.clientarea p {
	line-height: 24px;
}

.clientarea table th {
	font-size: 13px;
}


.logincontainer {
	width: 320px;
	margin: auto;	
}
.logincontainer label, .domonly label {
	color: #fff;
	text-shadow: 0 1px 1px rgba(0,0,0, 0.4);
}
.logincontainer input, .domonly input, .domonly select {
	border: 1px solid #402d3f;
}
.logincontainer p a{
	color: #FFE419;
}
.logincontainer .rememberme {
	padding: 5px 0;
}
.logincontainer .btn {
	width: 100px;	
	margin: 10px 0;
}


.internalpadding {
	padding: 10px 0;
}

.domonly, .choosedomain {
	width: 360px;
	margin: 0 auto 20px;		
}
.domonly p, .choosedomain p {
	margin: 0 0 20px 0;
}
.domonly input[type=submit] {
	margin: 20px 90px auto
}
.domonly .domainreginput {
	color: #fff;
}

#domainresults {
	width: 500px;
	margin: auto;
	padding: 0 0 20px 0;
}
.domainavailable {
	padding: 5px 20px;
	color: rgba(0,0,0,0.6);
	font-weight: 500;
	
	background-color: #c7fa62;
	border: 1px solid #aad94c;
	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;	
}
.domaininvalid, .errorbox, .textred {
	padding: 5px 20px;
	color: rgba(0,0,0,0.6);
	font-weight: 500;
	
	background-color: #ef7875;
	border: 1px solid #db3f3b;
	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;	
}
.textred {
	padding: 2px 5px;
	color:#eaeaea;
}
#configproducterror {
	display: none;
}
.errorbox ul {
	list-style: none;
}
.domainregperiod {
	margin: 10px 0 ;
}


.choosedomain {
	width: 420px;
}
.domainoptions .option {
	float: right;
}
.domainoptions .option label {
	color: #fff;
	text-align: right;
	text-shadow: 0 1px 1px rgba(0,0,0, 0.4);
}
.domainoptions .option label input[type=radio] {
	margin: 0 0 0 10px;
}
.domainreginput {
	float: right;
	margin: 10px 0;
	
	color: #fff;
	text-align: center;
}
.domainreginput input[type=text], .domainreginput select {
	border: 1px solid #402d3f;
}
.domainreginput input[type=submit] {
	margin: 10px 0 0 0;
}

#domainpopupcontainer, .loading {
	display: none;
}
#domainresults {
	text-align: center;
}
#domainresults img {
	display: inline-block;
}

.summaryproduct {
	margin: 5px 0;
}


.checkoutbuttons {
	text-align: center;
}
.checkoutbuttons input {
	margin: 0 0 10px ;
}


.clientarea table th:first-child {
	-moz-border-radius-topright: 4px;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-bottomleft: 0px;
	-moz-border-radius-bottomright: 0px;
	-webkit-border-radius: 0px 4px 0px 0px;
	border-radius: 0px 4px 0px 0px; 
}

.clientarea table th:last-child {
	-moz-border-radius-topright: 0px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-bottomleft: 0px;
	-moz-border-radius-bottomright: 0px;
	-webkit-border-radius: 4px 0px 0px 0px;
	border-radius: 4px 0px 0px 0px; 
}

.clientarea table {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px; 
}

.col2half {
	float: right;
	width: 50%;
}

.internalpadding {
	color: #fff;
	text-shadow: 0 1px 1px rgba(0,0,0, 0.4);
	font-size:17px;
}

.internalpadding  .detail {
	color: #242526;
	text-shadow: none;
	font-size:13px;
}

/*.clearfix .input {
	float: none;
}
*/
.clientarea .box4 .top img {
    float: right;
    margin: 5px 15px 5px 0;
}
.clientarea .box4 .top {
	height: 40px;
}
.clientarea .box4 .top h3 {
    font-size: 17px;
    font-weight: normal;
    line-height: 45px;
    text-shadow: none !important;
}
.clientarea .box4 p {
    padding: 5px 15px 10px;
}

.logincontainer p a {
	color: #0069D6;
}


#subaccountfields.well fieldset .clearfix label {
	color: #fff;	
	text-shadow: 0 1px 1px rgba(0,0,0, 0.4);
}

#pwstrengthbox {
	color: #fff;
	font-weight: normal;
	text-shadow: 0 1px 3px rgba(0,0,0, 0.4);
	line-height: 28px;
	padding: 0 20px;
	width:170px;
	margin:0 auto;
	text-align:center;
}
#subaccountfields.well fieldset .clearfix #pwstrengthbox {
	background: none!important;
}
#pwstrengthbox.weak.moderate.strong { 
	color: #ffffff;

}
#pwstrengthbox.moderate.strong { 
	color: #fac219;
}
#pwstrengthbox.strong { 
	color: #70cc14;
}

.onecol .clearfix label {
	min-width: 220px;
}



.tabs {
	padding: 4px 4px 0 4px;
	border-bottom: 1px solid #242526;
	
	-webkit-border-radius: 4px 4px 0 0;
	-moz-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
}
.tabs a {
	color: #fff;
	text-shadow: 0 1px 1px rgba(0,0,0, 0.4);
	
	-webkit-transition: all 0.2s ease-in-out 0s;
	-moz-transition: all 0.2s ease-in-out 0s;
	-ms-transition: all 0.2s ease-in-out 0s;
	-o-transition: all 0.2s ease-in-out 0s;
	transition: all 0.2s ease-in-out 0s;
}

#categories .box4 .top {
	height: 50px!important;
	padding: 5px 0;
	min-width: auto;
}

.well p, .well, .well label {
	color: #fff;
	text-shadow: 0 1px 1px rgba(0,0,0, 0.4);
}

.tlds .col4 label {
	text-align: right;
	margin: 0 0 5px 10px;
	padding: 0;
}

.row .internalpadding {
	color: #242526;
	text-shadow: none;
}
	

#header.subpage.ssl {
	height: 280px;
}
#header.subpage.ssl .center_bg {
	height: 280px;
}
#header.subpage.ssl #model_box {
	width: 275px;
	height: 282px;
	background: url(../images/header/models/ssl.png) no-repeat center -40px;
	position: absolute;
	left: -35px;
	top: 18px;
	z-index: 1;		
}
.ssl .model {
    background: url(../images/header/models/ssl.png) no-repeat scroll -104px 5px transparent;
    height: 48px;
    left: 0;
    width: 130px;
}
.sslico {
	float: right;
	height: 92px;
	margin: 0 0 0 20px;
	width: 92px;
	background: url(../images/ssl_ico.png) no-repeat 0 0;
}

#testimonials .top h1{
	font-size: 29px;
	font-weight: 400;
	color: #fff;
}
/*===============================================================*/
/*					                     	MY Custom styles			                                                */
/*===============================================================*/
.control-group{
	margin: 0px 0px 7px 0px;
}