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

.main{
	width:980px;
	height:auto;
	margin:0 auto;
	
	
}

.und{
	text-decoration:underline;
	}
.logo{
	float:left;
	height:82px;
	width:320px;
	background:url(../images/logo.gif) no-repeat;
	margin:17px 0 0 15px;
}
.cont_no{
	height:40px;
	width:200px;
	float:right;
	padding:7px 0 0 0;
	margin:0 0 3px 0;
}
.lchat{
	height:31px;
	width:135px;
	float:right;
	margin:0;
	padding:0;
}
.indi{
	background:opacity=0;
}
.top_men_box{
	height:17px;
	width:220px;
	float:right;
	margin:0 0 0 0;
}
.top_men_box_lchat{
	height:17px;
	width:138px;
	float:right;
	background:#00CC00;
	margin:0 5px 0 0;
}
.top_men_box_img{
	float:right;
	height:17px;
	width:20px;
	margin:0 5px 0 0;

}
.ph_no{
	height:97px;
	width:220px;
	float:right;
	margin:0 15px 0 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000000;
	text-align:right;
}
.top_menu_box{
	height:34px;
	width:980px;
	float:left;
	margin:0 0 0 0;
}

.top_menu_box ul{
	padding:0;
	margin:0;
	display:block;
}

.top_menu_box li{
	height:34px;
	width:auto;
	
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:12px;
	list-style:none;
	float:left;
	margin:0;
	line-height:32px;
	border-right:#999999 solid 1px;
	display:block;
	text-align:center;
	
}

.mn_left{
	border-left:#999999 solid 1px;
}
.current_pg{
	color:#ffffff;
	background:url(../images/menu_over.gif) repeat-x;
	display:block;
	width:138.857;
	height:34px;
}
.top_menu_box li a{
	color:#000000;
	display:block;
	padding: 0 15.3px 0 16px ;
	}
.top_menu_box li a:hover{
	color:#FFFFFF;
	background:url(../images/menu_over.gif) repeat-x;
	display:block;
	padding: 0 15.3px 0 16px ;
	height:34px;
	
}


.p1{
	color:#FFFFFF;
	background:url(../images/menu_over.gif) repeat-x;
	display:block;
	width:138.857;
	height:34px;
	
}
.bd_content{
	width:974px;
	height:auto;
	padding:0 0 15px 0;
	float:left;
	background:url(../images/content_bg.gif) repeat-x;
	background-color:#FFFFFF;
	
}

.banner{
	height:235px;
	width:960px;
	float:left;
	background: url(../images/banner.gif) no-repeat;
	margin:7px 0 7px 7px;
}

.col_1{
	float:left;
	height:auto;
	width:230px;
	border-right: #d9d9d9 solid 1px;
	border-top: #d9d9d9 solid 1px;
}

.col_1 .rw1{
	height:157px;
	width:230px;
	float:left;
	border-bottom: #d9d9d9 solid 1px;
}

.slide{
	height:100px;
	float:left;
	width:200px;
	border:#004f7a solid 1px;
	margin:5px 0 0 15px;
	
}


/*** set the width and height to match your images **/

#slideshow {
    position:relative;
    height:100px;
}

#slideshow IMG {
	position:absolute;
	top:0;
	left:0;
	z-index:8;
	opacity:0.0;
	width: 200px;
	height: 100px;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}
.rw_hd{
	float:left;
	height:27px;
	width:218px;
	background:url(../images/box_hd_bg.gif) repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	color:#0080be;
	font-size:14px;
	font-weight:bold;
	line-height:25px;
	padding: 0 0 0 13px;
	margin:0 0 0 0;
	
}


.hm_cont ul{
	padding:0;
	margin:0;
}
.hm_cont li{
	
	
	list-style:none;
	list-style:url(../images/cupgold.jpg);
	
	margin:8px 0 0 0;
	padding:0 0 0 0px;
}
.hm_cont li a
{
	margin-left:10px;
	color:#333333;
}
.hm_cont li a:hover
{
color:#004f7a;
}

.rw2_box{
	float:left;
	width:230px;
	height:275px;
	border-bottom: #d9d9d9 solid 1px;
	
}
.rw2_box ul{

	
	padding: 0 0 0 10px;
	margin: 0 0 0 0;
}
.rw2_box li{
	list-style:none;
	font-family:Arial, Helvetica, sans-serif;
	color:#004f7a;
	font-size:11px;
	background-image: url(../images/bullet.gif);
	background-position: center left;
	background-repeat:no-repeat;
	text-decoration:underline;
	margin:2px 0 0 0 ;
	padding: 0 0 0 10px;
	display:block;
	line-height:17px;
	width:200px;
}

.emp_login{
	height:150px;
	width:230px;
	float:left;
	border-bottom: #d9d9d9 solid 1px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
}
.address_box{
	height:auto;
	width:230px;
	float:left;

	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
}
.address_box .contt{
	height:auto;
	width:220px;
	float:left;
	border-bottom: #d9d9d9 solid 1px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	padding:15px 0 10px 10px;
}

