@charset "utf-8";
body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: url(../images/bannerBG.jpg) repeat-x #003466;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #000000;
}
.aitMainCSS #container { 
	width: 95%;
	background: url(../images/containerBG.jpg) repeat-y #FFFFFF;
	margin: 0 auto;
	text-align: left;
} 
.aitMainCSS #header { 
	background: url(../images/bannerBG.jpg) repeat-x;
	height: 120px;
	padding: 0;
	min-width: 700px;
} 
.aitMainCSS #header #headerContainer {
	width: 900px;
}
.aitMainCSS #header #logo {
	float: left;
	width: 136px;
	padding-left: 17px;
}
.aitMainCSS #header #logo img a {
	border: none;
}
.aitMainCSS #header #companyName {
	float: left;
	width: 700px;
	height: 113px;
	margin: 0 auto;
	text-align: center;
	background: url(../images/companyName.jpg) no-repeat center;
}
.aitMainCSS #header h1  { font-size: 18px; font-weight: bold; margin: 0; padding: 10px 0 }


.aitMainCSS #sidebar1 {
	float: left; 
	width: 150px;
	background: url(../images/sidebarBG.jpg) no-repeat #C1D6C1;
	padding: 15px 0;
}
.aitMainCSS #sidebar1 blockquote {
	margin: 8px 6px 8px 18pt;
	font-size: 13px;
	font-style: oblique;
	color: #003366;
}
.aitMainCSS #sidebar1 h3, .aitMainCSS #sidebar1 p {
	margin-left: 10px;
	margin-right: 10px;
}
.aitMainCSS #sidebar1 #nav {
	padding: 10px 8px 24pt 18pt;
	margin: 0;
	font-size: 14px;
}
.aitMainCSS #sidebar1 ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.aitMainCSS #sidebar1 ul li {
	padding: 10px 0 5px 0;
	border-bottom: #0468A2 1px solid;
}
.aitMainCSS #sidebar1 ul li a:link, a:visited{
	color: #0468A2;
	text-decoration: none;
	font-weight: bold;
}
.aitMainCSS #sidebar1 ul li a:hover{
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}
.aitMainCSS #sidebar1 ul li a:active{
	color: #0468A2;
	text-decoration: none;
	font-weight: bold;
}
.aitMainCSS #sidebar1 #phone {
	padding-bottom: 30pt;
}
.aitMainCSS #sidebar1 #phone p { font-size: 10px; font-weight: bold; margin: 0; padding: 2px 4px 0 18pt }
.aitMainCSS #mainContent     { margin: 15px 30px 0 200px; padding-top: 20px } 
.aitMainCSS #mainContent h1  { color: #036; font: 24pt/24pt Georgia, serif; text-align: left }
.aitMainCSS #mainContent h2 { color: #003366; font: bold 12pt Georgia; text-align: left }
.aitMainCSS #mainContent p { color: #000; font: 11pt/15pt Georgia, serif; text-align: left }
/*Brings welcome picture up */
.aitMainCSS #mainContent #welcome {
	margin-top: -12px;
}
.aitMainCSS #mainContent p.quote{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: oblique;
}
.aitMainCSS #mainContent p.title {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: normal;
	text-align: right;
	font-size: 10pt;
	margin-bottom: 0;
}
.aitMainCSS #mainContent p.company   { color: #039; font-size: 12pt; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-align: right; margin: 4pt 0 30pt }
	
