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

/*Common class start*/
*{margin:0px; padding:0;}
body{margin:0px; padding:0px; background:#ffffff url("../images/main_bg.gif") top left repeat-x; 
font-family:Arial, Helvetica, sans-serif; font-size:11px;  color:#717273;}
img{border:0px;}
a{border:0px; text-decoration:underline; color:#666666;}
a:hover{text-decoration:none; color:#000000;}
a, img, span{ margin:0; padding:0; border:none;}
p{margin:0; padding:0; border:none;}
h2{font-size: 130%;}
h3{font-size: 115%;}
h4{font-size: 85%;}
h5{font-size: 75%;}
h6{font-size: 65%;}

.clearb{clear:both;}
.fleft{float:left;}
.fright{float:right;}

#wapper{ width:971px; margin:0 auto; padding:0; position:relative;}
#top{ width:100%; height:85px; position:relative; }
#top .logo{ width:266px; height:51px; float:left; margin:11px 0 0 5px; }
#banner{ width:100%; height:354px; margin:10px 0 0 0;  z-index:-1000; *position:relative; }
#banner_inside{ width:100%; height:297px; margin:10px 0 0 0; position:relative; z-index:-1000; }

#inside{ width:665px; height:100%; float:left; margin:0 0 0 10px; border:solid 1px #ececec; padding:10px 15px 0 15px;  _padding:10px 10px 0 17px; line-height:20px;   }

#inside h2{ margin:0 0 20px 0; padding:0; color:#f68b1f;}
#inside h3{ margin:0 0 10px 0; border-bottom:dotted 1px #d9d9d9; padding:0 0 5px 0; }
#inside h4{ margin:15px 0 0px 0; padding:0 0 5px 0; font-size:12px; font-weight:bold; }

#inside p{ margin:0 0 20px 0; padding:0; color:#666666; font-size:12px; text-align:justify;}

#inside li{ list-style: inside;}

#leftbar{ width:229px; height:100%; float:left; margin:0 5px 0 5px ; background: #f6f6f6; padding:10px; border: solid 1px #CCCCCC; }
#leftbar .image{width:100%; height:auto; margin:0 0 20px 0; }
#leftbar h2{ font-weight:bold; font-size:14px; color:#f68b1f;padding:0; padding:0 0 15px 0; border-bottom:solid 1px #CCCCCC; }
#leftbar p{ font-weight:normal; font-size:12px; color:#666666; padding:0 0 0 10px; }



#inside input, textarea, option{ border: solid 1px #CCCCCC; padding:5px 0; width:300px; font-size:14px; font-weight:bold; color:#f68b1f;}
#inside button{ width:100px;}


#content{ width:100%; height:100%; position:relative; padding:40px 0 0 0;   }
#left{ width:679px; height:100%; float:left; margin:0 29px 0 5px; border:solid 1px #ececec; padding:0 0 0 20px;  _padding:0 0 0 17px;  }
#left h2{ margin:20px 0 15px 0; color:#ea9829; }
#left h3{ margin:30px 0 15px 0; color:#6d6d6d; font-size:14px;}
#left .one{ width:100%; height:262px		; position:relative;}
#left{ margin:0 0 0 0;}
#left .why{ float:left; height:256px; width:217px;}
#left .box{ float:left; height:187px; width:197px; border:solid 1px #dddddd; padding:10px;}

#left .Facilities{ float:left; height:256px; width:217px; margin:0 20px 0 25px;}
#left .download{ float:left; height:256px; padding:0 0 0 20px; width:160px; background:url(../images/line.gif) left center no-repeat; }
#content .img{ margin:0 0 15px 0;}
#content .brochure{ height:86px; width:100%; background:url(../images/line1.gif) center bottom no-repeat;}
#content .brochure_left{ float:left; width:67px; height:86px; }
#content .brochure_right{ float:left; width:75px; height:64px; font-size:10px; color:#3399cc; padding: 22px 0 0 0;}
#content .video{ height:86px; width:100%; margin:10px 0 0 0; }


#content ul, li{ list-style:none;}

#content li{ font-size:12px; margin:0 0 5px 1px; }



#right{ width:229px; height:100%; float:left; margin:0 5px 0 0 ; }
#right .image{width:100%; height:auto; margin:0 0 20px 0; }
#right h2{ font-weight:normal; font-size:14px; color:#379ed7; padding:10px 0 0 10px; }
#right p{ font-weight:normal; font-size:12px; color:#666666; padding:0 0 0 10px; }
form {margin:0px; padding:0px;}
.rightside{ background: }

#form{width:229px; height:244px; background: url(../images/inquiry.jpg) no-repeat bottom left;  }

.input{	border: 1px solid #cecfce; font-family:Arial, Helvetica, sans-serif; font-size:11px; height:19px; line-height:20px; width: 188px; float:left; background-color:#fffffe; color:#737374; padding-left:3px;}

.inputtextarea{	border: 1px solid #cecfce; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; height:80px; width:188px; float:left; color:#737374;  padding-left:3px;	background-color:#fafafa;}
 
.lable{	font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#706f70;}
.lable b{ color: #CC0000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px;}
.formdiv{height:20px; width:214px;  clear:both; padding: 7px 0 0 15px;  }

.mesage01{height:85px; width:214px;  clear:both; padding: 7px 0 0 15px;  }
.button{ float:right; padding:6px 20px 0 10px;  vertical-align:top; clear:both; 
font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#b8b8b8; font-weight:normal;}

.news{ width:229px; height:114px; background:url(../images/news.jpg) left top no-repeat; margin:20px 0 0 0; }

#menu_inside {
	padding: 0 0;
	margin:0 0 30px 0;
	width: 229px;
}

#menu_inside ul {
	margin: 0;
	list-style: none;
}

#menu_inside li {
	display: inline;
	margin:0;
	padding:0;
}

#menu_inside a {
	display: block;
	padding: 12px 0 12px  20px;
	text-decoration: none;
	font-family:font-family:"Lucida Grande","Lucida Sans Unicode","bitstream vera sans","trebuchet ms",verdana,arial,sans-serif;
	font-size:1em;
	border-bottom:dotted 1px #c6c3c6;
	color: #6d6e6c;
	text-align:left;
	background: url(../images/arrow.gif) left center no-repeat;

}

#menu_inside a:hover {
	background:#eaeaea url(../images/arrow.gif) left center no-repeat;
	color: #363d43;
	font-weight:bold;
	}


#menu_inside .active a{
	background:#eaeaea url(../images/arrow.gif) left center no-repeat;
	color: #363d43;
	font-weight:bold;
}






#footermain{ width:100%; height:250px; height:auto; clear:both; background:#bababa url(../images/copyright_bg.gif) left top repeat-x; padding:30px 0 0 0;     }

#footer{ width:960px; 
height:	250px;
clear:both;
padding:20px 0 0 0;
margin:0 auto;}
#footer p{ margin:0 10px 0 0; width:100%; height:20px; font-size:11px;}

	
#footer .servicescontent{ float:left; width:140px; height: 210px; overflow: hidden; background:#asd; margin:0 50px  0 0;   }	/* sevices header */
#footer .serviceslist{ float: left; font-size:11px; line-height:1em; list-style:none; padding:6px; min-width:150px; }
#footer .serviceslist li a{ display: block; padding:5px;width:200px; font-size:11px; ctext-decoration:none; margin:2px 0;  }
#footer .serviceslist  a{color:#5a5a5a; text-decoration:none; min-width:150px;  text-shadow: #CCCCCC 1px 1px 0.7px; 	}
#footer .serviceslist li a:hover{ color: #000; text-decoration:none; background:url(../images/footer_over.gif) left top no-repeat; }
#footer .heading { font-weight:bold; font-size:12px; height:20px; background:url(../images/footer_heading.gif) left top no-repeat;}	

#footer .copyright{ 
height:25px; padding:10px 0 0 0; clear:both; text-align:center;
font-size:11px; color:#666666;  border:dotted 1px #FFFFFF; margin:20px 0 0 0;
 border-left:none; border-right:none; 
  }	
 

