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

/* background*/

html, body {
	margin: 0;
	padding: 0;
	border: 0;
	height: 100%;
}
#wrapper1 {
	margin: 0 auto;
	width: 970px;
	background-color:#FFFFFF;
	text-align: left;
	
	height: 870px;
}
#wrapper2 {
	margin: 0 auto;
	width: 950px;
	text-align: left;
	height: 870px;
}


body{
	margin:0 ;
	color:#000;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	background-attachment: scroll;
	background-position: top;
	background-color:#007198;
}

div, h1,h2,h3, h4,p, form, label, input, textarea, img, span{
	margin:0; padding:0;
}


a {
	color:#007198;
}

a:hover {
	color:#001e29;
	text-decoration: none;
}

/* TOP PANAL NAME, LOGO */

#topPan{
	border-top: 8px solid #fff;
	width:950px;
	height:166px;
	background-image:url(images/menu_title.gif);
	margin: 0 auto ;
	}

#home{
	height:166px;
	width:113px;
	margin: 0 auto;
	float:left;

	}
#aboutus{
	height:166px;
	width:113px;
	margin: 0 auto;
	float:left;

	}
#services{
	height:166px;
	width:113px;
	margin: 0 auto;
	float:left;

	}
#solutions{
	height:166px;
	width:113px;
	margin: 0 auto;
	float:left;

	}
#contact{
	height:166px;
	width:113px;
	margin: 0 auto;
	float:left;

	}
	
#logo{
	width:305px;
	height:166px;
	background-image:url(images/logo1.gif);
	background-repeat:no-repeat;
	float:right;
	margin-right:30px;
	/*margin-top:30px;*/
	}
	
/* //TOP PANAL NAME, LOGO */

/* LEFT PANAL, MENU */


#leftpan {
	border-top: 3px solid #fff;
	width: 195px;
	background-color:#b0d8f1;
	height: 305px;
	margin: 0 auto;
	float:left;
	
}

#leftmenu {
	padding: 0;
	margin: 0 auto;
}

#leftmenu a {
	text-decoration: none;
	display:block;
	margin: 0 auto;
}

#leftmenu ul {
	padding: 0;
	margin: 0;
	list-style: none;
	margin: 0 auto;
}

#leftmenu li {
	margin: 0;
	padding: 0;
	font-size: 11px;
	font-family: Arial;
}

#leftmenu ul li a {
	margin-top: 0px;
	padding: 0 18px;
	height: 21px;
	line-height: 21px;
	font-weight: bold;
	text-transform: uppercase;
	
	border-bottom: 1px solid #AACCD5;
	
}

#leftmenu ul li ul li  {
	margin-top: 0;
	height:19px;
	line-height: 19px;
	padding-left:10px;
	font-weight:normal;
	text-transform: capitalize;
	background-color:#cfe4f1;
	border-top: 1px solid #EEF5F7;
	border-bottom: 1px none #EEF5F7;
}

#leftmenu ul li ul li ul li  {
	background-color:#00a5df;
	background-image: none;
}

#leftmenu li li li li  {
	padding-left: 36px;
}

#leftmenu ul li ul li ul li ul li  {
	background-color:#cfe4f1;
	background-image: none;
}

#middlepan{
	width:559px;
	height:305px;
	border: 3px solid #fff;
	background-image:url(images/img_home2a.gif);
	background-repeat:no-repeat;
	margin: 0 auto;
	float:left;	
	}
/*css for ask a qoute*/
	
#docform{
	float:right;
	width:190px;
	height:305px;
	border-top: 3px solid #fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	margin: 0 auto;
	}
	
/* --these styles use attribute selectors and the focus pseudo-selector to style form elements
in DOM compliant browsers. Other browseres (such as IE6 will ignore these
and render the default form */

#askaquote{
	background:#cfe4f1;
	height:305px;
	padding-left:10px;
	/*border: 3px ridge #000000;*/
}

legend[class=quotelegend] {
	background:#b0d8f1;
	font-size:12px;
	/*border-top: 3px ridge #000000;
	border-right: 3px ridge #000000;
	border-left: 3px ridge #000000;*/
}
h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	margin:0 auto ;
	}
input:focus, textarea:focus {
	border: 2px solid #0186d9;
	}

	

/*// css for ask a quote ends here*/

#quickcontact{
	float:left;
	width:185px;
	height:185px;
	font-family:Helvetica,Arial,Verdana,sans-serif;
	font-size:12px;
	border-top: 3px solid #fff;
	background:url(images/dot1.gif);
	background-repeat:repeat-y;
	background-position:right;
	margin: 0 auto;
	padding-left:10px;
	}
h3{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration:blink;
	color:#FF9900;
	padding-left:10px;
	padding-top:15px;
	
	}
	
/*------home text, overview----*/	
	
#hometext{
	float:left;
	width:539px;
	height:175px;
	margin: 0 auto;
	border-top: 3px solid #fff;
	padding-left:20px;
	padding-bottom:10px;
	font-family:Helvetica,Arial,Verdana,sans-serif;
	font-size:12px;
	}
