html
{
 	background:#F0F0F0;
}
body
{	
	margin:0px 0px 0px 0px;
	font-family:Tahoma;
	font-size: 11px;
	color:#333333;
	text-align:justify;
	line-height:18px;
}

/*Links Starts Here*/
.main:link
{ 
	color:#FFFFFF;
	text-decoration: none;
	outline:none;
}
.main:visited 
{
	text-decoration: none;
	color:#FFFFFF;
	outline:none;
}
.main:hover 
{
	text-decoration:none;
	color:#FFFFFF;
	outline:none;
	border-bottom:1px dotted #FFFFFF;
}
.main:active 
{
	text-decoration: none;
	color: #FFFFFF;
	outline:none;
}

.hiring:link
{ 
	color:#333333;
	text-decoration: none;
	outline:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;


}
.hiring:visited 
{
	text-decoration: none;
	color:#333333;
	outline:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;

}
.hiring:hover 
{
	text-decoration:none;
	color:#EA0006;
	outline:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;

}
.hiring:active 
{
	text-decoration: none;
	color: #333333;
	outline:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;

}

.webpro:link
{ 
	color:#0373BA;
	text-decoration: none;
	outline:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;

}
.webpro:visited 
{
	text-decoration: none;
	color:#0373BA;
	outline:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
.webpro:hover 
{
	text-decoration:none;
	color:#EA0006;
	outline:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
.webpro:active 
{
	text-decoration: none;
	color: #0373BA;
	outline:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}


.sitemap:link
{ 
	color:#333333;
	text-decoration: none;
	outline:none;
}
.sitemap:visited 
{
	text-decoration: none;
	color:#333333;
	outline:none;
}
.sitemap:hover 
{
	text-decoration:none;
	color:#333333;
	outline:none;
	border-bottom:1px dotted #333333;
}
.sitemap:active 
{
	text-decoration: none;
	color: #333333;
	outline:none;
}

.sub_links:link 
{
	color:#333333;
	text-decoration: none;
	outline:none;
	font-size:11px;
	font-family:Tahoma;
}
.sub_links:visited 
{
	text-decoration: none;
	color:#333333;
	outline:none;
	font-size:11px;
	font-family:Tahoma;
}
.sub_links:hover 
{
	color:#465297;
	text-decoration:underline;
	outline:none;
	font-family:Tahoma;
	font-size:11px;
}
.sub_links:active 
{
	text-decoration: none;
	color: #465297;
	outline:none;
	font-size:11px;
	font-family:Tahoma;
}

.sub_links2:link 
{
	color:#333333;
	text-decoration: none;
	outline:none;
	font-size:12px;
}
.sub_links2:visited 
{
	text-decoration: none;
	color:#333333;
	outline:none;
	font-size:12px;
}
.sub_links2:hover 
{
	color:#465297;
	text-decoration:underline;
	outline:none;
	font-size:12px;
}
.sub_links2:active {
	text-decoration: none;
	color: #333333;
	outline:none;
	font-size:12px;
}


.top:link 
{
	color:#333333;
	text-decoration:none;
	outline:none;
}
.top:visited 
{
	text-decoration:none;
	color:#333333;
	outline:none;
}
.top:hover 
{
	color:#333333;
	text-decoration:none;
	outline:none;
	border-bottom:1px dotted #333333;
}
.top:active 
{
	text-decoration:none;
	color:#333333;
	outline:none;	
}
/*Links Ends Here*/

/*Form Starts Here*/
.form_proparties
{
	border:1px solid #CCCCCC;
	height:20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#333333;
	padding:3px 0px 0px 0px;
}
.form_proparties3
{
	border:1px solid #CCCCCC;
	height:16px;
	width:16px;
}
.form_proparties1
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	border:1px solid #CCCCCC;
	background-color:#EEEEEE;
	padding:5px 5px 5px 5px;
}
.form_proparties1:hover
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	border:1px solid #CCCCCC;
	background-color:#F9F9F9;
	padding:5px 5px 5px 5px;
}
.form_proparties2
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#333333;
	border:1px solid #CCCCCC;
	padding:3px 0px 0px 0px;
}
input:focus,
select:focus,
textarea:focus,
select:focus {
background-color: #FFFFFF !important;
border-color: #9D9D9D #9D9D9D #9D9D9D #9D9D9D !important;
}
/*Form Ends Here*/

/*Img Starts Here*/
.img_border
{
	border:1px solid #CCCCCC;
}
.img_border:hover
{
	border:1px solid #666666;
}
img a
{
	outline:none;
}
/*Img Ends Here*/

/*-------------------------------------------------------------------------------------------------------------------------------------------------*/
/*Container Starts Here*/
.container
{
	padding:0px 0px 0px 0px;
	margin:0px auto 0px auto;
	height:auto;
	width:1000px;
}
/*Header Starts*/
.header 
{
	height: 342px;
	width: 1000px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background:url(../images/home_banner.jpg) no-repeat top;
}
.top_links
{	
	padding:3px 30px 0px 0px;
	margin:0px 0px 0px 0px;
	color:#333333;
	text-align:right;
}
.logo
{
	margin:0px 0px 0px 0px;
	padding:66px 0px 0px 144px;
}
.trouble
{
width:200px;
height:auto;
margin-top:15px;
margin-left:30px;
color:#FFFFFF;
}
.trouble_font
{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;
}
.trouble_font:link
{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;
text-decoration:none;
outline:none;
}
.trouble_font:hover
{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;
text-decoration:none;
border-bottom:1px dotted #FFFFFF;
outline:none;
}
.trouble_font:visited
{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;
outline:none;
}