.frm_box{
	height:35px;
	width:230px;
	float:left;
	margin:5px 0 0 0;
}
input{
	border:#333333 solid 1px;
	width:180px;
	height:18px;
	float:left;
	margin: 0 0 0 10px;
}

.con_input{
	border:#333333 solid 1px;
	width:180px;
	height:18px;
	float:left;
	margin: 0 0 0 0;
}
.btn{
	float:right;
	height:20px;
	width:50px;
	background:url(../images/l_btn.gif) no-repeat;
	margin:5px 15px 0 0;
}

.col2_box{
	float:left;
	height:auto;
	width:743px;
	border-top: #d9d9d9 solid 1px;
}
.wel_box{
	float:left;
	height:143px;
	width:720px;
	padding:0 0 0 12px;
	font-family:Arial, Helvetica, sans-serif;
	
}
.wel_box_img{
	height:100px;
	width:130px;
	float:left;
	margin:5px 0 0 0;
	border:#004f7a solid 1px;
	background:url(../images/home_img1.gif);
}
.wel_box_content{
	height:105px;
	float:left;
	width:550px;
	line-height:17px;
	margin:5px 0 0 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	text-align:justify;
	line-height:20px;
	
}

.wel_box_content2{
	height:auto;
	width:710px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	float:left;
	margin:5px 0 0 0;
	text-align:justify;
	padding:5px 20px 0 13px;
	line-height:20px;
}
.col2_rw3{
	height:190px;
	width:710px;
	
	float:left;
	margin:0 0 0 15px;
}
.fpartners{
	height:190px;
	float:left;
	width:280px;
	
	margin:0 0 0 30px;
}
.fpartners_img{
	height:140px;
	width:250px;
	margin:10px 0 0 0;
	background:url(../images/part.gif) no-repeat;
	float:left;
}
.fpartners_hd{
	height:26px;
	width:265px;
	background:url(../images/hd_bg2.gif) repeat-x;
	float:left;
	border-left:#000000 solid 1px;
	border-right:#000000 solid 1px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFFFFF;
	font-weight:bold;
	padding:0 0 0 15px;
	line-height:23px;
}
.E-Commerce{
	height:190px;
	float:right;
	width:280px;
	line-height:20px;
	margin:0 30px 0 0;
}
.E-Commerce_img{
	height:140px;
	width:250px;
	margin:10px 0 0 0;
	background:url(../images/ecomm.gif) no-repeat;
	float:left;
}
.footer{
	height:54px;
	width:100%;
	margin:0 auto;
	background:url(../images/footer.gif) repeat-x;
	float:left;
}
.footer_copy{
	height:25px;
	width:800px;
	margin:10px auto;
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	font-size:10px;
	text-align:center;
	
}

/*about us page*/
.p2{
	color:#ffffff;
	background:url(../images/menu_over.gif) repeat-x;
	display:block;
	width:138.857;
	height:34px;
}



.banner_2{
	height:150px;
	width:960px;
	float:left;
	background:url(../images/p2_banner.gif)  no-repeat;
	margin:7px 0 7px 7px;
}

.p2_bd_main{
	height:auto;
	width:974px;
	float:left;
	border-top:#CCCCCC solid 1px;
	
}
.p2_content{
	height:auto;
	width:950px;
	float:left;
	margin:10px 0 0 15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	line-height:20px;
	
}
.special_text{
	font-size: 18px;
	color: #000000;
	font-family:Garamond;
	font-style: italic;
	font-weight: bold;
	text-align:center;
}

/*it services*/

.banner_3{
	height:150px;
	width:960px;
	float:left;
	background:url(../images/p2_banner.gif) no-repeat;
	margin:7px 0 7px 7px;
}

.p3_bd_main{
	height:auto;
	width:974px;
	float:left;
	border-top:#CCCCCC solid 1px;
	
}
.p3_content{
	height:auto;
	width:945px;
	float:left;
	margin:10px 0 0 15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	line-height:20px;
}
/*contact*/

.contt_bx{
	height:auto;
	width:50px;
	border:none;
	float:left;
}

.contt_bx2{
	height:18px;
	width:200px;
	border:none;
	float:left;
	border:#000000 solid 1px;
}

.contt_bx3{
	height:100px;
	width:300px;
	border:none;
	float:left;
	border:#000000 solid 1px;
	margin:0 0 0 40px;
}
.contt_btn1{
	float:right;
	height:22px;
	width:50px;
	background:#0066CC;
	color:#FFFFFF;
	border:#CCCCCC solid 1px;
}

/*hosting*/

.hosting{
	height:150px;
	width:960px;
	float:left;
	background:url(../images/p2_banner.gif) no-repeat;
	margin:7px 0 7px 7px;
}

/*career*/

.care_inp{
	border:#333333 solid 1px;
	width:180px;
	height:18px;
	float:left;
	margin: 0 10px 0 0;
}
.bttn{
	border:#cccccc solid 1px;
	width:80px;
	height:22px;
	float:right;
	margin: 0 0 0 15px;
	background:#004F7A;
	color:#FFFFFF;
	
}
.textarea{
	height:100px;
	width:190px;
	border:#000000 solid 1px;
}



