/* CSS Document */

body {
	margin:0;
	padding:0;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	font-weight:normal;
	background:#ededed  url(../images/dots.gif)  repeat;
	text-align:left;
}
img { border:0}
a { outline: none}


#all {
	width:963px;
	height:100%;
	margin:0 auto;
	background:#FFF;
	direction:ltr;
	padding:0 18px;
}
#all_content {
}
#header {
	height:98px;
	position:relative;
}
.logo {
	position:relative;
	float:left;
	top:38px;
	}
	.logo h1 { display:none;}
	.icons { position:relative;float:right; top:38px;}
	.icons table {
		width:100%;
		border:0;
	}
	.icons table tr td{
		text-align:left;
		}
	.icons table tr td a{ font-size:11px;color:#014279; text-decoration:none;border-right:1px solid #014279; display:block; padding:0px 15px;}
	.icons table tr td.faq a {border-right:0px solid #014279;}
	.icons table tr td a:hover{ color:#be2208}
	.icons table #searchs tr td {padding:0;}
	.icons table #searchs tr td input.enter_word {
		border:1px solid #dde9f6;
		background:#f9fcff;
		padding:5px 0 6px 3px;
		color:#525252;
		font-size:11px;
		width:200px;
		}
	
#mask {
	position: absolute;
	display:none;
	width:100%; 
	height:100%;
	z-index:1000000;
	margin:0;
	left:0;
	}
	
#maskbackground {
	position:relative;
	width:100%;
	background:#001a32;
	/*height:100%; */
	/*height:expression( document.body.height + 'px' );*/
}
#maskdata {
	position: absolute;
	top:10%;
	width:100%;
	}

#flashcontent {color:#000; background:#000; border:1px solid #234f8c}

#sitemap {
position: relative;
direction:ltr;
text-align:left;
}

#shadow {
width:100%;
margin:0 auto;
color:#555;
}
#shadow tr td {
width:33%;
text-align:left;
direction:ltr;
vertical-align:top;
}
#shadow table tr td { vertical-align:middle;}
#shadow tr td.cates a{
display:block;
background-color:#f9fcff;
background-image:url(../images/site_sections_116_en.gif);
background-position:left;
background-repeat:no-repeat;
margin:0 10px 0 1px;
padding:4px 2px 4px 15px;
color:#165698;
text-decoration:none;
font-weight:bold;
font-size:11px;
border-top:1px solid #fff;
border-bottom:1px solid #dde9f6;
}
#shadow tr td.cates a:hover{
display:block;
color:#be2208;
text-decoration:underline;
background-image:url(../images/site_sections_116_over_en.gif);
background-color:#dde9f6;
background-position:left;
background-repeat:no-repeat;
}

#shadow tr td.cates_sub a{
display:block;
background:url(../images/all_arrows_03.gif) left center no-repeat;
margin:0 10px 0 10px;
padding:4px 2px 4px 10px;
color:#6684b5;
font-size:11px;
text-decoration:none;
border-top:1px solid #fff;
border-bottom:1px solid #edf6ff;
}
#shadow tr td.cates_sub a:hover{
	display:block;
color:#be2208;
text-decoration:underline;
}



#menu_main {
	height:44px;
	margin-bottom:1px;
	background:#124779 url(../images/out.gif) top repeat-x;
}
#slidshow {
	width:100%;
	padding:0;
	margin:0;
	background:#000;
	height:369px;
}
#flashcontent h3{ font:bold 16px "Times New Roman", Times, serif;}
#tabs {
	height:73px;
	background:#07447d;
	}
	
#bord { 
border-width:0 1px 0;
border-style:solid;
border-color:#d4d4d4;
}
#navbar {
	background:#e8e8e8 url(../images/nav_32.gif) top repeat-x;
	height:49px;
}
.why {position:relative;float:left;top:11px; padding-left:25px;}
.recent {position:relative;float:right;top:11px; width:295px; text-align:left}

