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


body {
	background-image:url(../images/bg_big2.jpg);
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px; 
}
#main_container{
width:1000px;
margin:0 auto;

}
p{font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-left:10px; padding-right:10px;
	}
b{color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;}
ul{font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;}
ul li{font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;}
.style7 {
	color: #3366FF;
	font-weight: bold;
	font-style: italic;
}
.style9 {
	color: #3366FF;
	font-weight: bold;
	font-style: italic;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#mainContents{ width:898px; height:100%; overflow:hidden;  margin:0 auto;  background-image:url(../images/bg2.jpg); background-repeat:repeat; }
#top_nav{
		height:40px; text-align:center; line-height:40px; margin-top:0; background-image:url(../images/bar_bg.jpg); background-repeat:repeat-x;
		}
#top_nav span {  margin-bottom:auto; margin-top:0; padding-top:0; height:21px; }
#top_nav ul 
{
	margin:0 auto;
	padding:0 0 0 10px;;
	list-style:none;
}
#top_nav ul li { line-height:40px; height:40px; display:inline; float:left;}
#top_nav ul li a { padding: 20px 8px 0 0;; text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; font-weight: bold; }
#top_nav ul li img{ padding-right:10px;}
#top_nav ul li a:hover { color:#00CC66;}
.top_nav{
		height:40px; text-align:center; line-height:40px; margin-top:0; background-image:url(../images/bar_bg.jpg); background-repeat:repeat-x;
		}
.top_nav span {  margin-bottom:auto; margin-top:0; padding-top:0; height:21px; }
.top_nav ul 
{
	margin:0 auto;
	padding:0 0 0 10px;;
	list-style:none;
}
.top_nav ul li { line-height:40px; height:40px; display:inline; float:left;}
.top_nav ul li a { padding: 20px 11px 0 0;; text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; font-weight: bold; }
.top_nav ul li img{ padding-right:10px;}
.top_nav ul li a:hover { color:#00CC66;}
.chromestyle{
	height:40px; text-align:center; line-height:40px; margin-top:0; background-image:url(../images/bar_bg.jpg); background-repeat:repeat-x;
}
#sitemap{ list-style:none; color:##208dc6;
}
#sitemap li,#sitemap li a{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold;color:#208dc6; text-decoration:none; margin:3px;}
#sitemap li a:hover{ text-decoration:underline; color:#00CC66;}
#sitemap li ul{ list-style:none;}
#sitemap li ul li a{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size:13px; font-style:italic; font-weight:normal; list-style:none;}


/*
.chromestyle ul{
margin:0 auto;
	padding:0 0 0 10px;;
	list-style:none;
	height:40px; text-align:center; line-height:40px; margin-top:0; background-image:url(../images/bar_bg.jpg); background-repeat:repeat-x;
}

.chromestyle ul li{
	line-height:40px; height:40px; display:inline; float:left;
}

.chromestyle ul li a{
	 padding: 20px 11px 0 0;; text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; font-weight: bold;
	
	/*vertical-align:top;*/
/*}
.chromestyle ul li img{ padding-right:10px;}
.chromestyle ul li a:hover { color:#00CC66;}


/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
margin-top:1em;
position:absolute;
border: 1px solid #BBB; /*THEME CHANGE HERE*/
border-bottom-width: 0;
font:normal 12px Verdana;
line-height:20px;
z-index:100;
background-color:#666666;
width: 200px;
visibility: hidden;
margin-left:-12px;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/
}
.dropmenudiv a{
font-family:Verdana, Arial, Helvetica, sans-serif;
width: auto;
display: block;
text-indent: 3px;
border-bottom: 1px solid #BBB; /*THEME CHANGE HERE*/
padding: 2px 0;
text-decoration: none;
font-size:11px;
text-decoration:none;
color:#fff;
height: 20px;
background-color:#000000;

padding-top:3px;
padding-left:14px;
}
* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ 
color:#208dc6;
background-color:#0099FF;
}
a.navlinks {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;	
}
a.navlinks:hover {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#99FF66;
	text-decoration:none;
}
#right_bar{ width:1000px; height:100%px; background-image:url(../images/shadowb.jpg); background-repeat:repeat-y;background-position:949px 0; _background-position:949px 0; }
#left_bar{width:1000px; height:100%; background-image:url(../images/shadowa.jpg); background-repeat:repeat-y; background-position:1px 0;}

span.style6 { padding-top:0;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; font-weight: bold; }

#home_img_links{ margin-right:10px; float:right; margin-top:5px; width:300px; display:inline; text-align:right;}
#home_img_links img{ padding-left:10px;}
.itro{font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px; margin-top:10px; margin-bottom:10px; 
}
.itro span{
text-transform: capitalize;

}
.itro i{

/* to make title case  */
text-transform: capitalize;
}

.itro strong{
font-size:14px;
color:#000000;
/* to make title case  */
text-transform: capitalize;

}
.itro strong a{
font-size:16px;
color:#208dc6;
}
.itro  b{
font-size:11px;
color:#0a0a0a;
}
.itro a{
text-decoration:none;
color:#666666;
font-weight:bold;
}
.GoBack{
font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:right;

}
.GoBack a{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
margin-right:30px;
padding-right:30px;
color:#174f88;

}

