@charset "UTF-8";
/* CSS Document */



body {
	padding: 0;
	margin: 0;
	color: #666666;
	width: 100%;
	font-family: Helvetica, Arial, sans-serif, "Lucida Sans";
}

img,table,fieldset {
	border-style: none;
}


#home {
	padding: 0;
	margin: 0;
	width: 100%;
	background-image: url(../images/bg_home.gif);
	background-repeat: repeat-x;
	background-position: top;
}

#home h1 {
	color:#FF9900;
	border-bottom: 1px dashed  #FF9900;
}

#OAS {
	padding: 0;
	margin: 0;
	width: 100%;
	background-image: url(../images/bg_OAS.gif);
	background-repeat: repeat-x;
	background-position: top;
}

#OAS h1 {
	color:#0D499C;
	border-bottom: 1px dashed  #0D499C;
}


#colors {
	padding: 0;
	margin: 0;
	width: 100%;
	background-image: url(../images/bg_colors.gif);
	background-repeat: repeat-x;
	background-position: top;
}

#colors h1 {
	color:#CCCC00;
	border-bottom: 1px dashed  #CCCC00;
}



#typography {
	padding: 0;
	margin: 0;
	width: 100%;
	background-image: url(../images/bg_typography.gif);
	background-repeat: repeat-x;
	background-position: top;
}

#typography h1 {
	color:#0081CE;
	border-bottom: 1px dashed #0081CE;
}


#stationary {
	padding: 0;
	margin: 0;
	width: 100%;
	background-image: url(../images/bg_stationary.gif);
	background-repeat: repeat-x;
	background-position: top;
}

#stationary h1 {
	color:#3EB2CA;
	border-bottom: 1px dashed #3EB2CA;
}


#applications {
	padding: 0;
	margin: 0;
	width: 100%;
	background-image: url(../images/bg_applications.gif);
	background-repeat: repeat-x;
	background-position: top;
}

#applications h1 {
	color:#EF4130;
	border-bottom: 1px dashed  #EF4130;
}


#web {
	padding: 0;
	margin: 0;
	width: 100%;
	background-image: url(../images/bg_web.gif);
	background-repeat: repeat-x;
	background-position: top;
}

#web h1 {
	color:#82C341;
	border-bottom: 1px dashed  #82C341;
}





#wrapper {
	margin: 0 auto;
	width: 800px;
	text-align: left;
	padding:0px;
	/*overflow:hidden;*/
}

#header {
	width:800px;
	height:100px;
	margin:0px;
	padding: 0px;
	float:left;
}

.logo {
	margin: 10px;
	padding: 0px;
	float: left;
	width: 290px;
}

.cis {
	margin: 30px 0px 0px 30px;
	padding: 0px;
	float: left;
	width: 400px;
	position: relative;	
}


.language {
	width: 70px;
	height:40px;
	margin: 0px 0px 0px 690px;
	position: relative;	
}


#banner {
	width:800px;
	margin:0px;
	padding:0px;
}

#banner img {
	float: right;
	margin-right: 30px;
}



/* LINKS
________________________________________*/

a:link, a:active {
	color:#054C8F;
	text-decoration: underline;
}

a:hover {
	color: #249ed0;
	text-decoration: none;
}

a:visited {
	color:#666666;
	text-decoration: underline;
}


 a:active {
	color:#054C8F;
	text-decoration: underline;
}


#navWrap { width: 800px; height: 60px; padding: 5px 0px 0px 0px; position: relative; margin: 0px; clear:both; }

#navWrap.homeNav img { display: none;}




/* TAGS
_______________________________________________*/

h1 {
	font-size: 21px;
	text-align:left;
	font-weight:normal;
	padding: 5px 10px 5px 0px;
	margin:0px 10px 20px 10px;
}

h2 {
	padding: 5px 10px 10px 10px;
	font-size: 20px;
	line-height:19px;
	color:#A9A9A9;
	text-align:left;
	font-weight:normal;
	margin:0px;
}

h3 {
	padding: 10px 10px 5px 9px;
	font-weight: normal;
	font-size: 14px;
	line-height:22px;
	border-bottom: 1px dashed #D3DFF5;
	color:#FF9900;
	margin:0px;
}

h4 {
	padding: 0px 10px 10px 0px;
	font-weight: normal;
	font-size: 12px;
	color: #424242;
	line-height:17px;
	margin:10px 0px 0px 10px;
}


h5 {
	padding: 0px 10px 0px 10px;
	font-size: 12px;
	color:#006699;
	margin:10px 0px 0px 0px;
	font-weight: bold;
	line-height:16px;
}

h6 {
	padding: 5px 5px 5px 10px;
	font-size: 12px;
	color:#6b6b6b;
	font-weight: normal;
	line-height:16px;
	border: 1px dashed #999999;
	background-color: #ECECEC;
	margin: 5px 10px 0px 0px;
}


