﻿@charset "utf-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, button, textarea { 	margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; /*line-height: 1; */ font-family: inherit; font-weight: normal;	/*vertical-align: baseline;*/ outline:0; }
html 		{ height:100%	}
ul, li, ol 	{ list-style-type:none }
:focus 		{ outline: 0; }
table		{ border-collapse: separate;	border-spacing: 0;	}
blockquote:before, blockquote:after, q:before, q:after {	content: "";	}
blockquote, q {	quotes: "" "";}
	
  /* ----------------- // Body //------------------ */
body { width:100%; height:100%; text-align:center; font:normal 12px/14px Arial, sans-serif; background:#CCCCCC; color:#565555; }
a, a:visited{ text-decoration:none; color:#076ed5}
a:hover 	{ text-decoration:underline; }
h1 			{ font-size: 32px; font-weight:bold} 
h2 			{ font-size: 24px; font-weight:bold} 
h3 			{ font-size: 20px; font-weight:bold} 
h4 			{ font-size: 16px; font-weight:bold} 
h5 			{ font-size: 13px; font-weight:bold} 
h6 			{ font-size: 12px; font-weight:normal; }
h7 			{ font-size: 12px; font-weight:normal; color:#565555; }
h8 			{ font-size: 11px; font-weight:bold; color:#454444; }

/* ----------------- // general styles // ------------------ */
.bold 		{ font-weight:bold;	}
.clear 		{ clear:both 	}
.floatR		{ float:right	}
.floatL		{ float:left	}



#container 		{ width:850px; min-width:850px; margin:0 auto; text-align:left;    }
#header			{ height:224px;}
#header .logo { float:left; width:279px; height:224px; background:url(../images/GenInfo_logo.jpg) no-repeat top left; }
#header .logo a	{ width:228px; height:124px; display:block; text-indent:-99999px; }
#header .flash	{  float:left;width:571px; height:224px;   }

#header .logo_au { float:left; width:850px; height:224px; background:url(../images/aboutus_banner.jpg) no-repeat top left; }
#header .logo_pro { float:left; width:850px; height:224px; background:url(../images/products-services-banner.jpg) no-repeat top left; }
#header .logo_sam { float:left; width:850px; height:224px; background:url(../images/sampleprojects_banner.jpg) no-repeat top left; }
#header .logo_con { float:left; width:850px; height:224px; background:url(../images/contactus_banner.jpg) no-repeat top left; }
#header .logo_site { float:left; width:850px; height:224px; background:url(../images/sitemap_banner.jpg) no-repeat top left; }

#header .logo_au a, #header .logo_pro a, #header .logo_sam a, #header .logo_con a, 
#header .logo_site a { width:228px; height:124px; display:block; text-indent:-99999px; }


#footer			{ position:relative; float:left; width:850px; font-size:10px; text-align:center; padding:7px 0 0 0; color:#b9b9b9; background-color:#155da5;  }
#footer	p 		{ margin:0 0 3px 0 }
#footer	p.design {
	position:absolute;
	right:22px;
	bottom:17px
}
#footer a 	{ color:#b9b9b9; text-decoration:none;}
#footer a:hover { color:#fff; text-decoration:underline;}


/*--------------// Main menu  // --------------*/
.navcontainer 	{ float:left; width:850px; height:24px; overflow:hidden; background-color:#155da5;	}
ul#nav 			{ float:left;  width:850px;	display:inline; overflow:hidden; margin:0 0 0 60px;  	}
ul#nav li 		{ margin: 0; padding:0; display:inline; height:24px;   }
ul#nav a 		{ float: left; height:24px; padding: 0px 0 0 0; overflow:hidden; text-indent:-9999px; }
ul#nav li a:hover {	background-position: 0 -24px;				}
ul#nav li a.current, ul#nav li a.current:hover, ul#nav li a:active{	background-position:left bottom; }
#home a  		{ width: 82px;	background: url(../images/home.gif) top left no-repeat;			}
#about_us  a  	{ width: 101px;	background: url(../images/aboutus.gif) top left no-repeat;		}
#prod a  		{ width: 165px;	background: url(../images/prod.gif) top left no-repeat;	}
#proj a  		{ width: 201px;	background: url(../images/proj.gif) top left no-repeat;		}
#contact a  	{ width: 111px;	background: url(../images/contact.gif) top left no-repeat;	}
ul#nav li.div	{float: left;	width: 21px; background: url(../images/navdivider.gif) top left no-repeat;	}
/*--------------// Main menu ends // --------------*/


#maincontent	{  float:left;width:850px; min-width:850px;  clear:both; background:#fff; height:auto; padding-bottom:11px;  }

/*--------------// Products List Style // --------------*/
ul.au_list { float:left; width:564px;  padding:0; margin:0px;       }

ul.au_list li { margin:10px 0 5px 16px; list-style-image:url(../images/bullet_red2.gif); font-weight:bold; 
 list-style-position:outside; color:#0048a0;  }
 
ul ul.au_list { float:left; width:564px;  padding:0; margin:0 0 5px 16px; color:#999999; font-weight:normal;    }

ul.au_list li li{ margin:10px 0 5px 14px; list-style-image:url(../images/bullet_grey.gif); font-weight:normal; 
 list-style-position:outside; color:#565555;  }
 
ul.au_list li li li{ margin:10px 0 5px 14px; list-style-image:url(../images/bullet_red_arrow.gif);  
 list-style-position:outside; font-weight:bold; color:#454444; font-size:11px;  }
 
.au_list ul li a, .au_list ul li a:visited {  font-weight:bold;  color:#076ed5; font-size:11px;  font-weight:normal;}  

 /*--------------// Products List Style Ends // --------------*/
 
#rightcol 	{ float:left; width:213px;  margin:11px 0 0 5px; xborder:1px solid red }
#leftcol 	{ float:left; width:277px; margin:11px 0 0 22px; display:inline; xborder:1px solid red }

.servinfo 		{ background:url(../images/curlred2.gif) no-repeat scroll bottom left; padding-bottom:44px;} 	
.servinfo h1	{ width:277px; height:22px; text-indent:-999999px; background:#FD0104 url(../images/hdr_serv.gif) no-repeat center  top ; } 	
.servinfo p 	{ padding:15px 15px 0 15px; text-align:justify}
.servinfo_txt span	{ color:#0E5CAA; font-weight:bold;}

.downloads 		{ position:relative;  margin:5px 0 0 0;  background:url(../images/curl_lb.gif) no-repeat bottom left; padding:0 0 20px 0;	}
ul.brochures li { background:url(../images/bullet_grey.gif) no-repeat 1% 15%; padding: 0 0 0 15px; }
.dwnl ul.brochures li a { text-decoration:none; color:#9f9d9d; font-size:11px;  }
.dwnl ul.brochures li a:hover { text-decoration:underline; color:#7f7f7f;  }


.advantages 	{ float:left; width:306px;  padding: 0 0 38px 0; _padding-bottom:43px;   background:url(../images/curl_cb.gif) no-repeat scroll bottom left;  text-align:center; margin:11px 0 0 5px; border-top:1px solid #e1e1e1;} 
#advservices a { text-decoration:none; color:#262626; font-weight:bold; }
#advservices a:hover { text-decoration:none;  color:#9f9d9d; font-weight:bold; }

.pixhdr 		{ height:92px; text-align:center ; background: url(../images/adv_pix.jpg) no-repeat center  top; margin:5px 0; clear:both }
.pixhdr img 	{ position:relative; left:0; top:58px}
 
 
.contactinfo, .news {   border-top:1px solid #e1e1e1; background:url(../images/curl_right.gif) no-repeat scroll bottom left; padding:10px 0 29px 0;font-size:11px;  }
.contactinfo p { text-align:center;  }
.contactinfo span { color:#FD0104; font-weight:bold; clear:both; display:block; font-size:12px; }
.contactinfo a { text-decoration:none; color:#155DA5 }
.contactinfo a:hover { text-decoration:underline; }

.news { position:relative; margin:5px 0 0 0; padding-bottom:20px; _height:201px;  background:url(../images/curl_right.gif) no-repeat scroll bottom left;	} 
.news ul {  margin-bottom:0px; margin-top:3px; width:100%;  }
.news ul li {  padding:0 5px;  } 
.news ul li a, .news ul li a:visited {  font-weight:bold;  color:#155DA5; font-size:11px;  font-weight:bold;} 

li.septr { background: url(../images/news_dottedline.gif) no-repeat scroll 50% 50%;}

.newshdr 	{  width:806px; height:14px; text-align:right ; margin:2px 0 10px 0; clear:both; border-bottom:1px solid #565555;  }

.newshdr a 		{ color:155da7; font-weight:bold; text-align:right; }
.newshdr li a:hover, .newshdr li a.current { color:#565555; }


.au_info {float:left; width:496px; height:301px; text-align:justify; padding:13px 53px 0 53px; background:url(../images/braces.gif) no-repeat scroll top left;	} 
.au_info p, .cohistory p, .advtge p { margin-bottom:13px; line-height:14px}

.au_mainpic {float:right; width:248px; height:269px; padding:45px 0 0 0  }
.cohistory, .advtge { float:left; width:815px; padding:0 0 0 22px; margin-right:11px; display:inline; xbackground:pink; }
.hdr {float:left; width:95%; height:22px; display:block; line-height:22px; color:#000; font-weight:bold;  border-left:21px solid #D91718;  padding:0 0 0 10px; margin-bottom:5px;  background:#DEDEDC url(../images/stripendcurl.jpg) no-repeat scroll bottom right;	} 
.dochdr {float:left; width:100%; height:22px; display:block; line-height:22px; color:#000; font-weight:bold;  border-left:21px solid #D91718;  padding:0 0 0 10px; margin-bottom:5px;  background:#DEDEDC url(../images/stripendcurl.jpg) no-repeat scroll bottom right;	} 

.aec_hdr {float:left; width:100%; height:22px; display:block; line-height:22px; color:#FD0104; font-weight:bold; padding:0 0 0 0; margin-bottom:5px; } 
#software_hdr_pic {float:left; width:100%; height:5px; display:block; line-height:10px; padding:0 0 0 0; margin-bottom:5px; } 
.relpic { float:left; margin:0 10px 10px 0}
.cohistory p,  .whatwedo p { padding: 0 10px; text-align:justify; }
.docuarch p { padding: 0 10px; text-align:justify; }
.advtge p {float:left; padding: 0 10px; xbackground:pink; text-align:justify; }
.whatwedo, .testimonial { float:left; width:395px; margin:0 0 0 22px; xpadding:0; text-align:justify; display:inline; 	xbackground:#eee;}

.whatwedo .hdr, .testimonial  .hdr { width:90%;}
 
.docuarch .dochdr { width:100%;}
 
  /*--------------// sample info  // --------------*/
  
.sample_info {float:left; width:806px; height:auto; text-align:justify; padding:13px 0 0 22px;  } 

.sample_info p { padding: 10px 0 0 0; text-align:justify; }

.samplepixhdr 	{  width:806px; height:22px; text-align:center ; margin:5px 0; clear:both; border-bottom:1px solid #f62727;  }

.samplepixhdr a 		{ color:155da7; font-weight:bold; text-align:center ; }
.samplepixhdr li a:hover { text-decoration:underline; text-align:center ; }
.samplepixhdr li a.current { color:#f62727; }


.samplepixfooter 	{  width:806px; height:12px; text-align:center ; margin:5px 0; clear:both; }

.samplepixfooter a 		{ color:155da7; font-weight:bold;  }
.samplepixfooter li a:hover { text-decoration:underline; }
.samplepixfooter li a.current { color:#f62727; }


 /*--------------// sample info ends // --------------*/
 
/*--------------// services info  // --------------*/

.testimonial a { color:#155da5; text-decoration:underline }

.ser_info {float:left; width:564px; height:auto; text-align:justify; padding:13px 0 0 22px; } 

.ser_info p { margin-bottom:13px; line-height:14px}

.ser_mainpic {float:right; width:225px; height:232px; padding:35px 22px 0 17px;  }

.serhdr {float:left; width:564px; height:44px; display:block;  } 

.prod_right { float:right; width:225px; padding:13px 22px 0 17px; }
#topbar { float:right; width:225px; height:61px; padding:0; }
#rtpic { float:right; width:225px; height:232px; padding-top:12px; }
#bottbar { float:right; width:225px; height:232px; padding-top:12px;  }


/*--------------// services info  // --------------*/

/*--------------// Services menu container  // --------------*/

.ser_navcontainer 	{ float:left; width:564px; height:17px; overflow:hidden; background-image:url(../images/serv_nav_bg.gif);  margin:0 0 5px 0;	}
ul#sernav 			{ float:left;  width:564px;	display:inline; overflow:hidden; margin:0 0 0 112px;  	}
ul#sernav li 		{ width:113px; padding:0; display:inline; height:17px; text-align:center; margin:0 10px 5px 10px;   }
ul#sernav a 		{ float: left; height:17px; padding: 0px 0 0 0; overflow:hidden; color:#fff; text-align:center; display:block; font-weight:bold; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:11px; }
ul#sernav li a:hover, ul#sernav li a.selected { color:#000; }
ul#sernav li.serdiv	{float: left; width:2px; background: url(../images/sernavdivider.gif) top left no-repeat;	}

/*--------------// Services menu container ends // --------------*/
#aec_container { width:564px; } 

/* Sample Projects Table */

.table 		{ float:left; width:806px; color:#ffffff; margin:0 0 10px 22px; display:inline; clear:both}

.table .th { width:100; height:20; padding: 0; margin:0 20px 10px 0;  }

.table .tha { width:102; height:20; padding: 0; margin:0 20px 10px 0;  }

.table .th1 { width:222; height:20; padding: 0; margin:0 ; margin-right:18px; margin-bottom:10px; }

.table .th2 { width:222; height:20; padding: 0; margin:0 ; margin-bottom:10px; }

.table .td 	{ float:left; }

.table .tdla { background:#faf7f7; width:100px; margin:0 20px 20px 0;  color:#565555; text-align:center; height:160px; letter-spacing:.5px; }

.table .tdlb { background:#efebeb; width:100px; margin:0 20px 20px 0;  color:#565555; text-align:center; height:160px; letter-spacing:.5px; }

.table .tdlc { background:#faf7f7; width:202px; margin:0 20px 20px 0;  color:#565555; text-align:center; height:160px; letter-spacing:.5px; }

.table .tdld { background:#efebeb; width:202px; margin:0 20px 20px 0;  color:#565555; text-align:center; height:160px; letter-spacing:.5px; }

.table .tdr { background:#FFFFFF; width:218px; margin-right:20px; margin-bottom:20px; border:1px solid #D5D5D5; }

.table .tdra { background:#FFFFFF; width:218px; margin-bottom:20px; border:1px solid #D5D5D5;   }

.tdrg 		{ background:#FFFFFF;   }

#samplepic { float:left; width:216px; display:inline;  }
#samplepic img { padding: 1px 1px 1px 1px; }

#project_title p { color:#155da5; font-weight:bold; clear:both; display:block; font-size:14px; text-align:center; margin-bottom:10px; }


/* Sample Projects Table ends */

/* Contact Form Table */
#contact_b  		{ float:left; width:550px; color:#16478a; margin:10px 0 0 0}
#contact_b .row 	{ width:550px; height:auto; background:#ffffff repeat-y; margin-bottom:2px; }
#contact_b .left  	{ float:left; width:550px;   padding:2px 0 2px 0; background:#ffffff; }
#contact_b .lefta  	{ float:left; width:550px;  padding:2px 0 2px 0; background:#ffffff}



.txtarial184 { width: 540px; height: 14px; font-size: 12px; border: #CCCCCC 1px solid; font-family: Arial, Helvetica, sans-serif;COLOR: #5D5D5D;}

.txtararial184 {width: 540px; height: 90px; font-size: 12px; border: #CCCCCC 1px solid; font-family: Arial, Helvetica, sans-serif;COLOR: #5D5D5D;}
/* Contact Form Table Ends */