h1{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#FF9900;
	padding-top:10px;
	/*padding-left:10px;*/
	padding-bottom:10px;
	}
.textunderline{
	text-decoration:underline;
	}
	
	
/*------home text, overview ends here----*/	
#expertise{
	float:right;
	width:190px;
	height:178px;
	margin: 0 auto;
	background:url(images/dot1.gif);
	background-repeat:repeat-y;
	background-position:left;
	padding-bottom:10px;
	}
	
	h4{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#FF9900;
	padding-top:10px;
	padding-left:40px;
	padding-bottom:10px;
	}
	
#expertiseimage{
	float:none;
	width:150px;
	height:147px;
	margin: 0 auto;
	
	background-image:url(images/software-programming.png);
	background-repeat:no-repeat;
	background-position:center;
	padding-bottom:10px;
	}
	
#horizontalline{
	width:950px;
	height:3px;
	float:left;
	background:url(images/dot1.gif);
	background-repeat:repeat-x;
	}
	
#webdesign{
	width:270px;
	height:88px;
	float:left;
	margin-top:15px;
	margin-bottom:15px;
	margin-right:15px;
	margin-left:20px;
	background-image:url(images/web_design&dev.gif);
	background-repeat:no-repeat;
	border:1px solid #f5f5f5;	
	}

#webdevelop{
	width:270px;
	height:88px;
	float:left;
	margin:15px;
	background-image:url(images/web_hosting.gif);
	background-repeat:no-repeat;
	border:1px solid #f5f5f5;
	}
	
#maintain{
	width:270px;
	height:88px;
	float:right;
	margin-top:15px;
	margin-bottom:15px;
	margin-left:15px;
	margin-right:20px;
	background-image:url(images/customsoftwaredev.gif);
	background-repeat:no-repeat;
	border:1px solid #f5f5f5;
	}
	
#footer{
	width:950px;
	height:50px;
	margin: 0 auto;
	float:left;
	background:url(images/dot1.gif);
	background-repeat:repeat-x;
	text-align:center;
	font:"Times New Roman", Times, serif;
	font-size:11px;
	padding-top:15px;
	color:#c6c4c4;
	}
	

/*end of home page*/

/*css for about us page begins here*/

#abtwrapper1 {
	margin: 0 auto;
	width: 970px;
	background-color:#FFFFFF;
	text-align: left;
	
	height: 920px;
}
#abtwrapper2 {
	margin: 0 auto;
	width: 950px;
	text-align: left;
	height: 920px;
}

#abtleftpan {
	width: 195px;
	height: 680px;
	margin: 0 auto;
	float:left;
	background:url(images/dot1.gif);
	background-repeat:repeat-y;
	background-position:right;
	
}

#abtmiddlepan{
	width:750px;
	height:224px;
	border-top: 3px solid #fff;
	border-left: 3px solid #fff;
	border-bottom: 3px solid #fff;
	background-image:url(images/about_us.jpg);
	background-repeat:no-repeat;
	margin: 0 auto;
	float:left;	
	}
	
#abthometext{
    float:left;
	width:715px;
	height:435px;
	margin: 0 auto;
	border-top: 3px solid #fff;
	padding-left:20px;
	padding-bottom:10px;
	padding-right:20px;
	font-family:Helvetica,Arial,Verdana,sans-serif;
	font-size:12px;
	}
/* css for about us page ends here*/

/* css for services page begins here*/


#servicemiddlepan{
	width:750px;
	height:224px;
	border-top: 3px solid #fff;
	border-left: 3px solid #fff;
	border-bottom: 3px solid #fff;
	background-image:url(images/services1.jpg);
	background-repeat:no-repeat;
	margin: 0 auto;
	float:left;	
	}
	
/* css for awrvices page ends here*/

/* css for solutions page begins here*/

#solutionsmiddlepan{
	width:750px;
	height:224px;
	border-top: 3px solid #fff;
	border-left: 3px solid #fff;
	border-bottom: 3px solid #fff;
	background-image:url(images/solutions.jpg);
	background-repeat:no-repeat;
	margin: 0 auto;
	float:left;	
	}
	
/* css for solutions ends here*/


/*<!-- css for contact us begins here-->*/

#contactmiddlepan{
	width:750px;
	height:224px;
	border-top: 3px solid #fff;
	border-left: 3px solid #fff;
	border-bottom: 3px solid #fff;
	background-image:url(images/contact.jpg);
	background-repeat:no-repeat;
	margin: 0 auto;
	float:left;	
	}
#contacthometext{
    float:left;
	width:715px;
	height:435px;
	margin: 0 auto;
	border-top: 3px solid #fff;
	padding-left:20px;
	padding-bottom:10px;
	padding-right:20px;
	font-family:Helvetica,Arial,Verdana,sans-serif;
	font-size:12px;
	}