p {
	padding: 10px 10px 0px 10px;
	font-family:Tahoma;
	font-size: 12px;
	font-weight:normal;
	line-height:18px;
	color:#6b6b6b;
	margin:0px;
}


.breadcums {
	font-size: 11px;
	color: #666666;
	padding: 10px 0px 8px 10px;
}




.ul {list-style:georgian;
list-style-position:outside;}



#content {
	width:800px;
	background-color: #FFFFFF;
	margin: 3px 0px 0px 0px;
	padding: 0px;
	background-image: url(../images/bg_content.jpg);
	background-repeat: no-repeat;
	clear:both;
}


.colA {
	width:540px;
	float:left;
	padding:10px 10px 10px 10px;
	margin:0px 5px 10px 0px;
}

.colA h3 {
	padding: 0px 10px 5px 0px;
	font-weight: normal;
	font-size: 14px;
	line-height:22px;
	border-bottom: 1px dashed #D6D6D6;
	color:#A9A9A9;
	margin-left: 10px;
}

.colB {
width:210px;
float:left;
padding:10px;   
margin:0px;
}


.colB h2 {
	padding: 0px 10px 5px 10px;
	font-size: 14px;
	color:#FF9900;
	margin:0px;
	font-weight: bold;
	line-height:18px;
	border-bottom: 1px dashed #FF9900;
}


.colC h2 {
	padding: 0px 10px 5px 20px;
	font-size: 15px;
	line-height:19px;
	color:#FF9900;
	text-align:left;
	font-weight:bold;
	margin:15px 10px 5px 10px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #FF9900;
	background: url(../images/arrow_01.gif) no-repeat 0px 2px ;
}

.colC h3 {
	padding: 0px 10px 5px 0px;
	font-size: 14px;
	line-height:19px;
	color:#666666;
	text-align:left;
	font-weight:bold;
	margin:0px 10px 5px 10px;
	font-variant: small-caps;
}


.colC {
width:230px;
float:left;
padding:0px 10px 10px 0px;
margin-left:5px;
}

.colD {
width:800px;
float:left;
padding:25px 10px 0px 0px;
margin-left:5px;
}
#colE {
	width:380px;
float:left;
padding:30px 0px 0px 10px;  
margin:0px  30px 0px 0px ;
}

#colF {
	width:350px;
	float:left;
	padding:0px;
	margin:0px;
	border-right: 1px solid #FFFFFF;
	background-color: #8b8f83;
}

.title {
	padding: 22px 10px 4px 10px;
	font-weight: normal;
	font-size: 18px;
	color: #249ed0;
	border-bottom: 1px solid #ECECEC;
}

.hr {
	border-top: 1px dashed #FF9900;
	margin: 10px;
	
}


.photo{
	float: right;
	vertical-align: top;
	padding:0px 0px 0px 20px;
	margin:0px;
	text-align: right;
}

.box a
{
	margin:0px;
	padding:0px;
}

.box a:link, .box  a:visited {
	font-size: 13px;
	color: #667173;
	line-height:25px;
	margin-left: 0px;
	padding:15px 0px 15px 15px;
	text-decoration:underline;
	background-image:url(../../../AVANTI/site/images/li5.gif);
	background-repeat:no-repeat;
	background-position: 0px 18px;
}

.box a:hover, .box  a:active{
	font-size: 13px;
	line-height:25px;
	color: #FF9900;
	margin-left: 0px;
	padding:15px 0px 15px 15px;
	text-decoration:none;
	background-image:url(../../../AVANTI/site/images/li5a.gif);
	background-repeat:no-repeat;
	background-position: 0px 18px;
}

.box p
{
	font-size: 11px;
	color: #667173;
	margin:0px;
	line-height:17px;
	padding:0px 15px 0px 0px;
	margin:0px;
}

.box h3
{
	font-size: 13px;
	color: #50585A;
	margin:0px;
	line-height:17px;
	padding:0px 15px 5px 0px;
	margin:0px;
	font-style:normal;
}



/* LISTS
_______________________________________ */


.check2 {
	padding-left:0px;
	margin-left:0px;
	font-weight: normal;
	font-size: 12px;
	color: #999999;
	line-height:17px;
}


.check2 ul li {
	padding: 10px 0px 12px 0px;
	margin-left:0px;
	font-size: 14px;
	list-style-type:none;
	color: #888888;
	background:transparent url(../images/sep_subnav.gif) repeat-x ;
}



/* LISTS FILES
_______________________________________ */

#subnav
{
	 width: 200px; font-size:11px;margin:0px 0 1px 0;
}


/* First-Level */
#subnav UL
{
	margin:0px;
	padding:5px  10px 0px 0px;
	color:#006699;
	font-weight:bold;
	font-size:13px;
}