span.tool-tech-heding{
padding-left:8px;
color: #3366FF;
	font-weight: bold;
	font-style: italic;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
text-align:justify;
width:30%;
float:left;

}
span.tool-tech{
margin-left:8px;
padding-left:8px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
text-align:justify;
width:60%;
float:right;
}
a.mlinks {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#CC6600;
	text-decoration:none;	
}
a.mlinks:hover {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#333333;
	text-decoration:none;
}

a.slinks {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#006699;
	text-decoration:none;	
}
a.slinks:link {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#006699;
	text-decoration:none;	
}
a.slinks:hover{ text-decoration:underline;}
#customers{ text-align:center;}
#customers img{ padding:8px 33px 8px 33px;}
#customers span{ display:block; width:100%; text-align:left;}
#design-services{text-align:center;}
#design-services img{ padding:8px 15px 8px 15px;}
.div-img{ float:left; text-align:right; width:13%;}
.img-description{ float:right; width:83%; padding-bottom:10px; padding-right:10px; padding-left:5px;font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;}
.img-description a{ text-decoration:none;  color:#0099FF; letter-spacing:.05em;}
.img-description a:hover{ text-decoration:underline;}
.img-description h2{ color: #009933; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 14px; margin-top:25px; margin-bottom:5px;}
#cust-sub{font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px; text-align:justify; padding-top:10px; padding-right:10px;}
#cust-sub img{float: left; margin: 0 20px 2px 8px; }
#cust-sub h2{color: #009933; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 16px; }
p.prod-detail{ clear:both;}
ul#keyfeachure{

font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:justify;
color:#000;
font-size:12px;
margin-top:-.8em;

}
ul#keyfeachure li{
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:justify;
color:#000;
font-size:12px;
margin-left:10px;
}

#footer{
	padding-top:10px;
	padding-bottom:4px;
	_padding-bottom:1px;
	height:64px;
	line-height:30px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	background-image:url(../images/bg_foot.jpg);
	text-align:center;
	vertical-align:middle;
	background-color: #000000;
}
#footer span  {}
#footer span a{ text-decoration:none; color:#fff; margin-right:10px;}
#footer span a:hover{ text-decoration:underline;}
span.copyrights{font-family: Verdana, Arial, Helvetica, sans-serif; display:block; 
	font-size: 9px; color:#fff; line-height:20px; font-weight:normal; padding-top:15px;}
	
	form  label{
	position: absolute;
	text-align:left;
	width:100px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-size:11px;
	color:#666666;
	padding:3px 5px;
	margin-top:2px;
	}
	form input, textarea, select {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	margin-left: 140px;
	margin-top:2px;
	padding:3px 5px;
}
form div {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#666666;
	padding-left:25px;
}
form label.check, label.radio {
	position:relative;
	text-align:left;
	margin-top:2px;	
}	
	
/* after here is code for pop up window*/


.dhtmlwindow{ 
position: absolute;
border: 2px solid #53a0ca;
visibility: hidden;
background-color: #f4f4f4;
}

.drag-handle{ /*CSS for Drag Handle*/
padding: 1px;
text-indent: 3px;
font: bold 14px Arial;
background-color:#53a0ca;
color: white;
cursor: move;
overflow: hidden;
width: auto;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

.drag-handle .drag-controls{ /*CSS for controls (min, close etc) within Drag Handle*/
position: absolute;
right: 1px;
top: 2px;
cursor: hand;
cursor: pointer;
}

* html .drag-handle{ /*IE6 and below CSS hack. Width must be set to 100% in order for opaque title bar to render*/
width: 100%;
}


.drag-contentarea{ /*CSS for Content Display Area div*/
border-top: 1px solid brown;
background-color: #f4f4f4;
color: black;
height: 150px;
padding: 2px;
overflow: auto;
}

.drag-statusarea{ /*CSS for Status Bar div (includes resizearea)*/
border-top: 1px solid gray;
background-color: #F8F8F8;
height: 13px; /*height of resize image*/
}


.drag-resizearea{ /*CSS for Resize Area itself*/
float: right;
width: 13px; /*width of resize image*/
height: 13px; /*height of resize image*/
cursor: nw-resize;
font-size: 0;
}
.capcha{
float:left;
margin-left:114px;
width:80%;
height:auto;
border:0px solid;
}
.capcha_txt{
float:left;
margin-left:-28px;
width:110px;
height:auto;
border:0px solid;
}
.capcha_txt_box{
width:100%;
margin-left:-27px;
.margin-left:-16px;
-margin-left:0px;
height:auto;
border:0px solid;
}
/*sannankhalid_10032010___________________*/
ul#key{

font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:justify;
color:#000;
font-size:12px;


}
ul#key li{
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:justify;
color:#000;
font-size:12px;
margin-left:10px;
line-height:20px;
}
.hover_effect{
font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	

}
.hover_effect a{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;

text-decoration:none;
color:#174f88;

}
.hover_effect :hover{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;

text-decoration:underline;
color:#174f88;

}
#cust-sub_new{
	line-height:20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px; text-align:justify; padding-top:10px; padding-right:10px;}