#footer .seo{ height: auto; padding:30px 0 0 0; *padding:0 0 0 0; _padding:0 0 0 0; clear:both; text-align:justify; font-size:11px; clear:both; line-height:19px;  }
		
		
#footer .bookmark{ height:20px; padding:0 0 0 0; clear:both; text-align:center; font-size:11px; position:relative; }		
#footer .twitter {	position:absolute;	left: 727px;	top: 3px;	width: 225px;	color:#b4d8ff;}
#footer .w3c {	position:absolute;	left: 364px;	top: 3px;	width: 225px;	color:#b4d8ff;}

#footer h3 { margin:0 0 10px 0; color:#f78b1f; font-size:14px; font-weight:bold;}



/*@@@@@@@@@@@@@@@@@@@@ TAB @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/

#demo {
	MARGIN: 0px 0px 20px; WIDTH: 660px
}
#demo P {
	MARGIN: 0px
}
#demo H3 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 100%; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 8px; PADDING-TOP: 0px
}
UL#demo-nav {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(pixel.gif) repeat-x left bottom; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 100%; PADDING-TOP: 0px; LIST-STYLE-TYPE: none; border-bottom:solid 5PX  #cccccc;
}
UL#demo-nav LI {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px 2px 0px 0px; PADDING-TOP: 0px ; list-style:none;
}
UL#demo-nav A {
	DISPLAY: block;
	BACKGROUND: url(../images/tab_active.gif) left top repeat-x;
	FLOAT: left;
	border:solid 1px #CCCCCC;
	padding:4px 40px;
	font-weight:bold;
	text-decoration:none;
	font-family:14px;
}
UL#demo-nav A:hover {
	BACKGROUND: #fff
}
UL#demo-nav A.active {
	BACKGROUND: url(../images/tab-over.gif) left top repeat-x ; PADDING-BOTTOM: 5px; CURSOR: default; color:#f68b1f; 	cursor: pointer;

}
#demo-tabs {
	CLEAR: left; PADDING-TOP: 8px; 
}
#demo .tab {
	PADDING-RIGHT: 8px; PADDING-LEFT: 8px; PADDING-BOTTOM: 8px; PADDING-TOP: 0px; font-size:12px; line-height:20px; text-align:justify;
}


.inner_page  {
display:block;
float:right;
height:468px;
line-height:18px;
overflow:auto;
text-align:justify;
width:655px; 
padding:0 0 0 0;
font-family:12px;
font-family:Arial, Helvetica, sans-serif;}






.list  ul li{	

background-color: transparent;
background-image: url(../images/bullet.gif);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: 2px 6px;
padding-left: 15px;
list-style-type: none;
line-height:22px;
}



.list  ul ol{	

background-color: transparent;
background-repeat: no-repeat;
background-attachment: scroll;
background-position: 2px 6px;
padding-left: 30px;
list-style-type: none;
line-height:18px;

}










/* Rotator Styles */