#subnav UL LI
{
	margin:0;
	padding:2px 0 2px 0;
	list-style-type:none;
	background:transparent url(../images/sep_subnav.gif) repeat-x bottom left;
	font-weight:normal;font-size:11px;color:#6b6b6b;
}
#subnav UL A
{  color:#006699; font-weight:bold; padding:5px  10px 5px 13px; line-height:1.6em;margin-right:5px; }
#subnav UL A:link, #subnav UL A:visited
{ color:#006699; text-decoration:none;  padding:5px  15px 5px 13px;margin-right:5px; }
#subnav UL A:hover
{
	color:#FFFFFF;
	text-decoration:none;
	padding:5px  15px 5px 13px;
	background-color: #FF9900;
	background-image: url(../images/bullet_subnav_over.gif);
	background-repeat: no-repeat;
	background-position: 3px 7px;
	margin-right:5px;
}

#subnav UL A.active, #subnav UL A.active:hover
{ background:transparent url(../images/bullet_subnav.gif) no-repeat 5px 4px }

#subnav UL h4
{
	margin:0px;
	padding: 0px;
	color:#006699;
	font-weight:bold;
	font-size:14px;
	text-decoration: underline;
}



/* LISTS
_______________________________________ */

.lists {
	list-style-type: none;
} 

.lists  ul {
	padding: .2em 0.5em;
}


.lists  ul li {
	font-family:Tahoma;
	font-size: 12px;
	font-weight:normal;
	line-height:18px;
	padding: 0 0 13px 16px;
	margin:0px 0px 0px 12px;
	list-style-type: none;
	background: url(../images/arrow_orange.gif) no-repeat 0px 3px;
}




/* DROP DOWN LISTS
_______________________________________ */


.categoryColumn {
	width: 180px; /* width of blocks */
	}
	
.categoryColumn a {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0066CC;
	text-decoration: none;
	display: block; 
	padding: 5px 3px 5px 7px; /* adjusts thickness of block */
	margin:0px;
	border-bottom: 1px solid #FFFFFF;
	line-height: 14px; 
}

.cat {
	background: #F0F0F0;
	font-weight: bold;
}

.stretcher li {
	font-weight:normal;
	display:inline;
}

.categoryColumn .viewall {
	color: #CC3399;
}
.categoryColumn ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 220px; /* width of blocks */
	}

.categoryColumn a:hover {
	background-color: #DBEDFF; /*light blue*/
	text-decoration:none;
}

.categoryColumn ul li a {
	background-color: #FFFFFF; /*white*/
	text-decoration:none;
}  





/* FOOTER
_______________________________________ */

#footer {
	font-size: 10px;
	line-height: 18px;
	height:60px;
	margin:0px;
	padding:0px;
	clear:both;
	width:800px;
	background-image: url(../images/footer_bg.jpg);
	background-repeat: repeat-x;
}

#footer_left {
	margin: 16px 0px 0px 20px;
	padding: 0px;
	float: left;
	width: 560px;
}

#footer_right {
	margin: 12px 0px 0px 0px;
	padding:0px;
	float: left;
	width: 180px;
}

#footer_right h3 {
	padding:0px;
	font-size: 10px;
	color: #666666;
	font-weight: bold;
	text-align: center;
	margin: 0px 20px 0px 65px;
	border: 1px solid #D1D1D1;
	width: 80px;
	background-color: #E9E9E9;
}


#footer a:link,  #footer a:visited  {
	color: #007095;
	text-decoration: none;
}
#footer a:hover, #footer a:active {
	color: #304670;
	text-decoration: underline;
}

#footer h2 {
	padding: 38px 0px 5px 90px;
	font-weight: normal;
	font-size: 18px;
	color: #282423;
	text-align:left;
	margin:0px;
	font-style: italic;
	font-family: Georgia, "Times New Roman", Times, serif;
	border-bottom: 0px dashed #44A7CF ;
}

#footer h6 {
	padding: 0px;
	font-size: 9px;
	text-align:left;
	font-weight: normal;
	margin:0px;
}

#footer p {
	margin:0px 20px 0px 0px;
	padding:0px;
	font-size: 10px;
	color: #666666;
	font-weight: normal;
	text-align: center;
}
#footer .disclaimer {padding:15px 0px 0px 20px; }
#footer .text {padding:35px 50px 10px 0px; float:left; width:500px;}
#footer .credits {padding:35px 0px 10px 0px; float:left;width:300px;}


.hr_gray {
	height: 1px;
	border-top: 1px dashed #CCCCCC;
	clear: both;
	margin: 20px 0px 10px 0px;
}


.hr_orange {
	height: 1px;
	border-top: 1px dashed #FF9900;
	clear: both;
	margin: 20px 0px 10px 0px;
	padding:0px;
}