/*Navigation Starts*/
.main-menu 
{ 
	clear:both;
	height:62px;
	width:1000px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background:#541E1E url(../images/navigation_bg.jpg) no-repeat top;
	font-size:14px;
	color:#FFFFFF;
}	
.divider
{
	padding:0px 11px 0px 11px;
	margin:0px 0px 0px 0px;
}

.nav_text
{
	margin:0px 0px 0px 0px;
	padding:21px 0px 0px 0px;
}

/*Navigation Ends*/


/*Middle Starts*/
.middle
{
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	height:222px;
	width:1000px;
	background:url(../images/middle_bg.jpg) no-repeat top;
}
.heading
{
	color:#0373BA;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:20px;
}
.services
{
	margin:16px 20px 0px 20px;
	padding:0px 0px 0px 0px;
	width:980px;
}
.tagline
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	font-size:18px;
	text-align:center;
	margin:0px 0px 0px 0px;
	padding:16px 0px 0px 0px;
}
.web_services
{
	width:210px;
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 20px 0px 30px;
}
.web_services ul
{
	list-style-type:none;
	padding:0px 0px 0px 0px;
	margin:10px 0px 0px 0px;
}
.web_services li
{
	list-style-type:none;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 2px;
}
.web_applications
{
	width:280px;
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 20px 0px 0px;
}
.web_applications ul
{
	list-style-type:none;
	padding:0px 0px 0px 0px;
	margin:10px 0px 0px 0px;
}
.web_applications li
{
	list-style-type:none;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 2px;
}
.engineering_design
{
	width:200px;
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 20px 0px 0px;
}
.engineering_design ul
{
	list-style-type:none;
	padding:0px 0px 0px 0px;
	margin:10px 0px 0px 0px;
}
.engineering_design li
{
	list-style-type:none;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 2px;
}
.webpro_compitition
{
	padding:0px 0px 0px 0px;
	margin:0px 10px 0px 0px;
	text-align:left;
}

/*Middle Ends*/

/*Footer Starts*/
.footer
{
	width:980px;
	height:30px;
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	color:#333333;
	font-size:10px;
	vertical-align:middle;
}

.rights
{
	width:280px;
	float:left;
	padding:0px 0px 0px 20px;
	font-size:11px;
}
.bottom_nav
{
	width:auto;
	float:right;
	padding:0px 20px 0px 0px;
	text-align:right;
	font-size:11px;
}

hr
{
	height:1px;
	margin:0px 6px 0px 0px;
	padding:0px 0px 0px 0px;
	color:#D8D8D8;
	outline:none;
	border:solid 1px #D8D8D8;
}

/*Footer Ends*/


/*------------------------- About Us ----------------------------*/
.middle_about
{
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	height:auto;
	overflow:auto;
	width:1000px;
	background:url(../images/shadow.jpg) repeat-y top;
}
.middle_bottom
{
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	height:145px;
	width:1000px;
	background:url(../images/bottom_bg.jpg) no-repeat bottom;
}

.left_side
{
	width:200px;
	height:300px;
	padding:10px 0px 0px 0px;
	margin:16px 0px 0px 22px;
	float:left;
	text-align:left;
/*	border-right:1px solid #EEEEEE;*/
}
.left_side ul
{
	list-style-type:none;
	padding:0px 0px 0px 0px;
	margin:10px 0px 0px 0px;
}
.left_side li
{
	list-style-type:none;
	padding:0px 0px 0px 0px;
	margin:0px 0px 10px 2px;
}
.right_side
{
	width:700px;
	height:auto;
	overflow:auto;
	padding:10px 10px 0px 10px;
	margin:16px 4px 0px 10px;
	float:left;
	border:1px solid #EEEEEE;
}

/*------------------------ Webpro Compitition --------------------------*/

.dotted_line
{
 border-right:1px solid #E5E5E5;
}

#form_table
{
 	border:1px solid #EEEEEE;
	padding:10px 10px 10px 10px;
}

.right_border
{
	border:1px solid #CCCCCC;
	border-collapse:collapse;
}

.right_side_border
{
	border-right:1px solid #E5E5E5;
}

.red
{
	color:#EA0006;
}
.blue
{
	color:#0373BA;
}



/*---------------------- Popup Window -----------------------*/

h1, h2, h3 {
	font-weight: normal;
}
h1 {
	font-size: 2em;
}
img {
	border: none;
}
#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: 10;
}
.popup_block {
	background: #ddd;
	padding: 10px 20px;
	border: 10px solid #fff;
	float: left;
	width: 480px;
	position: fixed;
	top: 20%;
	left: 50%;
	margin: 0 0 0 -250px;
	z-index: 100;

}
.popup_block .popup {
	float: left;
	width: 100%;
	background: #fff;
	margin: 10px 0;
	padding: 10px 0;
	border: 1px solid #bbb;
}
.popup h3 {
	margin: 0 0 20px;
	padding: 5px 10px;
	border-bottom: 1px solid #bbb;
	font-size: 1.5em;
	font-weight: normal;
}
.popup li {
	padding: 1px 6px 0px 0px;
	margin: 1px 6px 0px 0px;
}
.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) }