.aitMainCSS #mainContent ul  { color: #000; font: 10pt/12pt Georgia, serif; text-align: left; list-style: disc; margin-top: -8px }
.aitMainCSS #mainContent ul li { font-size: 10pt; font-family: Georgia, serif; line-height: 12pt; padding-top: 4pt }
.aitMainCSS #mainContent #welcome {
}
.aitMainCSS #mainContent #flags {
	width: 800px;
	margin: 0 auto;
	text-align: center;
	padding-top: 20px;

}
.aitMainCSS #mainContent #flags ul{
	list-style: none;
	display: inline;
	height: 100px;
}
.aitMainCSS #mainContent #flags ul li {
	float: left;
	margin-top: 36px;
	padding-right: 30px;
	display: block;
	height: 160px;
}
.aitMainCSS #mainContent #flags ul li a {
	display: block;
}
.aitMainCSS #mainContent #flags ul li a:link {
	text-decoration: none;
}
.aitMainCSS #mainContent #flags ul li a:link.sch, a:visited.sch, a:hover.sch, a:active.sch{
	width: 50px;
	text-align:center;	
}
.aitMainCSS #mainContent #flags ul li a:link.usa, a:visited.usa{
	background: url(../images/flag1Off.jpg) top center no-repeat #FFFFFF;
	padding-top: 36px;
}
.aitMainCSS #mainContent #flags ul li a:link.esp, a:visited.esp{
	background: url(../images/flag2Off.jpg) top center no-repeat #FFFFFF;
	padding-top: 36px;
}
.aitMainCSS #mainContent #flags ul li a:link.fra, a:visited.fra{
	background: url(../images/flag4Off.jpg) top center no-repeat #FFFFFF;
	padding-top: 36px;
}
.aitMainCSS #mainContent #flags ul li a:link.deu, a:visited.deu{
	background: url(../images/flag5Off.jpg) top center no-repeat #FFFFFF;
	padding-top: 36px;
}
.aitMainCSS #mainContent #flags ul li a:link.por, a:visited.por{
	background: url(../images/flag3Off.jpg) top center no-repeat #FFFFFF;
	padding-top: 36px;
}
.aitMainCSS #mainContent #flags ul li a:link.it, a:visited.it{
	background: url(../images/flag6Off.jpg) top center no-repeat #FFFFFF;
	padding-top: 36px;	
}
.aitMainCSS #mainContent #flags ul li a:link.sch, a:visited.sch{
	background: url(../images/flag7Off.jpg) top center no-repeat #FFFFFF;
	padding-top: 36px;	
	
}
.aitMainCSS #mainContent #flags ul li a:hover.usa{
	background: url(../images/flag1.jpg) top center no-repeat #FFFFFF;
	padding-top: 36px;
}
.aitMainCSS #mainContent #flags ul li a:hover.esp{
	background: url(../images/flag2.jpg) top center no-repeat #FFFFFF;
	padding-top: 36px;
}
.aitMainCSS #mainContent #flags ul li a:hover.fra{
	background: url(../images/flag4.jpg) top center no-repeat #FFFFFF;
	padding-top: 36px;
}
.aitMainCSS #mainContent #flags ul li a:hover.deu{
	background: url(../images/flag5.jpg) top center no-repeat #FFFFFF;
	padding-top: 36px;
}
.aitMainCSS #mainContent #flags ul li a:hover.por{
	background: url(../images/flag3.jpg) top center no-repeat #FFFFFF;
	padding-top: 36px;
}
.aitMainCSS #mainContent #flags ul li a:hover.it{
	background: url(../images/flag6.jpg) top center no-repeat #FFFFFF;
	padding-top: 36px;	
}
.aitMainCSS #mainContent #flags ul li a:hover.sch{
	background: url(../images/flag7.jpg) top center no-repeat #FFFFFF;
	padding-top: 36px;	
	
}
.aitMainCSS #mainContent #flags ul li a:active.usa{
	background: url(../images/flag1Off.jpg) top center no-repeat #FFFFFF;
	padding-top: 36px;
}
.aitMainCSS #mainContent #flags ul li a:active.esp{
	background: url(../images/flag2Off.jpg) top center no-repeat #FFFFFF;
	padding-top: 36px;
}
.aitMainCSS #mainContent #flags ul li a:active.fra{
	background: url(../images/flag4Off.jpg) top center no-repeat #FFFFFF;
	padding-top: 36px;
}
.aitMainCSS #mainContent #flags ul li a:active.deu{
	background: url(../images/flag5Off.jpg) top center no-repeat #FFFFFF;
	padding-top: 36px;
}
.aitMainCSS #mainContent #flags ul li a:active.por{
	background: url(../images/flag3Off.jpg) top center no-repeat #FFFFFF;
	padding-top: 36px;
}
.aitMainCSS #mainContent #flags ul li a:active.it{
	background: url(../images/flag6Off.jpg) top center no-repeat #FFFFFF;
	padding-top: 36px;	
}
.aitMainCSS #mainContent #flags ul li a:active.sch{
	background: url(../images/flag7Off.jpg) top center no-repeat #FFFFFF;
	padding-top: 36px;
	
}
.aitMainCSS #mainContent p.home a {
	color:#006699;
	font-weight: normal;
	text-decoration: underline;
}
.aitMainCSS #footer { 
	padding: 0 10px;
	border-top: #006699 1px solid; /*Horizontal rule above footer. Increase size for wider line */
} 
.aitMainCSS #footer p {
	margin: 0;
	padding: 12pt 0 12pt 410px;
	font-size: 11px;
}

/* Miscellaneous classes for reuse */
.fltrt { 
	float: right;
	margin-left: 8px;
}
.fltlft {
	float: left;
	margin-right: 8px;
}
.clearfloat {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
/*This sets the color of the navigation on the currently viewed page */
body#index a#homeNav,
body#expertise a#expNav,
body#services a#serNav,
body#about a#aboNav,
body#test a#tesNav,
body#tran a#traNav,
body#contact a#conNav
 {
	color: #FFFFFF;
}
/*Tooltip code for flags on first page */
a.tt{
    position:relative;
    z-index:24;
    text-decoration:none;
}
a.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{ 
	z-index:25; 
	color:; 
	background:#ffffff;}
a.tt:hover span.tooltip{
    display:block;
    position:absolute;
    top:-16px; left:-10px;
	width:80px;
	color: #069;
    text-align: center;
	font-size:10px;
}
.aitMainCSS #mainContent #phon { font-family: Arial }