/*Hosting Query*/

.frm_boxh{
	height:300px;
	width:550px;
	margin: 2px 0 0 200px;
	background:#F8F8F8;
	border:#999999 solid 1px;
}
.frm_box .head{
	height:25px;
	width:540px;
	background:url(../images/box_hd_bg.gif) repeat-x;
	border-bottom:#999999 solid 1px;
	line-height:25px;
	padding:0 0 0 10px;
	
}

.hq_box{
	height:25px;
	width:400px;
	float:right;
	margin:15px 25px 0 0;
	
}
.hq_box_name{
	height:15px;
	width:100px;
	float:left;
}
.hq_box_input{
	height:20px;
	width:200px;
	border:#0066CC solid 1px;
	margin:0;
	padding:0;
	float:right;
	
	
}

.cbtn{
	float:right;
	height:20px;
	width:50px;
	text-align:right;
	margin:0 105px 0 15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#0066CC;
	font-weight:bold;
}
.sbtn{
	float:right;
	height:20px;
	width:50px;
	text-align:right;
	margin:0 0 0 15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#0066CC;
	font-weight:bold;
}

/*live chat*/

.livechat_content{
	height:auto;
	width:945px;
	float:left;
	margin:10px 0 0 15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
}



pre { margin-bottom: 1em; }
    
.jscom, .mix htcom   { color: #4040c2; }
.com      { color: green; }
.regexp   { color: maroon; }
.string   { color: teal; }
.keywords { color: blue; }
.global   { color: #008; }
.numbers  { color: #880; }
.comm     { color: green; }
.tag      { color: blue; }
.entity   { color: blue; }
.string   { color: teal; }
.aname    { color: maroon; }
.avalue   { color: maroon; }
.jquery   { color: #00a; }
.plugin   { color: red; }

li { list-style-type: none; }
.basic, #list2, #list3, #navigation { width:20em; }

#log { position:fixed; bottom: 0; right:1em; text-align:right; }
#switch { position: fixed; bottom: 0; right: 15em; }

.basic  {
	width: 940px;
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid black;
}
.basic div {
	background-color: #fff;
}

.basic p {
	margin-bottom : 10px;
	border: none;
	text-decoration: none;
	
	font-size: 12px;
	margin: 0px;
	padding: 10px;
}
.basic a {
	cursor:pointer;
	display:block;
	padding:5px;
	margin-top: 0;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	color: black;
	background-color: #00a0c6;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #999;
	
	background-image: url("../images/box_hd_bg.gif");
}
.basic a:hover {
	background-color: white;
	background-image: url("../images/AccordionTab2.gif");
}
.basic a.selected {
	color: black;
	background-color: #80cfe2;
	background-image: url("../images/AccordionTab2.gif");
}

#list2 {
	height: 178px;
	border: 1px solid #eee;
	overflow: hidden;
}
#list2 .red {
	color: red;
	background-color: red;
}
#list2 .green {
	color: green;
	background-color: green;
}
#list2 .blue {
	color: blue;
	background-color: blue;
}
#list2 dd { height: 130px; overflow: hidden; }

#list3 { border: 1px solid #111; }
#list3 div.selected .title { font-weight: bold; }
#list3 div div {
	border-left:8px solid #6699CC;
	padding: 5px;
}
#list3 div.title {
	border: 1px solid #3366AA;
	background-color: #ffffff;
	padding: 10px;
	cursor: pointer;
}
#list3 div.selected {
	border-bottom: none;
}

#navigation {
	border:1px solid #5263AB;
	margin:0px;
	padding:0px;
	text-indent:0px;
	background-color:#ffffff;
	width:200px;
}
#navigation a.head {
	cursor:pointer;
	border:1px solid #CCCCCC;
	background:#5263AB url(collapsed.gif) no-repeat scroll 3px 4px;
	color:#FFFFFF;
	display:block;
	font-weight:bold;
	margin:0px;
	padding:0px;
	text-indent:14px;
	text-decoration: none;
}
#navigation a.head:hover {
	color:#FFFF99;
}
#navigation a.selected {
	background-image: url(expanded.gif);
}
#navigation a.current {
	background-color:#FFFF99;
}
#navigation ul {
	border-width:0px;
	margin:0px;
	padding:0px;
	text-indent:0px;
}
#navigation li {
	list-style:none outside none; display:inline;
}
#navigation li li a {
	color:#000000;
	display:block;
	text-indent:10px;
	text-decoration: none;
}
#navigation li li a:hover {
	background-color:#FFFFff;
	color:#FF0000;
}

#wizard {
	width: 200px;
	border: 1px solid black;
}
#wizard .title {
	background-color:#DDDDDD;
}

@media print {
	.basic div, #navigation ul, #list2 dd, #list3 div{
		display: block!important;
		height: auto!important
	}
}