body{
     padding:0px; margin:0px; background-color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-weight:normal;
	 }

	 
*{
  padding:0px; margin:0px; 
  }
  
 
ul,ol{
	padding:0px; margin:0px;
}	
a{
	text-decoration:none;
}

p{
font-size:13px; font-weight:normal; padding:0px; margin:0px;
 }

h1,h2,h3{
 font-family:Arial, Helvetica, sans-serif; padding:0px; margin:0px; font-size:33px; font-weight:normal;
 }
.input-field{font-family:Verdana, Arial, Helvetica, sans-serif; color:#000000; font-size:12px;
			border:1px solid #E3E9EF; padding:4px; background-color:#FFFFFF;}
.input-field2{font-family:Verdana, Arial, Helvetica, sans-serif; color:#000000; font-size:12px; width:313px; padding:0px 10px 0px 10px;
			border:0px; background:url(images/webdesign-request-input-box.gif) no-repeat; height:19px;}		
.input-field3{
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	color:#000000; 
	font-size:12px; 
	width:313px; 
	padding:5px 10px 5px 10px;
	border-top:1px solid #abadb3;
	border-left:1px solid #abadb3;
	border-right:1px solid #abadb3;
	border-bottom:1px solid #abadb3;
	background-color:#FFF; 
	height:57px;
	 }			
.color{ color:#580076; }				
a.menuemail {color:white; border:0;}
a.menuemail:hover {border-bottom:1px dashed #ffffff}
 .margin{ margin-top:-30px; }
 
.prepand1{margin-top:5px;}
.prepand2{margin-top:10px;}
.prepand3{margin-top:15px;}
.prepand4{margin-top:20px;}
.prepand5{margin-top:25px;}
.prepand6{margin-top:30px;}

.padding{ padding-top:8px; }
.padding2{ padding-top:20px; }
.padding3{padding-bottom:35px; }
.padding4{padding-bottom:14px; }
.padding5{ padding-top:2px; }
.padding6{ padding-top:35px; }
.padding7{ padding:30px 0px 0px 35px; }
.padding8{ padding:0px 25px 112px 0px; }
.padding9{ padding-top:80px; }
.padding10{ padding-top:30px; }
.padding11{ padding: 0px 25px 40px 0px; }


.border{ border-bottom:1px solid #eeeeee; }

.line-hight{ line-height:18px; }

.color{ color:#333333; }


.text{font-size:12px; color:#666666;}
.text2{font-size:10px; font-style:italic; color:#003366; padding-top:5px;}
.text3{font-size:16px; color:#003366;}
.text4{font-size:12px; color:#0a2664; font-style:italic; background:url(images/webdesign-portfolio-bullet.gif) left no-repeat; padding-left:20px; }
.text5{font-size:60px; color:#000; font-weight:bold;}
.text6{font-size:18px; color:#333333; font-weight:bold;}
.text7{font-size:16px; color:#333333;}
.text8{font-size:12px; color:#333333;}
.text9{font-size:12px; color:#1273d8; padding-left:88px;}
.text10{font-size:12px; color:#1dc7cf;}
.text11{font-size:26px; color:#000;}
/*================================================ home ================================================*/

#wrap-block{
		width:100%;
		float:left;
		position:relative;
		}
		
#header-wrap{
		width:100%;		
		float:left;
		position:relative;		
		z-index:100;
		}
		
/*=========================== header =================================*/
		
#header-block{
		width:100%;
		height:53px;
		float:left;
		position:relative;
		background:url(images/xantec-top-menu-slice.gif) repeat-x;
		}
		
.header{
		width:980px;
		margin:auto;
		position:relative;
		}
		
		
/*=========================== header menu =================================*/
		
.top-menu-block{
				width:744px;
				height:41px;
				float:left;
				position:relative;
				background:url(images/xantec-top-menu-bg.gif) no-repeat;
				padding:3px;
				margin-top:2px;
				}
				
.home-icon{
			width:43px;
			float:left;
			position:relative;
			border-right:1px solid #D1D1D1;
			height:41px; 
			}

.home-icon li{
display:inline; list-style:none;width:43px; height:41px; 
}
.home-icon li a{
width:43px; float:left; padding-top:14px;height:27px;
}
.home-icon li a:hover{
width:43px; padding-top:14px;height:27px; background:url(images/xantec-top-menu-hov.gif) repeat-x;
}

.home-icon li a.current{
width:43px; padding-top:14px;height:27px;  background:url(images/xantec-top-menu-hov.gif) repeat-x;
}

.top-menu{
		float:left;
		position:relative;
		}
		
.top-menu li.last{border:none;}
		
.top-menu li{display:inline; list-style:none; font-size:12px; color:#494949; float:left;border-right:1px solid #D1D1D1;  height:41px;}
			

.top-menu li a.hover{color:#494949; float:left; padding-right:16px; padding-left:16px; height:27px; padding-top:14px;}
.top-menu li a.hover:hover{color:#494949; float:left;  height:27px; padding-top:14px; 
					background:url(images/xantec-top-menu-hov.gif) repeat-x;}
		
.top-menu li a.hover.current{color:#494949; float:left; padding-right:16px; padding-left:16px; height:27px; padding-top:14px; background:url(images/xantec-top-menu-hov.gif) repeat-x;}

.top-menu li.last a.hover{color:#494949; float:left; padding-right:16px; padding-left:16px; height:27px; padding-top:14px;}
.top-menu li.last a.hover:hover{color:#494949; float:left;  height:27px; padding-top:14px; 
					background:url(images/xantec-top-menu-hov.gif) repeat-x;}
		
.top-menu li.last a.hover.current{color:#494949; float:left; padding-right:16px; padding-left:16px; height:27px; padding-top:14px; background:url(images/xantec-top-menu-hov.gif) repeat-x;}

.top-menu ul{ z-index:5000;}
.top-menu ul li{position:relative; z-index:5000;}
.top-menu ul li div.popup{
display:none; background: url(images/menu_bg.png) repeat top center;position:absolute;padding: 0 9px 3px 9px; left:0px; top:41px;z-index:10000;
}

.down-icon{position:absolute; top:0px; left:10px; z-index:10000;}

.top-menu  .drop-down-wrapper {
    background: url(images/menu_bg.png) repeat top center;
    left: -9999px;
    padding: 0 9px 3px 9px;
    position: absolute;
    top: 41px;
}

.top-menu  li:hover .drop-down-wrapper {
    left: 0;
}

.top-menu  .drop-down {
    border: 0px;
    height: 1%;
    position: relative;
    overflow: hidden;
    width: auto;
}

.top-menu  .drop-down .col {
    float: left;
    /*background: url(images/grey_bg.png) repeat top center;*/
	background-color:#7b7b7b;
}

.top-menu  .drop-down .col li {
	color:white;
	font-family:arial;
}

.top-menu  .drop-down .col-1 {
	height:100%;
	margin:0px;
}

.top-menu  .drop-down .col-1 li{
	border-left:1px solid #848484; 
	border-right:0px solid #848484; 
    border-bottom: 1px solid #848484;
	height:100%;
}

.top-menu  .drop-down .col-1 li a.menu_hover {
	float:left; 
	color:white;
	margin:0px;
	height:100%;
	padding:0px;
}

.top-menu  .drop-down .col-1 li a.menu_hover:hover {
	float:left; 
	background: url(images/xantec-middle-menu-hov.gif);
}


.top-menu  .drop-down .col-2 {
	height:100%;
	border-right:1px solid #848484; 
}

.top-menu  .drop-down .col-2 li{
	border-left:1px solid #848484; 
    border-bottom: 1px solid #848484;
	border-right:1px solid #848484; 
	height:100%;
	margin:0px;
}

.top-menu  .drop-down .col-2 li a.menu_hover {
	float:left; 
	color:white;
	margin:0px;
	height:100%;
	padding:0px;
}

.top-menu  .drop-down .col-2 li a.menu_hover:hover {
	float:left; 
	background: url(images/xantec-middle-menu-hov.gif);
}

.top-menu  .drop-down .col-3 {
	height:100%;
	border-left:1px solid #848484;
	border-right:1px solid #848484;
}

.top-menu  .drop-down .col-3 li{
	border-left:1px solid #848484; 
    border-bottom: 1px solid #848484;
	border-right:1px solid #848484; 
	height:100%;
	margin:0px;
}

.top-menu  .drop-down .col-3 li a.menu_hover {
	float:left; 
	color:white;
	margin:0px;
	height:100%;
	padding:0px;
}

.top-menu  .drop-down .col-3 li a.menu_hover:hover {
	float:left; 
	background: url(images/xantec-middle-menu-hov.gif);
}

.search_input{
float: left;
margin-right:3px;
}

.top-menu-right{
		width:230px;
		float:left;
		position:relative;
		*z-index:-1;
		}	
		
.top-menu-right li{display:inline; list-style:none; font-size:12px; color:#339999; float:left;border-right:1px solid #D1D1D1; 
			 height:53px;}
			

.top-menu-right li a{color:#339999; float:left; padding-right:18px; padding-left:18px; height:33px; padding-top:20px;}
.top-menu-right li a:hover{color:#999999; float:left;  height:35px; padding-top:20px; 
					background:#FFFFFF;}
					
.top-menu-right li a.fixed{color:#999999; float:left;  height:35px; padding-top:20px; 
					background:#FFFFFF;}		
		
		
		
/*=========================== top =================================*/		
		
#top-wrap{
		width:100%;		
		float:left;
		position:relative;
		}
		
#top-block{
		width:100%;
		height:97px;
		float:left;
		position:relative;
		background:url(images/xantec-top-slice.gif) repeat-x;
		}
		
.top{
		width:980px;
		margin:auto;
		position:relative;
		}
		
.logo{float:left;position:relative; padding-top:24px;}	
		
.top-right{
		float:right;
		position:relative;
		padding-top:62px;
		}
		
.icon{
		float:left;
		position:relative;
		padding-right:10px;
		}
		
.client-login-block{
		height:26px;
		float:left;
		position:relative;
		border:1px solid #E2E2E2;
		padding-left:10px;
		padding-right:10px;
		margin-right:10px;
		}
.client-text{font-size:11px; color:#373737; background:url(images/xantec-client-icon.gif) right no-repeat; padding-right:18px; margin-top:5px;}
.client-text a{ color:#373737; }

.online-text{font-size:11px; color:#373737; background:url(images/xantec-online-order.gif) right no-repeat; padding-right:18px; margin-top:5px;}

.online-text a{ color:#373737; }

/*=========================== content =================================*/		

#content-wrap{
		width:100%;		
		float:left;
		position:relative;
		}
		
#content-block{
		width:100%;
		float:left;
		position:relative;
		background:url(images/xantec-content-slice.gif) #fcfcfc repeat-x;
		padding-bottom:20px;
		}
		

		
.content{
		width:980px;
		margin:auto;
		position:relative;
		}

.content-field{
		width:980px;
		float:left;
		position:relative;
		padding-top:25px;
		}	
		
.content-sub{
		width:982px;
		margin:auto;
		position:relative;
		}	
		
		
/*=========================== about us page =================================*/	

.left-block{
			width:762px;
			float:left;
			position:relative;
			}
			
.company-profile-block{
						width:730px;
						float:left;
						padding:15px;
						border:1px solid #D2D2D2;
						background:#FFFFFF url(images/xantec-company-profile-slice.gif) bottom repeat-x;
						}
						
.company-profile-block h2{font-size:26px; color:#339999; font-weight:normal;}
.company-profile-block ul{ padding-top:15px; }
.company-profile-block li{ font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#666666; list-style:none;
							background:url(images/terms-bullet.gif) left no-repeat; padding-left:12px; background-position:0 .5em;
							}
			
			
.right-block{
			width:218px;
			float:right;
			position:relative;
			}
			
.right-menu-block{
			width:189px;
			float:right;
			position:relative;
			background:url(images/xantec-right-nav-bg.gif) left top no-repeat;
			height:407px;
			}

.right-menu-block li a.fast{padding-top:0px; }		
.right-menu-block li{width:189px; height:29px; float:left; list-style:none; font-size:14px; color:#333333;
			 background:url(images/xantec-right-nav.gif) no-repeat;}
			 
.right-menu-block li a{width:169px; height:29px; float:left; list-style:none; font-size:14px; color:#333333;
			 background:url(images/xantec-right-nav.gif) no-repeat; padding-left:20px; padding-top:7px;}
			 
.right-menu-block li a:hover{color:#FFFFFF;
			 background:url(images/xantec-right-nav-hov.gif) no-repeat;}
			 
.right-menu-block li a.fixed{width:169px; height:29px; float:left; list-style:none; font-size:14px; color:#FFFFFF;
			 background:url(images/xantec-right-nav-hov.gif) no-repeat; padding-left:20px;}
			 
.sub-menu-block{position:absolute; top:130px; left:-27px;}
.sub-menu-block2{
	position:absolute;
	top:200px;
	left:-27px;
}
.sub-menu-block3{
	position:absolute;
	top:160px;
	left:-27px;
}

.man{
	position:absolute;
	top:-351px;
	left:800px;
	z-index:100;
}
.careerman{
	position:absolute;
	top:-202px;
	left:790px;
	z-index:100;
}					
.bizman{
	position:absolute;
	top:-318px;
	left:784px;
	z-index:100;
}		
			
.product-serveice-block{
					width:978px;
					float:left;
					position:relative;
					border:1px solid #D2D2D2;
					padding-bottom:10px;
					background-color:#FFF;
					}
					
.product-serveice-block h2{font-size:16px; color:#333333; border-bottom:1px solid #ECECEC; padding-bottom:5px; padding-left:10px; padding-top:10px;}
		
		
.product-box{
			width:224px;
			float:left;
			position:relative;
			background:url(images/xantec-line.gif) right repeat-y;
			padding-left:10px; 
			padding-right:10px;
			height:210px;
			margin-top:10px;
			}
.product-boxlast{
			width:224px;
			float:left;
			position:relative;
			padding-left:10px; 
			padding-right:10px;
			height:210px;
			margin-top:10px;
			}			
.product-box h3{color:#333333; font-size:12px;}
.product-boxlast h3{color:#333333; font-size:12px;}		
.product-text{color:#666666; font-size:12px;}


/*================================================ domain name registration ================================================*/

#domain-wrap{
		width:100%;		
		float:left;
		position:relative;
		}
		
#domain-block{
		width:100%;
		float:left;
		position:relative;
		background:url(images/xantec-domain-slice.gif) repeat-x;
		height:62px;
		margin-top:-1px;
		}
		
.domain{
		width:980px;
		margin:auto;
		position:relative;
		}

		
#content-block-domain{
		width:100%;
		float:left;
		position:relative;
		padding-bottom:20px;
		background-color:#fcfcfc;
		}
		
		
.domain-tab-block{
		width:697px;
		float:left;
		height:62px;
		background:url(images/xantec-domain-tab-slice.gif) repeat-x;
		position:relative;
		border-right:1px dotted #D2D2D2;
		}
		
.domain-reg{
			width:212px;
			float:left;
			position:relative;
			height:62px;
			border-left:1px dotted #D2D2D2;
			}
			
.domain-reg a{
			width:182px;
			float:left;
			position:relative;
			height:52px;
			display:block;
			padding:10px 15px 0px 15px;
			}
			
.domain-reg a:hover{
			background:url(images/xantec-domain-tab-hov.gif) repeat-x; color:#339999;
			}
			
.domain-reg a:hover span{width:182px;float:left;background:url(images/xantec-down-arrow.gif) right no-repeat;}
.domain-text{ font-size:14px; color:#000000; }
.domain-text a{ color:#000000; background:url(images/xantec-down-arrow-black.gif) 185px 15px no-repeat;}
.domain-text a.text{ color:#000000; font-size:12px; color:#999999; background:none; font-weight:normal;}

.domain-reg-current{
			width:182px;
			float:left;
			position:relative;
			height:52px;
			display:block;
			padding:10px 15px 0px 15px;
			background:url(images/xantec-domain-tab-hov.gif) repeat-x; color:#339999;
			border-left:1px dotted #D2D2D2;
			}
			
.domain-reg-current span{width:182px;float:left;background:url(images/xantec-down-arrow.gif) right no-repeat; color:#339999;}

.domain-transfer{
			width:230px;
			float:left;
			position:relative;
			height:62px;
			border-left:1px dotted #D2D2D2;
			}
.domain-transfer-current{
			width:200px;
			float:left;
			position:relative;
			height:52px;
			display:block;
			padding:10px 15px 0px 15px;
			background:url(images/xantec-domain-tab-hov.gif) repeat-x; color:#339999;
			border-left:1px dotted #D2D2D2;
			}			
.domain-transfer-current span{width:200px;float:left;background:url(images/xantec-down-arrow.gif) right no-repeat; color:#339999;}
				
.domain-transfer a{
			width:200px;
			float:left;
			position:relative;
			height:52px;
			display:block;
			padding:10px 15px 0px 15px;
			}
			
.domain-transfer a:hover{
			background:url(images/xantec-domain-tab-hov.gif) repeat-x;
			}
			
.domain-transfer a:hover span{width:200px;float:left;background:url(images/xantec-down-arrow.gif) right no-repeat;color:#339999}




.domain-text2{ font-size:14px; color:#000000; }
.domain-text2 a{ color:#000000; background:url(images/xantec-down-arrow-black.gif) 203px 15px no-repeat;}
.domain-text2 a.text{ color:#000000; font-size:12px; color:#999999; background:none; font-weight:normal;}


.domain-reseller{
			width:250px;
			float:left;
			position:relative;
			height:62px;
			border-left:1px dotted #D2D2D2;
			}
			
.domain-reseller a{
			width:220px;
			float:left;
			position:relative;
			height:52px;
			display:block;
			padding:10px 15px 0px 15px;
			}
			
.domain-reseller a:hover{
			background:url(images/xantec-domain-tab-hov.gif) repeat-x;
			}
			
.domain-reseller a:hover span{width:220px;float:left;background:url(images/xantec-down-arrow.gif) right no-repeat;color:#339999}

.domain-reseller-current{
			width:220px;
			float:left;
			position:relative;
			height:52px;
			display:block;
			padding:10px 15px 0px 15px;
			background:url(images/xantec-domain-tab-hov.gif) repeat-x; color:#339999;
			border-left:1px dotted #D2D2D2;
			}			
.domain-reseller-current span{width:220px;float:left;background:url(images/xantec-down-arrow.gif) right no-repeat; color:#339999;}



.domain-text3{ font-size:14px; color:#000000; }
.domain-text3 a{ color:#000000; background:url(images/xantec-down-arrow-black.gif) 223px 15px no-repeat;}
.domain-text3 a.text{ color:#000000; font-size:12px; color:#999999; background:none; font-weight:normal;}

.domain-name-block{
		width:261px;
		float:right;
		height:62px;
		background:url(images/xantec-domain-name-slice.gif) repeat-x;
		position:relative;
		border-right:1px dotted #D2D2D2;
		padding-left:10px;
		padding-right:10px;
		}
		
.content-domain{
		width:978px;
		float:left;
		position:relative;
		margin-top:15px;
		border:1px solid #D2D2D2;
		padding:15px 0px;
		background:#FFFFFF url(images/xantec-company-profile-slice.gif) bottom repeat-x;
		}		
		
.content-domain-field{
		width:978px;
		float:left;
		position:relative;
		padding:0px 0px;
		background:url(images/xantec-domain-content-slice.gif) repeat-y;
		}
		
		
.domain-name-reg-block{
						width:665px;
						float:left;
						padding-left:15px;
						position:relative;
						}
						
.domain-name-reg-block h2{font-size:26px; color:#339999;}


.live-chat-block{
				width:252px;
				float:right;
				position:relative;
				padding-right:15px;
				padding-top:5px;
				}
				
.live-chat{
			width:252px;
			float:left;
			position:relative;
			}
			
.tips-block{
			width:252px;
			float:left;
			position:relative;
			background:url(images/xantec-hand.gif) right bottom no-repeat;
			border-bottom:1px solid #D2D2D2;
			padding-bottom:10px;
			padding-top:15px;
			}
			

.tips-block li{font-size:12px; color:#339999; list-style:none; background:url(images/xantec-tips-arrow.gif) left no-repeat;
				line-height:18px; padding-left:20px; position:relative;}
			
.tips-img{position:relative; margin-left:-8px;}
			
.client-comment-block{
			width:252px;
			float:left;
			position:relative;
			padding-top:15px;
			}	
			
.client-comment-block h2{font-size:16px; color:#339999; font-weight:normal;}
.client-comment-block h3{font-size:12px; color:#333333; font-weight:normal; background:url(images/xantec-icon.gif) left no-repeat;
				padding-left:20px; font-style:italic;}
				
				
.box-block{
			width:318px;
			height:398px;
			float:left;
			position:relative;
			border:1px solid #DEDEDE;
			margin-right:10px;
			padding-bottom:5px;
			}
			
.box-block h2{font-size:14px; font-weight:bold; color:#339999; padding-left:25px; margin-top:7px; 
				background:url(images/xantec-right-arrow-blue.gif) 15px no-repeat;}
				
.box-bar{
		width:303px;
		height:22px;
		float:left;
		position:relative;
		background-color:#EFEFEF;
		border-top:1px solid #DEDEDE;
		margin-top:7px;
		padding-right:15px;
		}
		
.restrictions{
			width:94px;
			float:right;
			position:relative;
			color:#666666;
			font-size:12px;	
			border-left:1px solid #FFFFFF;
			height:22px;
			padding-top:3px;
			}
			
.year{
			width:94px;
			float:right;
			position:relative;
			color:#666666;
			font-size:12px;	
			border-left:1px solid #FFFFFF;
			height:22px;
			padding-top:3px;
			}
		
		
.box-field{
		width:291px;
		float:left;
		position:relative;
		padding-left:15px;
		padding-right:12px;
		}
		
.box-item{
		width:291px;
		float:left;
		position:relative;
		padding-top:4px;
		background:url(images/xantec-dot.gif) bottom repeat-x;
		padding-bottom:4px;
		}
			
.box-item-left{
			width:88px;
			float:left;
			position:relative;	
			padding-left:10px;
			padding-top:3px;
			padding-bottom:3px;			
			}
			
.box-item-text1{font-size:12px; color:#666666;}
.box-item-text2, .box-item-text2 a {font-size:12px; color:#FFFFFF;}
			
.rss-field-malay{
			width:95px;
			float:left;
			position:relative;	
			background-color:#339999;	
			margin-right:1px;
			padding-top:2px;
			padding-bottom:2px;		
			}
			
.restrictions-field-malay{
			width:95px;
			float:right;
			position:relative;	
			background-color:#5AD5D5;	
			padding-top:2px;
			padding-bottom:2px;		
			}
			
			
.rss-field-common{
			width:95px;
			float:left;
			position:relative;	
			background-color:#8A8A8A;	
			margin-right:1px;
			padding-top:2px;
			padding-bottom:2px;		
			}
			
.restrictions-field-common{
			width:95px;
			float:right;
			position:relative;	
			background-color:#A6A6A6;	
			padding-top:2px;
			padding-bottom:2px;		
			}
			
			
.my-field{
		width:291px;
		float:left;
		position:relative;
		padding-top:15px;
		}
		
.terms-condition-field{
						width:980px;
						float:left;
						position:relative;
						padding-top:40px;
						}
						
.terms-text{font-size:12px; color:#333333; font-weight:bold; background:url(images/xantec-terms-bullet.gif) left no-repeat;
			padding-left:10px;}
			
.terms-condition-field ul{margin-left:25px; margin-top:10px; width:560px;}
			
.terms-condition-field li{font-size:12px; color:#666666; list-style:none; line-height:18px; position:relative;
						background:url(images/xantec-bullet.gif) left no-repeat; padding-left:10px;
						background-position:0 .6em;}

/*================================================ website business ================================================*/
.hosting-plan-block{
			width:252px;
			float:left;
			position:relative;
			border-bottom:1px solid #D2D2D2;
			padding-bottom:10px;
			padding-top:15px;
			height:85px;
			}
.verisign-block{
			width:252px;
			float:left;
			position:relative;
			border-bottom:1px solid #D2D2D2;
			padding-bottom:10px;
			padding-top:5px;
			height:238px;
			}			
.hosting-plan-block h2{font-size:16px; color:#339999;}
.hosting-plan-block h2 span{color:#333333;}

.business-box-block{
			width:693px;
			float:left;
			position:relative;
			border:1px solid #DEDEDE;
			padding-bottom:5px;
			}
			
.business-box-block h2{font-size:14px; font-weight:bold; color:#339999; padding-left:10px;  padding-top:4px; padding-bottom:4px;
				background:url(images/xantec-right-arrow-blue.gif) left no-repeat; float:left; margin-top:5px;}
				
				
.linux{
		width:95px;
		float:right;
		position:relative;
		border-left:1px solid #FFFFFF;
		padding:4px 0px;
		}
				
.business-box-bar{
		width:663px;
		float:left;
		position:relative;
		background-color:#EFEFEF;
		border-top:1px solid #DEDEDE;
		padding-right:15px;
		padding-left:15px;
		}
		
.business-box-field{
			width:663px;
			float:left;
			position:relative;
			padding-bottom:25px;
			padding-left:15px;
			padding-right:15px;
			}
			
.business-box-item{
		width:663px;
		float:left;
		position:relative;
		padding-top:4px;
		background:url(images/xantec-dot.gif) bottom repeat-x;
		padding-bottom:5px;
		}
			
.business-box-item-left{
			float:left;
			position:relative;	
			padding-left:10px;
			padding-top:2px;
			padding-bottom:0px;			
			}
			
.business-box-item-right{
			float:right;
			position:relative;	
			padding-left:10px;
			padding-top:4px;
			padding-bottom:4px;			
			}
			
.business-box1{
			width:95px;
			float:right;
			position:relative;	
			background-color:#8A8A8A;	
			margin-right:1px;
			padding-top:2px;
			padding-bottom:2px;		
			}
			
.business-box2{
			width:95px;
			float:right;
			position:relative;	
			background-color:#A6A6A6;	
			padding-top:2px;
			padding-bottom:2px;		
			}
			
.business-box3{
			width:95px;
			float:right;
			position:relative;	
			background-color:#339999;	
			margin-right:1px;
			padding-top:2px;
			padding-bottom:2px;		
			}
			
.business-box4{
			width:95px;
			float:right;
			position:relative;	
			background-color:#5AD5D5;	
			margin-right:1px;
			padding-top:2px;
			padding-bottom:2px;		
			}
			
			
.the-google-power-block{
						width:252px;
						float:right;
						position:relative;
						padding-top:20px;
						}
						
.the-google-power{
					width:252px;
					float:left;
					position:relative;
					}
					
.the-google-text-block{
					width:252px;
					float:left;
					position:relative;
					padding-top:15px;
					}
					
.the-google-text{font-size:16px; color:#000000;}

.google-item-block{
					width:252px;
					float:left;
					position:relative;
					background:url(images/xantec-underline-bg.gif) center bottom no-repeat;
					padding-bottom:8px;
					padding-top:12px;
					}
					
.google-item-img{float:left; width:55px; padding-right:10px;}
.google-item-details{float:left;  width:187px;}


/*=========================== contact page =================================*/	

.contact-left-block{
			width:413px;
			float:left;
			position:relative;
			z-index:50;
			}	
.contact-block{
						width:413px;
						float:left;
						padding:15px;
						border:1px solid #D2D2D2;
						background:#FFFFFF url(images/xentec-company-profile-slice.gif) bottom repeat-x;
						
						}
.address{
	position:absolute;
	top:-511px;
	left:470px;
	z-index:10;
	font-size:12px;
	float:left;
	width:250px;
	color:#666666;
}
.emailcontact{
	position:absolute;
	top:-511px;
	left:771px;
	z-index:10;
	font-size:12px;
	float:right;
	width:218px;
	color:#666666;
}
.emailcontact a { color:#339999;}
.emailcontact a:hover { text-decoration:underline;}
address { font-style:normal; }
.johormap{position:absolute; top:-294px; right:0; z-index:10;}
#enquiryform { COLOR: #666666; FONT-SIZE: 12px; }
#enquiryform label{ float: left; width: 80px; color:#666666; }
#enquiryform input { margin-bottom: 5px; border:1px solid #e2e3ea; WIDTH: 325px; MARGIN-BOTTOM: 10px; HEIGHT: 16px; COLOR: #666666; FONT-SIZE: 12px; padding:2px;}
#enquiryform TEXTAREA { OUTLINE-STYLE: none;border:1px solid #e2e3ea; PADDING: 2px; OUTLINE-WIDTH: 0pt; MARGIN-BOTTOM: 10px; WIDTH: 325px; FLOAT: left; HEIGHT: 102px; resize: none; COLOR: #666666; FONT-SIZE: 12px; }
#enquiryform #submitbutton { margin-left: 80px; margin-top:10px; BACKGROUND-IMAGE: url(image/form_btn.gif); BACKGROUND-REPEAT: no-repeat; WIDTH: 104px; HEIGHT: 27px; padding-bottom:3px; cursor: pointer; }
#enquiryform #clearbutton { margin-left: 10px; margin-top:10px; BACKGROUND-IMAGE: url(image/form_btn.gif); BACKGROUND-REPEAT: no-repeat; WIDTH: 104px; HEIGHT: 27px; padding-bottom:3px; cursor: pointer; }
#enquiryform img { margin-left: 80px; }
.space {color:#999999; font-style:italic; }


/*================================================ webdesign info ================================================*/

#content-wrap-web-info{
		width:100%;		
		float:left;
		position:relative;
		background:url(images/xantec-web-design-info-slic.jpg) repeat-x;
		}
		
#content-wrap-web{
		width:100%;		
		float:left;
		position:relative;
		background:url(images/xantec-web-design-info.jpg) #fcfcfc top center no-repeat;
		padding-top:229px;
		padding-bottom:50px;
		}
		
		
.content-web-left{
				width:490px;
				float:left;
				position:relative;
				}
				
.content-web-left h2{font-size:36px; color:#000000; font-weight:bold;}
.content-web-left h2 span{font-size:60px;}

.woman{float:left; position:relative;}
.woman-block{
	position:absolute;
	top:-118px;
	left:0px;
	z-index:3
}				

.content-web-right{
				width:280px;
				float:right;
				position:relative;
				z-index:1;
				}
				
.content-web-right h2{ background:url(images/xantec-notable-underline.gif) bottom center no-repeat; padding-bottom:15px; padding-top:15px;}


#webdesign-menu-wrap{
		width:100%;		
		float:left;
		position:relative;
		background:url(images/xantec-web-design-sub-slice.gif) repeat-x;
		height:26px;
		margin-top:-1px;
		padding-top:8px;
		padding-bottom:1px;
		}
		
#webdesign-menu{
		width:980px;
		margin:auto;
		position:relative;
		}
		
		
.web-service-menu{
				width:256px;
				float:left;
				height:26px;
				font-size:14px;
				color:#333333;
				position:relative;
				z-index:25;
				}
				
.web-service-menu a{
				width:256px;
				float:left;
				position:relative;
				background:url(images/xantec-web-sub-service.png) left no-repeat;
				height:21px;
				padding-top:5px;
				color:#333333;
				position:relative;
				cursor:pointer;
				}
.web-service-menu a:hover{
				background:url(images/xantec-web-sub-hob.png) no-repeat;
				color:#FFFFFF;
				}
				
.current-survices{
				width:256px;
				float:left;
				position:relative;
				background:url(images/xantec-web-sub-hob.png) left no-repeat;
				height:21px;
				padding-top:5px;
				color:#FFFFFF;
				font-size:14px;
				z-index:25;
				}				
.current{
				width:256px;
				float:left;
				position:relative;
				background:url(images/xantec-web-sub-hob.png) left no-repeat;
				height:21px;
				padding-top:5px;
				color:#FFFFFF;
				font-size:14px;
				z-index:25;
				margin-left:-15px;
				}
				
				
				
.our-portfolio-menu{
				width:256px;
				float:left;
				background:url(images/xantec-web-sub-service.png) no-repeat;
				height:26px;
				margin-left:-15px;
				font-size:14px;
				color:#333333;
				position:relative;
				z-index:24;
				}
				
.our-portfolio-menu a{
				width:256px;
				float:left;
				background:url(images/xantec-web-sub.png) no-repeat;
				height:21px;
				padding-top:5px;
				color:#333333;
				cursor:pointer;
				}
.our-portfolio-menu a:hover{
				background:url(images/xantec-web-sub-hob.png) no-repeat;				
				color:#FFFFFF;
				}
				
				
				
.our-process-menu{
				width:256px;
				float:left;
				background:url(images/xantec-web-sub-service.png) no-repeat;
				height:26px;
				margin-left:-15px;
				font-size:14px;
				color:#333333;
				z-index:23;
				}
				
.our-process-menu a{
				width:256px;
				float:left;
				position:relative;
				background:url(images/xantec-web-sub.png) no-repeat;
				height:21px;
				padding-top:5px;
				color:#333333;
				cursor:pointer;
				}
.our-process-menu a:hover{
				background:url(images/xantec-web-sub-hob.png) no-repeat;
				color:#FFFFFF;
				z-index:30;
				float:left;
				}
				

				
				
.request-menu{
				width:256px;
				float:left;
				background:url(images/xantec-web-sub.png) no-repeat;
				height:26px;
				font-size:14px;
				color:#333333;
				position:relative;
				margin-left:-15px;
				}
				
.request-menu a{
				width:256px;
				float:left;
				position:relative;
				background:url(images/xantec-web-sub.png) no-repeat;
				height:21px;
				padding-top:5px;
				color:#333333;
				cursor:pointer;
				}
.request-menu a:hover{
				position:relative;
				background:url(images/xantec-web-sub-hob.png) no-repeat;
				color:#FFFFFF;
				}
				
				
/*================================================ drop down page ================================================*/

.fan-box-block{
				width:978px;
				float:left;
				position:relative;
				height:228px;
				margin-top:10px;
				}
				
.wonder{float:left;position:relative; padding-left:18px; padding-top:66px;}
.fan-img{float:left;position:relative; padding-left:0px; padding-top:11px;}
.fan-arrow{float:right; position:relative; padding-right:12px; padding-top:80px;}


.domain-field-block{
					width:980px;
					float:left;
					position:relative;
					padding-top:25px;
					}
					
.domain-field-block h2{font-size:18px; color:#339999; font-weight:normal;}
.domain-field-block h2 span{font-size:18px; color:#76D1D1; font-weight:normal;}
.domain-field-block ul{margin-top:10px;}
.domain-field-block li{font-size:12px; color:#666666; list-style:none; background:url(images/xantec-icon2.gif) left no-repeat;
						line-height:18px; padding-left:10px;}

.domain-box-block{
				width:165px;
				float:left;
				position:relative; 
				background:url(images/xantec-right-line.gif) right repeat-y;
				height:178px;
				padding-right:10px;
				}
				
				
.web-solution-block{
				width:130px;
				float:left;
				position:relative;
				background:url(images/xantec-right-line.gif) right repeat-y;
				height:178px;
				padding-right:20px;
				padding-left:20px;
				}
				
.latest-story-block{
				width:276px;
				float:left;
				position:relative;
				background:url(images/xantec-right-line.gif) right repeat-y;
				height:178px;
				padding-right:20px;
				padding-left:20px;
				}
				
.latest-story-field{
					width:160px;
					float:left;
					position:relative;
					background:url(images/xantec-success.gif) left top no-repeat;
					padding-left:116px;
					margin-top:10px;
					}
				
				

				
.comments-block{
				width:148px;
				float:left;
				position:relative;
				background:url(images/xantec-block-ist.gif) top left no-repeat;
				padding-left:12px;
				padding-top:9px;
				}
				
.comments{
			width:136px;
			float:left;
			position:relative;
			background:url(images/xantec-block-2nd.gif) bottom right no-repeat;
			padding-right:12px;
			padding-bottom:8px;
			}
			
.comments-text{font-size:12px; color:#3B3A3A; font-style:italic;}
.more-text{font-size:12px; color:#339999;padding-top:10px; float:left; width:136px;}
.more-text a{font-size:12px; color:#339999; text-decoration:underline; }

.find-domain-block{
				width:296px;
				float:right;
				position:relative;
				}
				
.find-domain-field{
				width:296px;
				float:left;
				position:relative;
				margin-top:5px;
				}
				
.find-domain-text-field{
						width:167px;
						float:left;
						position:relative;
						background:url(images/xantec-text-field.gif) no-repeat;
						height:16px;
						padding:3px 8px;
						margin-right:3px;
						}
						
.find-domain-select-field{
						float:left;
						position:relative;
						margin-right:4px;
						}
				
.find-apps{
			width:164px;
			float:left;
			position:relative;
			background:url(images/xantec-find-apps-bg.gif) no-repeat;
			height:93px;
			padding-top:18px;
			padding-left:132px;
			margin-top:10px;
			}
			
.google-apps{font-size:24px; color:#000000;}
.hosting{font-size:18px; color:#339999;}
.find-out{font-size:12px; color:#333333;}
.find-out a{font-size:12px; color:#333333;}


#bottom-icon-wrap{
		width:100%;		
		float:left;
		position:relative;
		border-top:1px solid #EAEAEA;
		}
		
.bottom-ico{
		width:980px;
		margin:auto;
		position:relative;
		}
/*=========================== bottom =================================*/

#bottom-wrap{
		width:100%;		
		float:left;
		position:relative;
		}
		
#bottom-block{
		width:100%;
		float:left;
		position:relative;
		background:url(images/xantec-btm-slice.gif) repeat-x;
		padding-top:30px;
		padding-bottom:20px;
		}
		
.bottom{
		width:980px;
		margin:auto;
		position:relative;
		}
.bottom-arrow {
	width:20px;
	height:22px;
	position:absolute;
	left: 688px;
	top: -28px;
		}
.bottom-left{
		width:670px;
		float:left;
		position:relative;
		}
		
.bottom-left li.fast{background:none; padding-left:0px;}

.bottom-left li{font-size:11px; color:#494949; list-style:none; background:url(images/xantec-square.gif) left no-repeat;
				padding-left:10px;  display:inline; position:relative; background-position:0 .9em;}
				
.bottom-left li a{color:#494949;}
.bottom-left li a:hover{color:#494949; text-decoration:underline;}

.copy-text{color:#666666; font-size:11px;}
.policy-text{color:#339999; font-size:11px;}
.policy-text a{color:#339999; font-size:11px;}
.policy-text a:hover{color:#339999; text-decoration:underline;}
		
.bottom-right{
		width:250px;
		float:right;
		position:relative;
		padding-top:17px;
		}	
	
	
	
	
	
	
	
	
	
/*=========================== Webdesign Request =================================*/	
	
#webdesign-request-header{
		width:100%;		
		float:left;
		position:relative;
		background: #fcfcfc url(images/webdesign-request-header-slice.jpg) repeat-x;
		}
		
#webdesign-request{
		width:100%;		
		float:left;
		position:relative;
		background:url(images/webdesign-request-header.jpg) top center no-repeat;
		padding-top:125px;
		}

.webdesign-request-content{
		width:982px;
		margin:auto;
		position:relative;
		}

.webdesign-request-content-field{
		width:982px;
		float:left;
		position:relative;
		}	
.webdesign-request-content-top{
		width:567px;
		padding-left:415px;
		float:left;
		position:relative;
		background:url(images/webdesign-request-content-top.gif) bottom no-repeat;
		height:135px;
		}		
	.webdesign-request-content-top h2{ font-family:Arial, Helvetica, sans-serif; font-size:36px; font-weight:normal; color:#000; margin-top:-18px; }
	.webdesign-request-content-top h3{ font-family:Arial, Helvetica, sans-serif; font-size:20px; font-weight:normal; color:#999999; padding-left:195px; }
.webdesign-woman-block{
	width:302px;
	float:left;
	top:-98px;
	left:50px;
	position:absolute;
}
.webdesign-email{
	width:73px;
	float:right;
	top:75px;
	left:800px;
	position:absolute;
}	
	
.webdesign-request-top{
		width:982px;
		padding-top:25px;
		float:left;
		position:relative;
		}	
	
.webdesign-request-left{
		width:453px;
		float:left;
		position:relative;
		}	
	
.webdesign-request-right{
		width:455px;
		padding-left:37px;
		background:url(images/webdesign-request-contact-slice.gif) left no-repeat;
		float:right;
		position:relative;
		}	
	
	
	
	

	
/*=========================== Webdesign Request  =================================*/	
	
	
	
	
	
/*=========================== Webdesign Process  =================================*/		
	
	
#webdesign-process{
		width:100%;		
		float:left;
		position:relative;
		background:url(images/webdesign-process.jpg) top center no-repeat;
		padding-top:125px;
		}		
		
	
.process{
		width:982px;
		float:left;
		position:relative;
		padding-bottom:80px;
		}	
.process h2{ font-family:Arial, Helvetica, sans-serif; font-size:36px; font-weight:normal; color:#000; margin-top:-22px; padding-left:365px; }	
	
	
	
		
/*=========================== Webdesign Process  =================================*/	
	
	
/*=========================== Webdesign Portfolio  =================================*/	
	
#webdesign-portfolio{
		width:100%;		
		float:left;
		position:relative;
		background: #fcfcfc url(images/webdesign-portfolio-slice.jpg) repeat-x;
		}
		
#webdesign-portfolio-header{
		width:100%;		
		float:left;
		position:relative;
		background:url(images/webdesign-portfolio.jpg) top center no-repeat;
		padding-top:458px;
		}	
	
.portfolio-content{
		width:980px;
		margin:auto;
		position:relative;
		}
.portfolio-content-field{
		width:980px;
		float:left;
		position:relative;
		}		
.portfolio-left-field{
		width:696px;
		float:left;
		position:relative;
		background:url(images/webdesign-portfolio-mid.gif) right no-repeat;
		}	
		.portfolio-left-field h1{ font-size:36px; color:#000; padding-left:105px; }
.portfolio-content-left{
		width:180px;
		float:left;
		position:relative;
		}
.portfolio-content-mid{
		width:480px;
		padding-right:35px;
		float:left;
		position:relative;
		}	
.portfolio-content-mid h2{ font-size:36px; color:#000; }

.portfolio-content-mid ul{ padding-left:16px; *padding-left:22px; }
.portfolio-content-mid li{ font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#666666; list-style:decimal; padding-top:11px; }
	.portfolio-content-mid li a{ color:#666666; }
		.portfolio-content-mid li a:hover{ color:#666666; }
			
	
.portfolio-content-right{
		width:245px;
		float:right;
		position:relative;
		}	
	
	
	
.portfolio-content-right h2{ font-size:24px; color:#000; }	
	 
/*=========================== Webdesign Portfolio  =================================*/		
	
	
/*=========================== webapplication Request  =================================*/		
	
#webapplication-request-header{
		width:100%;		
		float:left;
		position:relative;
		background: #fcfcfc url(images/webapplication-request-header.jpg) repeat-x;
		}
		
#webapplication_request{
		width:100%;		
		float:left;
		position:relative;
		background:url(images/webapplication-request-header2.jpg) top center no-repeat;
		padding-top:125px;
		}
	
/*=========================== webapplication Request  =================================*/		
		



/*=========================== webapplication Process  =================================*/		
	
	
#webapplication-process{
		width:100%;		
		float:left;
		position:relative;
		background:url(images/webapplication-process.jpg) top center no-repeat;
		padding-top:125px;
		}		
			
	
	
	
		
/*=========================== webapplication Process  =================================*




/*=========================== webapplication Portfolio  =================================*/	
	
#webapplication-portfolio{
		width:100%;		
		float:left;
		position:relative;
		background: #fcfcfc url(images/webapplication-portfolio-slice.jpg) repeat-x;
		}
		
#webapplication-portfolio-header{
		width:100%;		
		float:left;
		position:relative;
		background:url(images/webapplication-portfolio.jpg) top center no-repeat;
		padding-top:458px;
		}	
	
/*=========================== webapplication Portfolio  =================================*/	






/*=========================== webapplication Info  =================================*/	


#webapplication-wrap-web-info{
		width:100%;		
		float:left;
		position:relative;
		background:url(images/webapplication-intfo2.jpg) #fcfcfc repeat-x;
		}
		
#webapplication-wrap-web{
		width:100%;		
		float:left;
		position:relative;
		background:url(images/webapplication-intfo.jpg) top center no-repeat;
		padding-top:225px;
		padding-bottom:59px;
		}

.webapplication-man{float:left; position:relative;}
.webapplication-man-block{
	position:absolute;
	top:-103px;
	left:14px;
	z-index:3;
}	


.webapplication-web-left{
				width:475px;
				float:left;
				position:relative;
				}
				
.webapplication-web-left h2{font-size:36px; color:#000000; font-weight:bold; padding-left:30px; margin-top:-15px;}
.webapplication-web-left h2 span{font-size:60px;}

/*=========================== webapplication Info  =================================*/	


/*=========================== Marketing Seoservices =================================*/	

.marketing-content{
		width:980px;
		float:left;
		position:relative;
		}	

.marketing-content h2{ font-size:26px; font-weight:normal; color:#000;}
.marketing-content h2 span{ font-size:12px; font-weight:normal; color:#515151;}


.marketing-left{
		width:355px;
		background:url(images/marketing-seoservices-slice.gif) right no-repeat;
		float:left;
		position:relative;
		}	

.marketing-left h3{ font-size:16px; color:#333333; font-weight:bold; }

.marketing-right{
		width:345px;
		float:left;
		position:relative;
		}	
.marketing-right h3{ font-size:16px; color:#333333; font-weight:bold; padding-bottom:10px; }


.marketing-man{position:absolute; top:-99px; left:765px; z-index:1; }
/*=========================== Marketing Seoservices  =================================*/	

.marketing-mouse{ position:absolute; top:0px; left:340px; }
.marketing-man-two{position:absolute; top:-16px; left:800px; z-index:1; }
 

/*=========================== Marketing Seo Home Works =================================*/	

.howbox-block{
			width:982px; 
			float:left;
			position:relative;
			background:#FCFCFC url(images/box1-top.jpg) top no-repeat;
			margin-top:20px;
			}

.howbox-field{
			width:952px; 
			float:left;
			position:relative;
			background:url(images/box1-btm.jpg) bottom no-repeat;
			padding:20px 15px;
			}

.howbox-field h2{font-size:16px; color:#000000; font-weight:bold;}

.howbox-block-two{
			width:982px; 
			float:left;
			position:relative;
			background:#FCFCFC url(images/box11-top.jpg) top no-repeat;
			margin-top:20px;
			}

.howbox-field-two{
			width:952px; 
			float:left;
			position:relative;
			background:url(images/box22-btm.jpg) bottom no-repeat;
			padding:20px 15px;
			}

.howbox-field-two h2{font-size:16px; color:#000000; font-weight:bold;}

.howbox-block-bottom{
			width:982px; 
			float:left;
			position:relative;
			margin-top:20px;
			}

.howbox-field-bottom{
			width:952px; 
			float:left;
			position:relative;
			padding:0px 15px;
			}

.box-part1{
			width:290px;
			float:left;
			position:relative;
			background:url(images/line.jpg) right repeat-y;
			padding-right:10px;
			padding-top:10px;
			padding-bottom:10px;
			}
			
			
.box-part2{
			width:320px;
			float:left;
			position:relative;
			background:url(images/line.jpg) right repeat-y;
			padding-right:10px;
			padding-left:10px;
			padding-top:10px;
			padding-bottom:10px;
			}
			
.box-part3{
			width:290px;
			float:left;
			position:relative;
			padding-left:10px;
			padding-top:10px;
			padding-bottom:10px;
			}


.box-seo{
		width:952px; 
		float:left;
		position:relative;
		padding-bottom:10px;
		}

.box-seo-left{
		width:455px; 
		float:left;
		position:relative;
		}
		
.box-seo-img{
		width:110px; 
		float:left;
		position:relative;
		}
		
.box-seo-detail{
		width:335px; 
		float:left;
		position:relative;
		padding-left:10px;
		}
		
.box-seo-right{
		width:475px; 
		float:right;
		position:relative;
		}
.box-seo-right h3{ font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:normal; color:#333333; }
.feature{position:absolute; left:720px; top:-100px;}

.feature-text{font-size:26px; font-weight:bold; color:#000000; background:url(images/feature-img.png) left top no-repeat; position:relative;
padding-left:142px; height:25px; padding-top:75px;
0px;}


.girl{position:absolute; left:923px; top:-155px; z-index:1000;}


/*=========================== Marketing PPC home =================================*/	

.success-box-field{
			width:952px; 
			float:left;
			position:relative;
			padding:5px 15px;
			}
		success-box-field h2{ font-family:Arial, Helvetica, sans-serif; font-size:26px; font-weight:normal; color:#000; }
/*=========================== Marketing PPC Services =================================*/	

.video{
			width:490px;
			float:left;
			position: ;
			z-index:1;
			}
.ppc-right{
			width:390px;
			float:left;
			position:relative;
			padding-left:20px;
			}

.ppc-right h2{font-size:16px; color:#000000; font-weight:bold;}
.drawing{position:absolute; left:-98px; top:0;}
.drawing2{position:absolute; left:-100px; top:0;}
/*.yahoo2{position:absolute; left:122px; top:120px; z-index:1;}*/
.yahoo{position:absolute; left:64px; top:120px; z-index:100;}
.google{position:absolute; left:452px; top:65px; z-index:1;}
.facebook{position:absolute; left:854px; top:135px; z-index:1;}
.bing{position:absolute; left:912px; top:368px; z-index:1;}
.bing2{position:absolute; left:892px; top:45px; z-index:1;}
.baidu{position:absolute; left:905px; top:366px; z-index:1;}


.box-part{
			width:210px;
			float:left;
			position:relative;
			background:url(images/line.jpg) right repeat-y;
			padding:10px 18px;
			}
			
			


/*================================================Webapplication Menu	================================================*/	
#webapplication-menu{
		width:980px;
		margin:auto;
		position:relative;
		}

.webapplication-service-menu{
				width:256px;
				float:left;
				height:26px;
				font-size:14px;
				color:#580076;
				position:relative;
				z-index:35;
				}
				
.webapplication-service-menu a{
				width:256px;
				float:left;
				position:relative;
				background:url(images/xantec-web-sub-service.png) left no-repeat;
				height:21px;
				padding-top:5px;
				color:#003366;
				position:relative;
				cursor:pointer;
				}
.webapplication-service-menu a:hover{
				background:url(images/webapplication-request-hov.png) no-repeat;
				color:#FFFFFF;
				}
				
.webapplication-current-survices{
				width:256px;
				float:left;
				position:relative;
				background:url(images/xantec-web-sub-hob.png) left no-repeat;
				height:21px;
				padding-top:5px;
				color:#FFFFFF;
				font-size:14px;
				z-index:25;
				}		
				
.webapplication-current{
				width:256px;
				float:left;
				position:relative;
				background:url(images/webapplication-request-hov.png) left no-repeat;
				height:21px;
				padding-top:5px;
				color:#FFFFFF;
				font-size:14px;
				z-index:25;
				margin-left:-15px;
				}
				
.webapplication-current2{
				width:256px;
				float:left;
				position:relative;
				background:url(images/webapplication-request-hov.png) left no-repeat;
				height:21px;
				padding-top:5px;
				color:#FFFFFF;
				font-size:14px;
				z-index:35;
				}				
				
.webapplication-portfolio-menu{
				width:256px;
				float:left;
				height:26px;
				font-size:14px;
				color:#003366;
				position:relative;
				z-index:25;
				margin-left:-15px;
				background:url(images/xantec-web-sub-service.png) no-repeat;
				}				

				
.webapplication-portfolio-menu a{
				width:256px;
				float:left;
				background:url(images/xantec-web-sub.png) no-repeat;
				height:21px;
				padding-top:5px;
				color:#003366;
				cursor:pointer;
				}
.webapplication-portfolio-menu a:hover{
				background:url(images/webapplication-request-hov.png) no-repeat;				
				color:#FFFFFF;
				}
				
				
				
.webapplication-process-menu{
				width:256px;
				float:left;
				background:url(images/xantec-web-sub-service.png) no-repeat;
				height:26px;
				margin-left:-15px;
				font-size:14px;
				color:#003366;
				z-index:23;
				}
				
.webapplication-process-menu a{
				width:256px;
				float:left;
				position:relative;
				background:url(images/xantec-web-sub.png) no-repeat;
				height:21px;
				padding-top:5px;
				color:#003366;
				cursor:pointer;
				}
.webapplication-process-menu a:hover{
				background:url(images/webapplication-request-hov.png) no-repeat;
				color:#FFFFFF;
				z-index:30;
				float:left;
				}
				

				
				
.webapplication-request-menu{
				width:256px;
				float:left;
				background:url(images/xantec-web-sub.png) no-repeat;
				height:26px;
				font-size:14px;
				color:#003366;
				position:relative;
				margin-left:-15px;
				}
				
.webapplication-request-menu a{
				width:256px;
				float:left;
				position:relative;
				background:url(images/xantec-web-sub.png) no-repeat;
				height:21px;
				padding-top:5px;
				color:#003366;
				cursor:pointer;
				}
.webapplication-request-menu a:hover{
				position:relative;
				background:url(images/webapplication-request-hov.png) no-repeat;
				color:#FFFFFF;
				}



/*================================================Webapplication Menu	================================================*/


/*================================================Webapplication Menu	================================================*/	
#marketing-ppcservices-menu{
		width:980px;
		margin:auto;
		position:relative;
		}

.marketing-service-menu{
				width:256px;
				float:left;
				height:26px;
				font-size:14px;
				color:#333333;
				position:relative;
				z-index:25;
				}
				
.marketing-service-menu a{
				width:256px;
				float:left;
				position:relative;
				background:url(images/xantec-web-sub-service.png) left no-repeat;
				height:21px;
				padding-top:5px;
				color:#333333;
				position:relative;
				cursor:pointer;
				}
.marketing-service-menu a:hover{
				background:url(images/marketing-ppcservices-hov.png) no-repeat;
				color:#FFFFFF;
				}
				
.marketing-current-survices{
				width:256px;
				float:left;
				position:relative;
				background:url(images/marketing-ppcservices-hov.png) left no-repeat;
				height:21px;
				padding-top:5px;
				color:#FFFFFF;
				font-size:14px;
				z-index:25;
				}				
.marketing-current{
				width:256px;
				float:left;
				position:relative;
				background:url(images/marketing-ppcservices-hov.png) left no-repeat;
				height:21px;
				padding-top:5px;
				color:#FFFFFF;
				font-size:14px;
				z-index:25;
				margin-left:-15px;
				}
				
				
				
.marketing-portfolio-menu{
				width:256px;
				float:left;
				background:url(images/xantec-web-sub-service.png) no-repeat;
				height:26px;
				margin-left:-15px;
				font-size:14px;
				color:#333333;
				position:relative;
				z-index:24;
				}
				
.marketing-portfolio-menu a{
				width:256px;
				float:left;
				background:url(images/xantec-web-sub.png) no-repeat;
				height:21px;
				padding-top:5px;
				color:#333333;
				cursor:pointer;
				}
.marketing-portfolio-menu a:hover{
				background:url(images/marketing-ppcservices-hov.png) no-repeat;				
				color:#FFFFFF;
				}
				
				
				
.marketing-process-menu{
				width:256px;
				float:left;
				background:url(images/xantec-web-sub-service.png) no-repeat;
				height:26px;
				margin-left:-15px;
				font-size:14px;
				color:#333333;
				z-index:23;
				}
				
.marketing-process-menu a{
				width:256px;
				float:left;
				position:relative;
				background:url(images/xantec-web-sub.png) no-repeat;
				height:21px;
				padding-top:5px;
				color:#333333;
				cursor:pointer;
				}
.marketing-process-menu a:hover{
				background:url(images/marketing-ppcservices-hov.png) no-repeat;
				color:#FFFFFF;
				z-index:30;
				float:left;
				}
				

				
				
.marketing-request-menu{
				width:256px;
				float:left;
				background:url(images/xantec-web-sub.png) no-repeat;
				height:26px;
				font-size:14px;
				color:#333333;
				position:relative;
				margin-left:-15px;
				}
				
.marketing-request-menu a{
				width:256px;
				float:left;
				position:relative;
				background:url(images/xantec-web-sub.png) no-repeat;
				height:21px;
				padding-top:5px;
				color:#333333;
				cursor:pointer;
				}
.marketing-request-menu a:hover{
				position:relative;
				background:url(images/marketing-ppcservices-hov.png) no-repeat;
				color:#FFFFFF;
				}

/*================================================Webapplication Menu	================================================*/		



		
		
.seo-service-menu{
				width:256px;
				float:left;
				height:26px;
				font-size:14px;
				color:#333333;
				position:relative;
				z-index:25;
				}
				
.seo-service-menu a{
				width:256px;
				float:left;
				position:relative;
				background:url(images/xantec-web-sub-service.png) left no-repeat;
				height:21px;
				padding-top:5px;
				color:#333333;
				position:relative;
				cursor:pointer;
				}
.seo-service-menu a:hover{
				background:url(images/xantec-seoservices-hob.png) no-repeat;
				color:#FFFFFF;
				}
				
.seo-current-survices{
				width:256px;
				float:left;
				position:relative;
				background:url(images/xantec-seoservices-hob.png) left no-repeat;
				height:21px;
				padding-top:5px;
				color:#FFFFFF;
				font-size:14px;
				z-index:25;
				}				
.seo-current{
				width:256px;
				float:left;
				position:relative;
				background:url(images/xantec-seoservices-hob.png) left no-repeat;
				height:21px;
				padding-top:5px;
				color:#FFFFFF;
				font-size:14px;
				z-index:25;
				margin-left:-15px;
				}
				
				
				
.seo-portfolio-menu{
				width:256px;
				float:left;
				background:url(images/xantec-web-sub-service.png) no-repeat;
				height:26px;
				margin-left:-15px;
				font-size:14px;
				color:#333333;
				position:relative;
				z-index:24;
				}
				
.seo-portfolio-menu a{
				width:256px;
				float:left;
				background:url(images/xantec-web-sub.png) no-repeat;
				height:21px;
				padding-top:5px;
				color:#333333;
				cursor:pointer;
				}
.seo-portfolio-menu a:hover{
				background:url(images/xantec-seoservices-hob.png) no-repeat;				
				color:#FFFFFF;
				}
				
				
				
.seo-process-menu{
				width:256px;
				float:left;
				background:url(images/xantec-web-sub-service.png) no-repeat;
				height:26px;
				margin-left:-15px;
				font-size:14px;
				color:#333333;
				z-index:23;
				}
				
.seo-process-menu a{
				width:256px;
				float:left;
				position:relative;
				background:url(images/xantec-web-sub.png) no-repeat;
				height:21px;
				padding-top:5px;
				color:#333333;
				cursor:pointer;
				}
.seo-process-menu a:hover{
				background:url(images/xantec-seoservices-hob.png) no-repeat;
				color:#FFFFFF;
				z-index:30;
				float:left;
				}
				

				
				
.seo-request-menu{
				width:256px;
				float:left;
				background:url(images/xantec-web-sub.png) no-repeat;
				height:26px;
				font-size:14px;
				color:#333333;
				position:relative;
				margin-left:-15px;
				}
				
.seo-request-menu a{
				width:256px;
				float:left;
				position:relative;
				background:url(images/xantec-web-sub.png) no-repeat;
				height:21px;
				padding-top:5px;
				color:#333333;
				cursor:pointer;
				}
.seo-request-menu a:hover{
				position:relative;
				background:url(images/xantec-seoservices-hob.png) no-repeat;
				color:#FFFFFF;
				}
#dhtmltooltip{
				position: absolute;
				width: 150px;
				border: 1px solid #fff;
				padding: 2px;
				background-color: #f59116;
				visibility: hidden;
				z-index: 1000;
				/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
				filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
				font-size:12px; color:#fff; text-align:center;
}
#pscroller1{
width: 250px;
height: 100px;
}
table.service td { padding: 5px 3px; border-bottom: 1px dotted #c0c0c0; font-size:12px; }
table.service td.header { font:12px; border-bottom:2px solid #339999; color:#fff; background-color:#414244; padding-left:20px  }
table.service td.empty { font:12px; border-top:0px; border-left:0px; border-bottom:2px solid #339999; }
table.service td.title { background:transparent url(image/arrow.gif) left no-repeat; padding-left:10px; text-align:left; padding-right:20px; }
table.service td.price { background-color:#f9f9f9; font-weight:bold; }
table.service td.pricetitle { background:transparent url(image/arrow.gif) left no-repeat; padding-left:10px; text-align:left; background-color:#f9f9f9; font-weight:bold; }
table.service td.dark { background-color:#efefef; padding-left:20px }
table.service td.faq { background-color:#efefef; text-align:left; padding-bottom:15px; }
table.service td.tick { background:url(image/tick.gif) center no-repeat #efefef; }
table.service td.tick2 { background:url(image/tick2.gif) center no-repeat #f4f4f4; }
table.service td.light { background-color:#f4f4f4; }
table.service td.lightred { background-color:#f4f4f4; color:#990000; font-weight:bold; }
table.service td.darkred { background-color:#efefef; color:#990000; font-weight:bold; }