#main_content {
	position:relative;
	height:100%;
	}
	.content {
	position:relative;
	float:left;
	padding:15px 10px 10px 25px;
	width:623px;
	color:#4D4D4D;
	font: normal 13px Arial, Helvetica, sans-serif;;
	line-height: 22px;
	direction:ltr;
	text-align: justify;
		}
		.content h2 { margin-bottom:0px;color:#575757; font-weight:bold; font-size:12px;text-transform: uppercase; letter-spacing:2px;}
		
		
	.news {
		position:relative;float:right;top:15px; width:295px; text-align:left
		}
		.last_news { width:95%; margin:0 0 10px 10px; border-bottom:1px dotted #ccc;}
		.last_news a{
			display:block;
			padding:5px 0 5px 20px;
			color:#575757;
			font:bold 11px tahoma;
			text-decoration:none;
			background: url(../images/lasthypertechdes_39.gif) left 7px no-repeat;
		}
		.last_news a:hover{color:#24609E;}
		.last_news font {
			color:#8D8D8D;
			font:normal 11px tahoma;
			display:block;
			padding-left:18px;
			padding-bottom:5px;
			background-image:none;
			background-color:#fff;
			border:0;
			}
		.last_news span{
			color:#646464;
			font:normal 12px arial;
			display:block;
			padding-bottom:10px;
		}
		.news_title {
			padding:5px 0;
			width:80%;
			color:#000;
			font:bold 15px arial;
			border-bottom:1px dotted #ccc;
		}
		.news_content {
			line-height:22px;
		}
		
		.clearing { clear:both;}
#up_footer {
	position:relative;
	background:#f2f2f2;
	width:100%;
	}
	#up_footer_titles {
		position:relative;
		width:100%;
		height:32px;
		background:#E8E8E8;
		border-bottom:1px solid #D4D4D4;
		
	}
	.profile_title , .services_title , .products_title { 
	position:relative;
	float:left;
	padding-top:10px;
	margin-left:22px;
	color:#171717;
	text-align:left;
	text-transform:capitalize;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	}
	.profile_title {width:17%;}
	.services_title , .products_title { width:37%;}
	
	#up_footer_content {
		position:relative;
		width:100%;
		background:#F2F2F2;
	}
	/*
	.profile_content , .services_content , .products_content { 
	position:relative;
	float:left;
	margin-left:25px;
	_margin-left:13px;
	}
	.profile_content {width:18%;_width:16%; }
	.services_content , .products_content { width:36%;*width:35%;}
	*/
	
#menu_cat {
	direction:ltr;
	width:97%;
	margin:5px 0 0 23px;
}
.cat_name { width:19%; text-align:left;}
.cat_name a{
	display:block;
	width:160px;
	color:#474747;
	font-size:11px;
	text-decoration:none;
	padding:7px 0 7px 10px;
	border-bottom:1px solid #dddddd;
	background:url(../images/lasthypertechdes_43.gif) center left no-repeat;
}
.cat_name a:hover{
	color:#DF0000;
}
	
#footer {
	background:#898989;
	padding:20px ;
	color:#fff;
}


/**************** Start Sub Pagr ****************/


/**************** Start Slide Show ****************/
#slideshow_sub {
	position:relative;
	background:#000;
	height:164px;
	background:url(../images/banner_sub.jpg) bottom right no-repeat;
}
#slideshow_sub img { position:relative;top:55px; left:35px}
		#slideplace{
			position:relative;
			margin:0;
			width:100%;
			height:286px;
		}
		#slidebutton{
			margin:0;
			padding:0;
			width:100%;
			cursor: pointer;
		}
		.slideimg{
			float:right;
			margin:0px;
			padding:0px;
			border-left:0px solid #fff;
		}
/**************** End Slide Show ****************/


#navbar_content {
	background:#e8e8e8 url(../images/nav_32.gif) top repeat-x;
	height:49px;
}
.img_cat { position:relative;float:left; top:11px; left:10px; width:275px; text-align:left}
#navbar_content span {
	position:relative;
	top:17px;
	color:#9D0000;
	font-weight:bold;
	font-size:11px;
	margin:0 20px;
	}
#navbar_content span a{
display: inline-block;
padding-right:20px;
color:#0669a2;
text-decoration:none;
font-weight: normal;
background: url(../images/lasthypertechdes-sub_16.gif) 95% center no-repeat;
}

#navbar_content span a:hover{ 
color:#ca0000; 
text-decoration: underline;
}
#navbar_content #share { position:relative; float:right; right:10px; top:16px;}

.left_panel{
	position:relative;
	float:left;
	width:247px;
	padding:15px;
}

#side_menu, #side_menu ul {
  list-style-type:none;
  margin:0;
  padding:0;
  width:100%;
}

#side_menu a {
  display:block;
  text-decoration: none;	
}

