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

* { margin: 0px; padding: 0px; font: 12px Arial, Helvetica, sans-serif; }

body { color: #FFFFFF; }

a { outline: none; }

img { border: none; }

.clr { clear: both; margin: 0px; padding: 0px; }

.heading { font-size: 18px; }

.heading5{color:#06F; font-size:14px; }
.heading4{ font-size:14px; color:#444; font-weight:bold;}
.matter { text-align: justify; }

#main { width: 1000px; margin: auto; }


/* ----------------- header -------*/

.header { background: url(../images/vi_02.jpg); }

.logo { background:url(../images/vi_04.jpg) no-repeat right bottom; width: 300px; height: 120px; float: left; }

.head_navs { float: right; width: 310px; height: 120px; }

.srch { background: url(../images/srch_back.jpg) center no-repeat; height: 40px; margin: 66px 0 20px 0; padding: 20px 0 0 25px; }

.txt_srch { width: 200px; background: none; border: none; }

.srch_go { background: none; border: none; color: #ccc; font-size: 13px; font-weight: bold; }

/* ---------- navs -------*/

#navs { background: url(../images/nav_back.jpg) no-repeat; height: 62px; }

.site_nav { float: left; width: 780px; }

.site_nav ul { padding: 17px 0 0 10px; margin: 0 0 0 13px; height: 31px; }

.site_nav ul li { list-style: none; display: inline; }

.site_nav ul li a { padding: 15px 13px 16px 13px; text-decoration: none; text-transform: uppercase; color: #FFFFFF;  }

.site_nav ul li .h_n2:hover { background: url(../images/nav_back2.jpg); color: #003366;}

.h_n:hover /*, .h_n.active */ { background: url(../images/home.jpg) no-repeat; color: #003366; }

/*-------- login ---------------*/

.log { float: right; padding: 0 18px 0 0; margin-top: 15px;  width: 90px; text-align: center;  }

.log a { padding: 10px; color: #003366; text-decoration: none; padding: 3px; }

.log a:hover { text-decoration: underline; font-weight: bold; }

/* ---------------- content ---------------*/

#content { background: url(../images/vi_18.jpg) center repeat-y #f9f9f9; padding: 0 10px 10px 10px; }

.flash_cont {  }

/*------------- mid content -----------------*/

.mid_content { background: #183c60; margin: 10px 0 10px 0; margin: auto; }

.sub_01 { float: left; width: 244px; border-right: 1px solid #CCCCCC; }

.heading_small { font-size: 16px; font-weight: bold; background: #000000; padding: 5px 0 5px 20px; }

.rates { float: left; }

.go { float: right; margin: 72px 0 0 0; background: url(../images/home.jpg) no-repeat; padding: 10px 20px; }

.go a { color: #444; font-size: 13px; font-weight: bold; text-decoration: none; }

.go a:hover{ color: #666; text-decoration: underline; }

.sub_01 ul li { padding: 3px 0 3px 10px; margin: 0 0 0 10px; list-style: none; }

.sub_02 { float: left; width: 245px; }

.inp_items { color: #003366; height: 20px; }

.txt_items { height: 18px; width: 120px; color: #003366; background: #eee; border: none; width: 150px; }

/*--------------------------- web_content----------------------*/

.cont { margin: 10px 0 0 0; }
.cont h1{ font-size:24px; }
.cont h2{ font-size:20px; }
.cont h3{ font-size:15px; }
.cont h4{ font-size:12px; }

.wel_mess { width: 740px; float: left; } 

.left_cont { width: 230px; float: right; }

.heading2 { font-size: 16px; font-weight: bold; padding: 5px; color: #666666; }

.matter2 { text-align: justify; padding: 5px; color: #666666; letter-spacing: 0.1em; }

.more { text-decoration: none; color: #006699; font-size: 11px; float: right; }

.more:hover { text-decoration: underline; }

/*------------- content_bottom-------------------*/

.content_bottom { padding: 10px 0 5px 0; }

.bot_cont { width: 245px; float: left; padding: 10px 0; }

.heading3 { font-size: 16px; font-weight: bold; padding: 0px 0 5px 30px; text-transform: uppercase; color: #fff; }

.matter3 { text-align: justify; padding: 5px; color: #666666; letter-spacing: 0.1em; }

.services  li { padding: 5px 0 3px 10px; margin: 0 0 0 20px; list-style: none; color: #00CCFF; font-weight: bold;  }

.services  li a { text-decoration: none; color: #666666; font-weight: bold; }

.services  li a:hover { text-decoration: underline; }

.bot_cont span { text-align: justify; padding: 12px 0 0 0; color: #666666; font-weight: normal; }

/*-------------------- footer --------------------------*/

#footer { margin: auto; width: 1000px; background: #f9f9f9; }

.social { padding: 20px 0; }
    
.foot_navs { padding: 20px 10px; background: url(../images/vi_02.jpg) repeat-y; }	

.so_txt { float: left; width: 230px; }    

.so_icon { float: left ; width: 500px; }    

.so_icon img { padding: 0 5px; }

.link1 { float: left; width: 300px; color: #FFFFFF; }

.copy_right { text-align: justify; padding: 5px; color: #ddd; letter-spacing: 0.1em; }

.link1 a , .copy_right a { color: #FFFFFF; text-decoration: none; }  

.link1 a:hover , .copy_right a:hover { color: #00CCFF; text-decoration: underline; }    

.copy_right { float: right ; width: 195px; } 

/*------------------------------------------------
---------------------------------
----------------------------------------------------about us------------------------------------------------
*/



/*------------------------------------------------
---------------------------------
----------------------------------------------------Portfolio------------------------------------------------
*/
.matter4 { text-align: justify; padding: 5px; color: #666666; line-height: 1.8em; }

strong { font-weight: bold; line-height: 1.8em; }

.line { border-bottom: 1px solid #ccc; background: none; padding: 3px; margin: 0 5px;}


.frm_quote { color: #666666; }

.frm_quote .inp { border: 1px solid #CCCCCC; margin: 3px 0; width: 230px; height: 20px; }

.frm_quote textarea { border: 1px solid #CCCCCC; margin: 3px 0; }



/*------------------------------------------------
---------------------------------
----------------------------------------------------web design------------------------------------------------
*/

.web_pack { padding: 10px 30px; }

.pack1 { width: 200px; float: left; border: 1px solid #666666; padding: 5px; margin: 5px;  }

.pack1 li { list-style: none; color: #000000; padding: 3px; } 

.more2 { text-decoration: none; color: #006699; font-size: 11px; padding: 5px; }

/*------------------------------ basic plan package----------------------------------*/

.main_ul { color: #333; padding: 5px 0; line-height:25px; }

.sub_ul { color: #000; padding: 10px; }

.sub_ul li { margin: 0 0 0 10px; list-style: circle; }

.plan_table td { border: 1px solid #ccc; padding: 5px; color: #333; }

.pack_navs { margin: 20px 0 0 0; color:#333; font-weight: bold; }

.pack_navs a { padding: 8px 10px; text-decoration: none; text-transform: uppercase; color: #09C; font-weight: bold; }

/*------------------------------web hosting packages----------------------------------*/

.wel_mess_host{ margin:auto; padding-right:10px } 

.pack_detail{font-size:11px; color:#444; text-align:center;}

.pack_detail strong{color:#FFF}

.myform td{
	color:#000000;
	text-align:center;
}
#error{
	
	color:#FF0000;
	font-size:11px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}
.loginmenu a{
	text-decoration:none;
}

.loginmenu li{
	list-style:none;
	float:left;
	padding-left:20px;
}
.loginmenu a:hover{
	text-decoration:underline;
}

.heading{
font-size:18px;
}

#bg_img_new {
	background: url(images/vi_23.jpg) no-repeat top center;

}

/*-------------------------Tempalte Kit------------------*/

.content_right{ width:227px; margin:0px; float:right;}

.tc{ font-family:Verdana; font-size:13px; line-height:25px; font-weight:bold; color:#0098BA; }
.link01{
font-family:verdana;
font-size:11px;
color:#006699;
font-weight:bold;
text-decoration:none;
list-style:none;
}
.link01:hover{
font-family:verdana;
font-size:11px;
color:#45a1ce;
font-weight:bold;
text-decoration:underline;
list-style:none;
}