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, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/*______Basic Code*/
body {
font-family:verdana;
font-size:75%;
background:#085ea8 url(images/bg.jpg) top repeat-x;
}
div#agwrapper {
width:100%;
margin:0 auto;
}

div#footer {
height:20px;
margin:0 auto;
width:960px;
text-align:center;
color:#FFFFFF;
font-size:11px;
margin-top:5px;
}

div#agcontainer {
margin:0 auto;
overflow:hidden;
width:960px;
}

div#agheader {
width:960px;
height:105px;
}
/*____Top right Navigation*/
div#agtopnav {
float:right;
background:url(images/top_nav.png) no-repeat;
height:29px;
width:151px;
}

div#agtopnav ul li{
float:left;
margin-left:10px;
margin-right:1px;
margin-top:7px;
color:#FFFFFF;
}
div#agtopnav ul li a{
text-decoration:none;

color:#FFFFFF;
}
/*End*/

div#aghotline {
float:right;
background:url(images/hotline.png) no-repeat;
height:31px;
width:244px;
margin-right:-151px;
margin-top:48px;
}

/*____LOGO*/
div#aglogo {
background:url(images/avant-garde_logo.png) no-repeat;
height:128px;
width:650px;
}
/*End*/

/*TopNav*/
#topnav {
width:960px;
float:left;
}
*html body #topnav {
margin-bottom:-8px;
}
/*End*/
/*agconhold*/
#agconhold {
float:left;
width:960px;
}
/*End*/

/*____Menu*/
div#agmenu {
float:left;
width:644px;
}
div#agmenu ul li {
float:left;
color:#ffffff;
font-weight:bold;
font-size:12px;
}
div#agmenu ul li a{
text-decoration:none;
color:#FFFFFF;
}

/**/
.activebt01{
height:44px;
padding-left:15px;
padding-top:8px;
width:74px;
background:url(images/agmenu01.png) no-repeat;
}
.inactivebt01{
background:transparent url(images/inact.png) no-repeat scroll 0 0;
height:44px;
margin-top:13px;
padding-left:19px;
padding-top:8px;
width:74px;
}
.activebt02{
height:44px;
padding-left:24px;
padding-top:8px;
width:109px;
margin-left:-18px;
background:url(images/activebt.png) no-repeat;
}
.inactivebt02{
height:31px;
margin-left:-15px;
margin-top:13px;
padding-left:24px;
padding-top:8px;
width:109px;
background: url(images/aagmenu03.png) no-repeat;
}
.inactivebt03{
height:31px;
margin-left:-24px;
margin-top:13px;
padding-left:22px;
padding-top:8px;
width:109px;
background: url(images/aagmenu03.png) no-repeat;
}
.activebt03{
height:44px;
padding-left:24px;
padding-top:8px;
width:109px;
margin-left:-23px;
background:url(images/activebt.png) no-repeat;
}

.activebt04{
height:44px;
padding-left:24px;
padding-top:8px;
width:109px;
margin-left:-23px;
background:url(images/activebt.png) no-repeat;
}


.inactivebt04{
height:31px;
margin-left:-23px;
margin-top:13px;
padding-left:25px;
padding-top:8px;
width:109px;
background: url(images/agmenu04.png) no-repeat;
}
.activebt05{
height:44px;
padding-left:24px;
padding-top:8px;
width:109px;
margin-left:-23px;
background:url(images/activebt.png) no-repeat;
}
.inactivebt05{
height:31px;
margin-left:-25px;
margin-top:13px;
padding-left:26px;
padding-top:8px;
width:109px;
background: url(images/agmenu05.png) no-repeat;
}
.activebt06{
height:44px;
padding-left:24px;
padding-top:8px;
width:109px;
margin-left:-23px;
background:url(images/activebt.png) no-repeat;
}
.inactivebt06{
height:31px;
margin-left:-26px;
margin-top:13px;
padding-left:26px;
padding-top:8px;
width:109px;
background: url(images/agmenu06.png) no-repeat;
}
/*End*/

/*____Marque*/
div#agmarque {
float:right;
height:20px;
width:290px;
color:#000066;
font-weight:bold;
text-transform:uppercase;
margin-top:22px;
}
/*End*/