#side_menu li {
	margin-top: 1px;
	list-style: none;
}

#side_menu li a {
	color:#474747;
	padding:8px 10px 8px 23px;
	background:url(../images/arrow_menu_17.gif) center left no-repeat;
	border-bottom:1px dotted #dddddd;
}

#side_menu li a:hover {
	color:#DF0000;
	background:#EFF7FF url(../images/arrow_menu_17.gif) center left no-repeat;
}
#side_menu li.selected {
	color:#DF0000;
	background:#EFF7FF url(../images/arrow_menu_17.gif) center left no-repeat;
	}
#side_menu li li {margin-top: 0px;}
#side_menu li li a {
  margin-left:15px;
  padding-left:13px;
  font-size:11px;
  color:#474747;
  background:url(../images/lasthypertechdes-sub_16.gif) center left no-repeat;
  border-bottom:1px solid #F6F6F6;
  border-top:1px solid #fff;
}

#side_menu li ul li a:hover {
color:#DF0000;
background:#f8f8f8 url(../images/lasthypertechdes-sub_16.gif) center left no-repeat;
}
/*
#blog ul.serLink{
	margin:0;
	text-align:left;
	width:100%;
	*width:100%;
	padding:5px 0px;
	*padding:5px 0px;
	list-style: none;
}
#blog ul.serLink li{
	line-height:0;
	display:block;
}
#blog ul.serLink li a{
	display:block;
	background:url(images/arrow_menu_17.gif) center left no-repeat;
	padding:13px 5px 13px 20px;
	*margin-left:15px;
	color:#474747;
	text-decoration:none;
	border-bottom:1px dotted #dddddd;
}
#blog ul.serLink li a:hover{
	color:#DF0000;
	background:#EFF7FF url(images/arrow_menu_17.gif) center left no-repeat;
}
#blog ul.serLink li ul li a{
	display:block;
	background:url(images/lasthypertechdes-sub_16.gif) center left no-repeat;
	padding:13px 5px 13px 20px;
	margin-left:15px;
	color:#474747;
	text-decoration:none;
	border-bottom:1px solid #F6F6F6;
}
#blog ul.serLink li ul li a:hover{
	color:#DF0000;
	background:url(images/lasthypertechdes-sub_16.gif) center left no-repeat;
}
*/
.middle_panel{
	position:relative;
	float:left;
	width:650px;
	padding:15px;
	border-left:1px solid #D4D4D4;
	line-height:22px;
	color:#5b5b5b;
	direction:ltr;
}
.middle_panel a{ text-decoration:none; color:#376dc5;}
.middle_panel a:hover{ text-decoration:none; color:#d60d0d;}
.middle_panel h3 {
	display:block;
	background:url(../images/arrow_menu_17.gif) center left no-repeat;
	border-width:1px 0;
	border-style:dotted ;
	border-color:#a1c0f4;
	margin-top:0;
	padding:5px 5px 5px 25px;
	color:#0b4377;
	font:bold 18px Arial, Helvetica, sans-serif;
}
.middle_panel span {
	color:#be2208;
	font-weight:bold;
}
.middle_panel strong {
	display:block;
	padding:5px 5px 0px 0;
	color:#1b65a9;
	}
.middle_panel font {
	display:block;
	margin-left:8px;
	background:url(../images/lasthypertechdes-sub_16.gif) left 9px no-repeat;
	padding:3px 5px 3px 15px;
	border-left:2px solid #fff;
	font-size:12px ;
}
.middle_panel font:hover {
	background:#f9f9f9 url(../images/lasthypertechdes-sub_16.gif) left 9px no-repeat;
	border-left:2px solid #ccc;
	}
	
	
#menu_cat_sub {
	direction:ltr;
	width:100%;
}
.cat_name_sub {text-align:left;}
.cat_name_sub a{
	display:block;
	margin-left:5px;
	width:auto;
	color:#474747;
	font-size:11px;
	text-decoration:none;
	padding:10px 0 10px 20px;
	border-bottom:1px dotted #dddddd;
	background:url(../images/arrow_menu_17.gif) center left no-repeat;
}
.cat_name_sub a:hover{
	display:block;
	color:#DF0000;
	background:#EFF7FF url(../images/arrow_menu_17.gif) center left no-repeat;
}


.message {
	width:97%;
	margin:5px 0;
	padding:15px;
	text-align:right;
	line-height:22px;
	color:#F00;
	background:#fdfde2 url(../images/warning.gif)  10% center no-repeat;
	border:1px solid #e9e9b6;
}

.title01 {
	background:#F9F9F9;
	width:30%;
	height:30px;
	padding-left:10px;
	font-weight:bold;
	font-size:11px;
	border-bottom:1px solid #fff;
}
.title01 span {color:#F00;font-weight: normal;}
.title02 {
	padding:2px 10px;
	border-bottom:1px solid #f6f6f6;
	border-left:1px solid #f6f6f6;
}
.title02 a{ color:#049125; text-decoration:none;}
.title02 a:hover{ text-decoration: underline;}
.title02 span {color:#F00;font-weight: normal;}

.title02 input {
direction:ltr;
text-align:left;
color:#000;
background:#FFF url(../images/site_sections_114.gif) bottom left repeat-x;
border:1px solid #e6e6e6;
line-height:20px;
width:70%;
height:22px;
padding-left:5px;
margin-top:3px;
margin-bottom:3px;
}
.title05 {
	padding-left:10px;
	border-bottom:1px solid #f6f6f6;
}
.title05 input {
color:#000;
width:10%;
margin-top:3px;
margin-bottom:3px;
}


.title02 select {
color:#000;
background:#FFF;
border:1px solid #e6e6e6;
line-height:20px;
width:120px;
height:22px;
padding-left:5px;
}
.title02 textarea {
color:#000;
background:#fff url(../images/site_sections_114.gif) bottom left repeat-x;
border:1px solid #e6e6e6;
line-height:20px;
width:70%;
height:150px;
padding-left:5px;
margin-top:3px;
}
.title03 {
text-align:center;
background:#fff;
padding:5px 0;
}
.title03 input {
background:none;
border:0px solid #003a63;
background:#fff url(../images/over.gif) center  repeat-x;
cursor:pointer;
position:relative;
color:#fff;
font:bold 11px Tahoma, Geneva, sans-serif;
width:auto;
height:28px;
padding:5px 10px;
margin:0 0px 0 10px;
}
.title03 input:hover {
background:#fff url(../images/out.gif) center repeat-x;
cursor:pointer;
}
.title04 {
text-align:center;
background:#fff;
padding:5px 0;
}
.title04 input {
background:none;
border:0px solid #003a63;
background:#fff url(../images/out.gif) center no-repeat;
cursor:pointer;
position:relative;
width:100px;
height:24px;
padding:0;
margin:0 50px 0 10px;
right:15%;
}
.title06 {
	background:#fff url(../images/nav_33.gif) bottom repeat-x;
	border-bottom:2px solid #efefef;
	font:bold 14px Arial, Helvetica, sans-serif;
	text-align:center;
	height:35px;
	padding:0 5px;
}


/**************** End Sub Pagr ****************/

			#portfolio { margin:0 auto 25px ; border:1px solid #F3F3F3;width:100%;}
			#portfolio:hover { background:#f6fafe;}
			#portfolio tr td {
				text-align:left;
				direction:ltr;
			}
			#the-site {position: relative; vertical-align:top; padding:5px; width:190px;}
			.website-name {
			font:bold 12px Tahoma, Geneva, sans-serif; 
			text-align:left; 
			color:#333; 
			padding:8px 5px 0;
			width:400px;
			}
			.website-name span {
				font:normal 11px Tahoma, Geneva, sans-serif;
			}
			.website_data {
				font:normal 11px Tahoma, Geneva, sans-serif;
				line-height:20px;
				text-align:justify;
				color:#333;
				padding:2px 5px;
				vertical-align:top;
			}
			#portfolio .view-website { 
			text-align:left;
			padding:0 5px 2px;
			font-size:11px;
			}
			.view-website a{ 
			color:#be0900;
			text-decoration:none;
			}
			.view-website a:hover{text-decoration: underline;}
			.view-website a span{ display:block;font-weight:normal;} 
			.admin_word { padding:10px;}
			.admin_word span { font-size:11px; font-weight:normal; color:#1B65A9;}
			#portfolio .admin_site {text-align:right; direction:ltr; padding-right:15px;}
.eg_border { border-left:1px dotted #a1c0f4; padding-left:10px;}


#tab_webhosting {border:1px solid #f4f4f4; padding:1px;}
.tab_left {
	display:block;
	width:200px;
	font:bold 11px Tahoma;
	line-height:18px;
	
	}
	.tab_left a{
		display: block;
		padding:5px 5px;
		border-width:0 1px 1px 0;
		border-style:solid;
		border-color:#efefef;
		text-decoration:none;
		color:#376dc5;
		background:#f9f9f9	;
		}
	.tab_left a:hover{
		color:#cc0d0d;
		border-width:0 0px 1px 0;
		background:#fff;
	}
	.tab_left font { background:none; border:0; padding-left:0;}
	.tab_left font:hover { background:none; border:0;}

#datacontaner { vertical-align:top; text-align:left; padding:2px; width:70%}

#servivce_solution {
	width:46%;
	margin:0 0px 30px 14px;
	padding:1px;
	float:left;
	border-top:2px solid #d1e2f4;
	}
	/*
#web_hosting{
	width:30%;
	margin:0 20px 30px 0;
	padding:1px;
	float:left;
	border-top:2px solid #d1e2f4;
	}
#web_hosting:hover {background:#f7fbff;}

	*/
	#servivce_solution:hover {background:#f7fbff;}
	.service_title {
		padding:7px 5px 7px 12px;
		font:bold 11px tahoma;
		background:#eff7ff url(../images/lasthypertechdes-sub_16.gif) center left no-repeat;
	}
	.service_title a{ color:#2a61a6; text-decoration:none;}
	.service_title a:hover{ color:#d30d0d;}
	.service_content {
		padding:5px 7px;
		font:normal 11px tahoma;
		line-height:18px;
		color:#606060;
	}
	.service_more {
		text-align:left;
		padding-left:8px;
		font:normal 11px tahoma;
	}
	
.details {
	display:block;
	border:1px solid #F3F3F3;
	font-weight:bold;
	font-size:13px;
	color:#2a61a6;
	margin:0 auto 5px;
	width:96%;
	padding:0 5px;
	background:#fff;
	cursor:pointer;
}
.details:hover { color:#d30d0d;border:1px solid #e2edf8;}
#more_details {
	border:2px solid #fff;
	background:#e8f4ff;
	width:98%;
	margin:0 auto 5px;
	padding:0 5px;
}
#more_details:hover {border:2px solid #e3edf7;}
#more_details tr td{
	padding:8px 0px 8px 3px;
	border-bottom:1px dotted #fff;
	vertical-align:top;
	font:normal 12px Tahoma, Geneva, sans-serif;
}
#more_details tr td b { color:#676767}


#hideshow {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
#fade {
	background: #000; 
	position: fixed; 
	width: 100%;
	height: 100%;
	filter:alpha(opacity=80);
	opacity: .80;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /*--IE 8 Transparency--*/
	left: 0;
	z-index: 100;
}
.popup_block {
	background:#FFF url(../images/mail-bg.gif) right top repeat-x ;
	padding: 0 10px;
	border: 10px solid #fff;
	float: left;
	width: 650px;
	position: fixed;
	top: 20%;
	left: 45%;
	margin: 0 0 0 -250px;
	z-index: 100;
	vertical-align:top;

}
.popup_block .popup {
	float: left;
	width: 97%;
	background: #fff;
	margin: 10px 0;
	padding:10px;
	border: 1px solid #B5CDDF;
	vertical-align:top;
}

.popup img.cntrl {
	position: absolute;
	right: -20px;
	top: -20px;
}

/*--Making IE6 Understand Fixed Positioning--*/

*html #fade {
	position: absolute;
	top:expression(eval(document.compatMode &&
	document.compatMode=='CSS1Compat') ?
	documentElement.scrollTop : document.body.scrollTop);
}

*html .popup_block {
	position: absolute;
	top:expression(eval(document.compatMode &&
	document.compatMode=='CSS1Compat') ?
	documentElement.scrollTop
	+((documentElement.clientHeight-this.clientHeight)/2)
	: document.body.scrollTop
	+((document.body.clientHeight-this.clientHeight)/2));
	
	left:expression(eval(document.compatMode &&
	document.compatMode=='CSS1Compat') ?
	documentElement.scrollLeft 
	+ (document.body.clientWidth /2 ) 
	: document.body.scrollLeft 
	+ (document.body.offsetWidth /2 ));
}

/*--IE 6 PNG Fix--*/

img{ behavior: url(iepngfix.htc) }