#rotator {
	background: url(../images/banner_bg.jpg) left top no-repeat;
	color:#000;
	position:relative;
	padding-bottom:56px;
	margin:0; 
	font-size:16px;
	z-index:auto;
}

/* Tabs */
ul.ui-tabs-nav, li.ui-tabs-nav-item, li.ui-tabs-nav-item a:link, li.ui-tabs-nav-item a:visited {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	line-height:1.9;
	text-decoration:none;
	font-size:100%;
	list-style:none;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
}

ul.ui-tabs-nav {
	position:absolute;
	bottom:0px;
	left:0;
	z-index:1;
	width:100%;
}

/* Non-Selected Tabs */
li.ui-tabs-nav-item a:link,
li.ui-tabs-nav-item a:visited {	
	font-size:14px;
	font-weight:normal;
	text-transform:uppercase;
	color:#999;
	/*background: url(../images/rotator_bg.jpg) left  bottom repeat-x;*/
	z-index:-1000;
}

/* Hovered Tab */
#rotator .ui-tabs-nav-item a:hover,
#rotator .ui-tabs-nav-item a:active {
	/*background: url(../images/rotator_bg.jpg) left  bottom repeat-x;*/
	color:#FFFFFF;
	
}


#rotator .ui-tabs-nav-item a span {
	float:left; 
	padding:1em 44px; 
	cursor:pointer;
}

/* Active Tab */
#rotator .ui-tabs-selected a:link,
#rotator .ui-tabs-selected a:visited,
#rotator .ui-tabs-selected a:hover,
#rotator .ui-tabs-selected a:active {
	background:#fff url(../images/rotator_active.jpg) center top no-repeat;
	color:#333;
		margin:0 0 0 6px;

}



/* Content Panels */
#rotator .ui-tabs-panel {
	font-family:Arial, Helvetica, sans-serif;
	clear:left;
	color:#000;
	padding:40px 540px 15px 25px;
	height:239px;
}

#rotator .ui-tabs-hide {
	display:none;
}

#rotator h2 {
	color:#fff;
	font-weight:normal;
	margin:0;
	font-size:1.8em;
	line-height:1.2em;
	margin-bottom:20px;
	text-shadow: 1px 0 4px #000;

}

#rotator p {
	font-size:16px;
	margin:.5em 0;
	line-height:22px;
	color:#313131;
	width:400px;
		text-shadow: 1px 0 4px #ccc;

}

#rotator .btn_get_started {
	float:left;
	height:30px;
	width:99px;
	text-indent:-9999em;
	margin-right:7px; 
	overflow:hidden; 
	background:transparent url(../images/getstarted.gif) no-repeat
}

#rotator .btn_learn_more {
	float:left;
	height:26px;
	font-size:.9em;
}

/* Background Images */
#rotator #fragment-1 {
	background:transparent url(../images/colocation.jpg) no-repeat bottom right;

}

#rotator #fragment-2 {
	background:transparent url(../images/vps.jpg) no-repeat bottom right;

}

#rotator #fragment-3 {
	background:transparent url(../images/mailing.jpg) no-repeat bottom right;
}

#rotator #fragment-4 {
	background:transparent url(../images/disaster.jpg) no-repeat bottom right;
}


#rotator #fragment-5 {
	background:transparent url(../images/cloud.jpg) no-repeat bottom right;
}




#inside input{ background:url(../images/input.gif) left top no-repeat; width:252px; height:22px; border:none; font-size:11px; color:#333333; padding: 0 5px;}

#inside textarea{ background:url(../images/text.jpg) left top no-repeat; width:242px; height:118px; border:none; font-size:11px; color:#333333; padding: 5px 5px; font-family:Arial, Helvetica, sans-serif;} 

#inside .btn{ background:url(../images/button.gif) left top no-repeat; width:69px; height:26px; border:none; font-size:11px; color:#333333; padding: 5px 5px; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; margin:0 0 0 0;} 

.homeredmore{ width:73px; height:22px; margin:0px; float:right;}