/*____Flash banner (I use Java for it)*/
div#agflash {
float:left;
width:663px;
height:320px;
margin-top:-8px;
background:url(images/flash.jpg) no-repeat;
}
/**End/

/*____Left Content Menu Home*/
div#agleftmenu {
float:right;
width:290px;
height:320px;
height:320px;
margin-top:-8px;
background:url(images/aleftmenu.png) no-repeat;
}
*html body  div#agleftmenu {
margin-top:0px;
}
div#agleftmenu ul li{
color:#FFFFFF;
font-family:"Times New Roman",Times,serif;
font-size:18px;
line-height:19px;
padding-bottom:7px;
padding-top:5px;
margin-left:16px;
}
div#agleftmenu ul li a{
color:#FFFFFF;
text-decoration:none;
}

div#agmenu2{
float:left;
width:960px;
margin-bottom:-22px;
}
*html body div#agmenu2{
float:left;
width:960px;
margin-bottom:-22px;
}

div#agmenu2 ul li {
float:left;
color:#ffffff;
font-weight:bold;
font-size:12px;
}
div#agmenu2 ul li a{
text-decoration:none;
color:#FFFFFF;
}

/*End*/

/*____Inside contect hold*/
div#agcontent {
width:960px;
overflow:hidden;
margin-bottom:-46px;
padding-top:7px;
}
/*End*/

/*Boxes*/
div#agleftcon {
float:left;
width:663px;
height:200px;
}
div#agrightcon {
float:right;
width:290px;
}

div#agleftbox {
float:left;
width:434px;
height:185px;
}
div#agrightbox {
float:right;
width:221px;
} 
/**/
.round-cornered
  {
  height:185px;
  }
  *html body .round-cornered .c1
  {
  height:9px;
    }
  .round-cornered .c1
  {
    height: 9px;
    background: url(images/box-c1.gif) no-repeat;
  }
  .round-cornered .c2
  {
    height:9px;
margin-top:-9px;
    background: url(images/box-c2.gif) right no-repeat;
  }
  *html body  .round-cornered .c2
  {height:9px;
margin-top:-17px;
  }
  
  
  .round-cornered .c3
  {
    height:9px;
    background: url(images/box-c3.gif);
  }
  .round-cornered .c4
  {
height:9px;
margin-top:-9px;
    background: url(images/box-c4.gif) right no-repeat;
  }
  
*html body .round-cornered .c3
  {
    height:9px;
	background: url(images/box-c3.gif) no-repeat;
}  
  
  *html body  .round-cornered .c4
  {
height:9px;
margin-top:-17px;
}
  
  
  
  
  *html body  .round-cornered .in
  {
  margin-top:-5px;
  }
  .round-cornered .in
  {
    border-left: 1px solid #085ea8;
    border-right: 1px solid #085ea8;
    padding-left: 5px;
    padding-right: 5px;
    color: #000;
    background: #fff;
	height:155px;
  }
  
/**/
/**/
.round-cornered .in h1 {
font-family:"Times New Roman", Times, serif;
font-size:22px;
color:#013e7b;
margin-bottom:-8px;
}
.round-cornered .in h2 {
font-family:"Times New Roman", Times, serif;
font-size:22px;
color:#013e7b;
margin-bottom:-8px;
background:url(images/h2_bg.gif) no-repeat;
}

.round-cornered .in ul li {
float:left;
font:verdana;
color:#000000;
font-style:italic;
font-weight:bold;
width:400px;
padding-top:5px;
}
*html body .round-cornered .inEN1 {
margin-top:-2px;
}

.round-cornered .inEN1 {
height:200px;
 border-left: 1px solid #085ea8;
    border-right: 1px solid #085ea8;
    padding-left: 5px;
    padding-right: 5px;
    color: #000;
    background: #fff;
}

.round-cornered .inEN1 h3 {
font-family:"Times New Roman", Times, serif;
font-size:22px;
color:#013e7b;
margin-bottom:-8px;
background: url(images/agevent_bg.png) no-repeat;
height:31px;
padding-left:34px;
}

.round-cornered .inEN2 {
height:113px;
 border-left: 1px solid #085ea8;
    border-right: 1px solid #085ea8;
    padding-left: 5px;
    padding-right: 5px;
    color: #000;
    background: #fff;
	margin-top:-2px;
}

.round-cornered .inEN2 h1{
color:#013e7b;
font-size:12px;
padding-bottom:5px;
}
.round-cornered .inEN2 p{
font-size:11px;
padding-bottom:5px;
}
div#events ul li{
width:190px;
font-style:normal;
font-weight:normal;
background:url(images/star.png) no-repeat left 5px;
padding-left:15px;

}
div#agbotbox {
float:left;
width:662px;
height:147px;
}

