@charset "utf-8";
/* CSS Document */
body{
	margin:0;
}
#wrapper{
	width: 1000px;
	margin:auto;
	padding-top:30px;
}
.hostalite-sprite{
	background:url(../../images/hostalite-sprite.png) no-repeat; display:block;
}
.hostalite-sprite:hover, .hostalite-sprite.selected{
	opacity:.7;
	-webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
	
	behavior: url(ie-css3.htc);
}
.grey{color:#666 !important;}
.left{float:left;}.right{float:right;}
a{text-decoration:none;cursor:pointer;}
a:link, a:visited{color:#036; font-weight:bold;}
a:hover{color:#039;}
.topLink{font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#fff !important; padding:20px 3px;}
.topLink:hover{color:#999 !important;}
#container{
	background:url(../../images/mainBg.gif) repeat-y center;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	margin-top: -8px;
	padding-top: 20px;
	font-family:Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-size:12px;
	color:#FFF;
	
	behavior: url(ie-css3.htc);
}
.portfolioBox{
	background:#000;
	padding:10px 0px;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	
	behavior: url(ie-css3.htc);
}
.orderTable, orderStep{
	background:#fff;
	color:#333;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	
	behavior: url(ie-css3.htc);
}
.topBarTail{
	background:url(../../images/top_bar_tail.gif) repeat-x top;
	height:90px;
}
.topBanner{
	background:url(../../images/logo.jpg) no-repeat top;
	width:336px;
	cursor:pointer;
}
.topBarLeft{
	background:url(../../images/top_bar_left.gif) no-repeat top left;
	width:14px;
}
td{
	vertical-align:top;
}
.newBulletStyle{list-style:url(../../images/checkbox.gif);}
.newBulletStyle li{margin-top:5px; padding:0px;}
img{display:inline; border:none;}
.clearBoth{clear:both;}
.rightShadow{
	
	border-style:solid;
	border-color:#71b6d7;
	padding:20px;
	padding-right:5px;
	padding-left:15px;
	
	border-radius: 0px 0px 20px 0px;
	-moz-border-radius: 0px 0px 20px 0px;
	-webkit-border-radius: 0px 0px 20px 0px;
	border-width:0px 1px 1px 0px;
	
	box-shadow:3px 3px 5px rgba(6, 6, 6, .1);
	-moz-box-shadow:3px 3px 5px rgba(6, 6, 6, .1);
	-webkit-box-shadow:3px 3px 5px rgba(6, 6, 6, .1);
	
	behavior: url(ie-css3.htc);
}
.leftShadow{
	
	border-style:solid;
	border-color:#71b6d7;
	padding:0px 0px 10px 15px;
	
	border-radius: 0px 0px 0px 20px;
	-moz-border-radius: 0px 0px 0px 20px;
	-webkit-border-radius: 0px 0px 0px 20px;
	border-width:0px 0px 1px 1px;
	
	box-shadow:-3px 3px 5px rgba(6, 6, 6, .1);
	-moz-box-shadow:-3px 3px 5px rgba(6, 6, 6, .1);
	-webkit-box-shadow:-3px 3px 5px rgba(6, 6, 6, .1);
	
	behavior: url(ie-css3.htc);
}
.bigTxtWhite, .bigTxtWhite sub, a.bigTxtWhite{
	color:#fff;
	font-size:26px;
	font-weight:bolder;
	line-height:20px;
	font-family:Verdana, Geneva, sans-serif;
	letter-spacing:-2px;
	text-transform:uppercase;
	font-weight:900;}
.grey_txt {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	font-size:12px;
	font-weight:normal;
	line-height: 14px;
}
.fixSize{font-size:20px;}
.smallTxtYellow, a.smallTxtYellow{
	color:#fff500;
	font-size:12px;
	font-weight:bolder;
	font-family:Verdana, Geneva, sans-serif;
	text-shadow:#fff500 1px 0px 1px;
}
.video{height:auto;}
.testimonial{margin-top:0px;}
.testimonial img{width:80px; border:2px solid #CCC;}
.testimonial span{font-size:14px; font-weight:bold;}
.testimonial a{color:#FF0; font-style:italic;}
.testimonial p{font-size:11px; text-align:justify;}
.testimonial em{color:#FF0; font-size:11px;}
.blueStrip{
	background:url(../../images/blueBg.png);
	padding:10px 30px;
}
.blueStrip a{color:#fff;}
.blueStrip a:hover{color:#CCC;}
.blueStripShadow{
	box-shadow:3px 3px 5px rgba(6, 6, 6, .5);
	-moz-box-shadow:3px 3px 5px rgba(6, 6, 6, .5);
	-webkit-box-shadow:3px 3px 5px rgba(6, 6, 6, .5);
	
	behavior: url(ie-css3.htc);
}
.links{text-align:center;}
.links a{
	color:black;
	font-weight:bold;
	font-size:12px;
	text-decoration:none;
}
.server_bg{background:url(../../images/server_bg.png) no-repeat right bottom; text-align:justify;
	height:350px;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	margin-bottom:10px;
	
	behavior: url(ie-css3.htc);
}
.footer{
	background:url(../../images/footerBg.gif) bottom repeat-x;
	height:89px;
	border-radius: 0px 0px 8px 8px;
	-moz-border-radius: 0px 0px 8px 8px;
	-webkit-border-radius: 0px 0px 8px 8px;
	margin-bottom:10px;
	padding:3px 20px;
	
	color:white;
	
	behavior: url(ie-css3.htc);
}
.footerHr{
	height:2px;
	background:#fff;
}
.warn{padding:6px 50px; margin:10px 20px; border:solid 1px #D8070D; border-left:solid 15px #D8070D; background:#FFF9F9; color:#D8070D;}
.info{padding:6px 50px; margin:10px 20px; border:solid 1px #0155A9; border-left:solid 15px #0155A9; background:#FDFEFF; color:#0155A9;}
.hr{
	height:2px;
	background:#afccee;
	margin:10px 0px;
	
	box-shadow:1px 3px 5px rgba(6, 6, 6, .15);
	-moz-box-shadow:1px 3px 5px rgba(6, 6, 6, .15);
	-webkit-box-shadow:1px 3px 5px rgba(6, 6, 6, .15);
	
	behavior: url(ie-css3.htc);
}
.social{height:3px; background:#40b2d9;}
.freeTemplate{
	background:url(../../images/hostalite%20free%20template.png) no-repeat top -5px;
}
.webHostingServer{
	background:url(../../images/hostalite%20server.png) no-repeat 0px 110px;
}
.tab_5_mdl td{border-bottom:thin dotted	#CCC;}

/*=== sprite control ===
**
*
*
*/
.more{
	float:right;
	width:75px;
	height:26px;
	margin-right:50px;
	margin-top:-15px;
	background-position:0px 0px;
}
.liveChat{
	width:120px;
	height:45px;
	background-position:-1px -28px;
}
.fb{
	background-position:0px -79px;
	width:32px;
	height:30px;
}
.twitter{
	background-position:-31px -79px;
	width:38px;
	height:30px;
}
.linkedIn{
	background-position:-69px -79px;
	width:33px;
	height:30px;
}
.view_folio{
	background-position:-340px -55px;
	width:148px;
	height:30px;
	margin-left: -4px;
}
.get_quote{
	background-position:-126px -57px;
	width:91px;
	height:65px;
	cursor:pointer;
}
.tick{
	background-position:-308px -57px;
	width:26px;
	height:24px;
}
.cancel{
	background-position:-308px -83px;
	width:22px;
	height:22px;
}
.button_go{
	background-position:-350px -24px;
	width:54px;
	height:26px;
	cursor:pointer;
	border:none;
}
.whiteBullet{
	background-position:-227px -68px;
	width:16px;
	height:16px;
	margin-right:10px;
}
.whiteBullet:hover{background-position:-227px -89px;}
.clientLogin{
	background-position:-130px -27px;
	width:108px;
	height:30px;
}
.resellers{
	background-position:-242px -27px;
	width:108px;
	height:28px;
}
.home{
	background-position:-263px -65px;
	width:43px;
	height:37px;
	margin-top: -10px;
	margin-right: 10px;
}
.email{
	background-position:-78px -1px;
	width:108px;
	height:23px;
}
.ecommerce{
	background-position:-186px -1px;
	width:108px;
	height:23px;
}
.marketing{
	background-position:-294px -1px;
	width:108px;
	height:23px;
}
.contact{
	background-position:-402px -1px;
	width:108px;
	height:23px;
}
.spacer{display:block; width:3px; height:1px;}
/*== end sprite control ===*/


/*******************8 Round Table *****************************/
/* margin-top:-100px;*/
   .roundabout-holder { padding: 0; height: 650px;}
   .roundabout-moveable-item {
	  height:300px; 
      width: 150px; 
      cursor: pointer;
   }
   .roundabout-moveable-item .desc {visibility:hidden;}
   .roundabout-moveable-item .images img{width:100%; border:medium solid #000;}
   .roundabout-in-focus { cursor: auto;}
   .roundabout-in-focus .images img{width:100%; border:none;}
   .roundabout-in-focus .images{opacity:2; width:200%; margin-top:-70px; margin-left: -70px; border:medium solid #fff;}
   .roundabout-in-focus .images:hover{
	   
	   position:relative;
	   z-index:10000;
	   margin-top: -250px;
	   margin-left: -210px;
	   width: 580px;
	
	/*-webkit-transform: scale(2);
    -moz-transform: scale(2);
    -o-transform: scale(2);*/
	
	/*filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand',
        M11=2, M12=0,
        M21=0, M22=2);*/
	/*filter:progid:DXImageTransform.Microsoft.scale(scale=2);*/
	 /*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(scale=2, sizingMethod='scale');*/
	 
	 /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#777777', endColorstr='#323232'); 
    background: -webkit-gradient(linear, left top, left bottom, from(#777), to(#323232)); 
    background: -moz-linear-gradient(top,  #777,  #323232);*/
	   
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	
	behavior: url(ie-css3.htc);
	}
   .roundabout-in-focus .desc {
	   visibility:visible;
	   padding:5px;
	   font-size:12px; 
	   width: 600px;
	   height: 150px; 
	   left:-225px;
	   top:220px; 
	   position:absolute; 
	   background:#FFF; 
	   color:#333;
	   text-align:justify;
	   
	   border:medium solid #fff;
	   border-radius: 5px;
	   -moz-border-radius: 5px;
	   -webkit-border-radius: 5px;
	   
	   behavior: url(ie-css3.htc);
	}
   #next, #previous {top:100px; position:absolute; z-index:10px;height:150px; width:79px; right: 5px; cursor: pointer;}
   #next {
    right: 5px;
    background: transparent url(../js/next.png) no-repeat 0 0;
	opacity:.7;}
	
	#next:hover, #previous:hover{
		opacity:2;
		-moz-transition:all 0.2s ease-out;
		-o-transition: all 0.2s ease-out;
		-webkit-transition: all 0.2s ease-out;
		
		behavior: url(ie-css3.htc);
	}
   #previous {
    left: 5px;
    background: transparent url(../js/prev.png) no-repeat 0 0;
	opacity:.7;
	   }
   
   .slideBox {position:relative;overflow:hidden;margin-top:0px; margin-left:-150px; margin-right:-150px;}
   .slideInnerArea {width:890px; padding-left:10px; padding-right:10px; overflow:hidden; margin:auto; !important}
   
   .buynow {padding:3px; background:#06F; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border:thin solid #039; font-size:12px; color:#fff; cursor:pointer;}
   /*.desc{font-size:12px;}*/
   
   .label{font-family:'Pristina', 'Segoe Print'; font-size:50px; color:#fff;}


/*************************end of round table**********************/