div#flabox01 {
float:left;
width:332px;
background:url(images/boxbg.gif) right 8px no-repeat;
}
div#flabox02 {
float:right;
width:300px;
}
/*End*/
.agreadm {
background:url(images/readM.png) no-repeat;
height:18px;
width:80px;
float:right;
}
div#agrightbox01 {
float:left;
width:291px;
}
div#agrightbox02 {
float:lefet;
width:291px;
margin-top:227px;
}
*html body div#agrightbox02 {
margin-top:3px;
}
/*___________________________________________Home page gallery*/
#gallery {
	position:relative;
	height:294px;
margin-left:13px;
margin-top:13px;
	
}
	#gallery a {
		float:left;
		position:absolute;
	}
	
	#gallery a img {
		border:none;
	}
	
	#gallery a.show {
		z-index:500
	}

	#gallery .caption {
		z-index:600; 
		background-color:#000; 
		color:#ffffff; 
		height:100px; 
		width:637px;
		position:absolute;
		bottom:0;
	}

	#gallery .caption .content {
		margin:5px
	}
	
	#gallery .caption .content h3 {
		margin:0;
		padding:0;
		color:#1DCCEF;
	}
	
/*____________________________end*/
/*___________________________________Inside Pages Contect Section*/
div#banner-sol {
background:url(images/banners/solutions.jpg) no-repeat;
height:150px;
width:930px;
margin-bottom:10px;
}
div#banner-res {
background:url(images/banners/resources.jpg) no-repeat;
height:150px;
width:930px;
margin-bottom:10px;
}
div#banner-tra {
background:url(images/banners/training.jpg) no-repeat;
height:150px;
width:930px;
margin-bottom:10px;
}
div#banner-abt {
background:url(images/banners/aboutus.jpg) no-repeat;
height:150px;
width:930px;
margin-bottom:10px;
}

div#banner-con {
background:url(images/banners/contactus.jpg) no-repeat;
height:150px;
width:930px;
margin-bottom:10px;
}

div#banner-cl {
background:url(images/banners/clientale.jpg) no-repeat;
height:150px;
width:930px;
margin-bottom:10px;
}

div#banner-st {
background:url(images/banners/sitemap.jpg) no-repeat;
height:150px;
width:930px;
margin-bottom:10px;
}


div#res {
width:930px;
overflow:hidden;
}

div#resimg {
float:left;
width:328px;
}
div#restext {
float:right;
width:585px;
}
div#resimg2 {
float:right;
width:585px;
}

div#agcontentIns {
width:960px;
overflow:hidden;
padding-top:7px;
background:#013e7b;
padding:15px 15px 14px;
}

div#agcontentIns p{
color:#ffffff;
padding-right:32px;
text-align:justify;
line-height:16px;
}

div#agcontentIns h1 {
color:#93c8ff;
font-family:"Times New Roman",Times,serif;
font-size:24px;
margin-bottom:10px;
margin-top:10px;
}
div#agcontentIns ul li {
color:#93c8ff;
line-height:16px;
font-weight:bold;
}

table.intable {
margin:0 auto;
}
table.intable tr td{
padding:5px;
color:#FFFFFF;
}

table.style01 {
float:left;
}
table.style01 tr td{
padding:5px;
border-bottom:solid #013e7b 5px;
border-left:solid #013e7b 5px;
background:#084b8f;
}

table.style02 {
float:left;
color:#FFFFFF;
margin-bottom:10px;
}
table.style02 tr td{
padding:5px;
border-bottom:solid #013e7b 5px;
border-left:solid #013e7b 5px;
background:#084b8f;
}

/*______________________Contact us*/
table.style03 {
float:left;
color:#FFFFFF;
margin-bottom:10px;
vertical-align:top;
}
table.style03 tr td{
padding:5px;
border-bottom:solid #013e7b 5px;
border-left:solid #013e7b 5px;
background:#084b8f;
vertical-align:top;
font-weight:bold;
}
table.style03 td input{
font-size:12px;
background:#4da2f9;
border:0px;
color:#FFFFFF;
width:400px;
}
table.style03 td textarea{
font-size:12px;
background:#4da2f9;
border:0px;
color:#FFFFFF;
width:400px;
}
/*___end*/
table.style04 {
color:#FFFFFF;
margin-bottom:10px;
}
table.style04 tr td{
padding:5px;
border-bottom:solid #013e7b 5px;
border-left:solid #013e7b 5px;
background:#013e7b;
vertical-align:middle;
}

div#agcontentIns h4 {
color:#ffffff;
font-family:"Times New Roman",Times,serif;
font-size:15px;
}