/*-------------------------------------main font stuff*/
	
	
body {
	font-size: 62.5%;
	font-family: Arial, Tahoma, Verdana, Trebuchet MS, sans-serif;
	cursor: default;
}
/*-------------------------------------menu_basic-----*/
#login, #menu {
	background: transparent;
	display: inline;
}
*html #login {/*.........................................IE z-index...............*/
   position: absolute;
   z-index: 11;
}
*html #menu {/*.........................................IE z-index...............*/
   position: absolute;
   z-index: 11;
}
#login ul, #menu ul {
	font: bolder 1.7em Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif;
	vertical-align: middle;
	text-decoration: none;
	padding: 0 18px;
	margin: 0;
}
#login li, #menu li {
  display: inline;
  list-style: none;
	margin: 0;
	padding: 11px 12px 0 0;
	float: left;
}
#menu li.dr1 { /*Because of IE7*/
	.padding: 3px 12px 0 0;/*IE6 + IE7*/
	_padding: 11px 12px 0 0;/*IE6 Only*/
}
#login li, #menu li.dr2 {
  float: right;
	padding: 11px 0 0 10px;
	position: relative;
}
#menu li.dr2 { /*Because of IE7*/
	.padding: 3px 0 0 10px; /*IE6 + IE7*/
	_padding: 11px 0 0 10px; /*IE6 Only*/
}
#login li a, #menu li a {
   text-decoration: none;
   padding: 0 0 0 10px;
	color: #6a737a;
	letter-spacing: -0.03em;
	background: url(../img/arrow2.gif) no-repeat;
	background-position: 0 -34px;
	outline: none;
}
#login li a {
   padding: 0 12px 0 0;
	color: #fff;
	background: url(../img/arrow3.gif) no-repeat;
	background-position: 100% 5px;
}
#login li a:hover {
	color: #28353a;
	background: url(../img/arrow3.gif) no-repeat;
	background-position: 100% -34px;
}
#menu li a:hover {
	color: #f04222;
	background: url(../img/arrow2.gif) no-repeat;
	background-position:  0 -73px;
}
#presentations #menu li a, #multimedia #menu li a, #localization #menu li a, #presentations1 #menu li a {
	color: #2a2a2a;
	background: url(../img/arrow4.gif) no-repeat;
	background-position: 0 -34px;
}
#presentations #menu li a:hover, #multimedia #menu li a:hover, #localization #menu li a:hover, #presentations1 #menu li a:hover {
	color: #f04222;
	background: url(../img/arrow4.gif) no-repeat;
	background-position:  0 -73px;
}
#presentations #login li a:hover, #multimedia #login li a:hover, #localization #login li a:hover, #presentations1 #login li a:hover {
	color: #172226;
}
#menu li.temporary_invisible {
	display: none;
}
/*------------------------dropdown menu-----------------------------------*/

*html #nav li#dropdown1, *html #nav li#dropdown2 {
	padding-top: 3px;
}
#nav li ul {
  display: none;
	position: absolute; 
  top: 1em;
  left: 0;
	margin: 0;
	padding: 0;
	padding-left: 10px;
	margin-top: -70px;
	.margin-top: -43px; /*IE6+IE7*/
	_margin-top: -70px; /*IE6_Only*/
	margin-left: -10px;
	width: 40px;
}
*html #nav li#dropdown1 ul {
	left: 80px;
}
#nav li#dropdown2 ul {
	left: -148px;
	padding-left: 0;
	padding-right: 10px;
}
:root #nav li#dropdown2 ul { /*FF Only*/
	left: -154px;
}
#nav li > ul{
	top: auto;
	left: auto;
	}
*html #nav li#dropdown2 > ul{
	top: auto;
	right: auto;
	}
#nav li:hover ul#ulmenu, #nav li.over ul#ulmenu {
	display: block;
	background: transparent;
	width: 669px;
}
#nav li:hover ul#ullang, #nav li.over ul#ullang {
	display: block;
	background: transparent;
	width: 250px;
}
#nav li:hover ul#ulmenu div, #nav li.over ul#ulmenu div { /*basic*/
	background: url(../img/dropdownbg80.png) top left repeat-x scroll;
	display: block;
	width: 671px;
	height: 40px;
	padding: 0px;
	margin-top: 1px;
	margin-left: -10px; /* all */
	.margin-left: -83px; /* FOR IE7 + IE6 */
	_margin-left: -10px; /* FOR IE6 */
	padding-left: 10px;
	position: absolute;
}
:root #nav li:hover ul#ulmenu div {/*...FF Only...*/
	margin-top: 0;
}
*html #nav li:hover ul#ulmenu div, *html #nav li.over ul#ulmenu div { /*IE6*/
	width: 670px;
	height: 40px;
	filter: alpha(opacity=80);
	left: 10px;/*10px*/
	top: auto;
	background: url(../img/semitransIE4.gif) top left repeat-x scroll;
	display: block;
	overflow: hidden;
	margin-bottom: 0px;
}


#nav li:hover ul#ullang div, #nav li.over ul#ullang div {
	background: url(../img/dropdownbg80.png) top right repeat-x scroll;
	display: block;
	width: 268px;
	height: 40px;
	padding: 0px;
	margin-top: 1px;
	margin-left: 0px;
	padding-left: 10px;
	position: absolute;
}
:root #nav li:hover ul#ullang div {/*...FF Only...*/
	margin-top: 0;
}
*html ul#ullang div, *html #nav li.over ul#ullang div {
	width: 258px;
	filter: alpha(opacity=80);
	background: url(../img/semitransIE4.gif) top left repeat-x scroll;
}
#nav li#dropdown1 ul li, #nav li#dropdown2 ul li, #multimedia #nav li#dropdown1 ul li, #multimedia #nav li#dropdown2 ul li, #presentations #nav li#dropdown1 ul li, #presentations #nav li#dropdown2 ul li, #localization #nav li#dropdown1 ul li, #localization #nav li#dropdown2 ul li, #presentations1 #nav li#dropdown1 ul li, #presentations1 #nav li#dropdown2 ul li {
	margin: 0;
	padding: 0;
	display: inline;
	height: 30px;
	margin-bottom: 0px;
	margin-left: -10px;
	padding-top: 10px;
	padding-right: 8px;
	position: relative;
}
#nav li#dropdown1 li a:hover, #nav li#dropdown1 li a:focus, #nav li#dropdown2 li a:hover, #nav li#dropdown2 li a:focus {
	color: #28353a;
}
#nav li#dropdown1 ul li a, #nav li#dropdown2 ul li a, #multimedia #nav li#dropdown1 ul li a, #multimedia #nav li#dropdown2 ul li a, #presentations #nav li#dropdown1 ul li a, #presentations #nav li#dropdown2 ul li a, #localization #nav li#dropdown1 ul li a, #localization #nav li#dropdown2 ul li a, #presentations1 #nav li#dropdown1 ul li a, #presentations1 #nav li#dropdown2 ul li a {
	display: block;
	font: normal Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif;
	color: #2a2a2a;
	vertical-align: middle;
	text-decoration: none;
	font-size: 60%;
	margin: 0;
	padding: 0 10px 0 20px;
	background: transparent url(../img/arrow4.gif) 10px -34px no-repeat scroll;
}
#nav li#dropdown1 ul li a:hover, #nav li#dropdown2 ul li a:hover, #multimedia #nav li#dropdown1 ul li a:hover, #multimedia #nav li#dropdown2 ul li a:hover, #presentations #nav li#dropdown1 ul li a:hover, #presentations #nav li#dropdown2 ul li a:hover, #localization #nav li#dropdown1 ul li a:hover, #localization #nav li#dropdown2 ul li a:hover, #presentations1 #nav li#dropdown1 ul li a:hover, #presentations1 #nav li#dropdown2 ul li a:hover {
	background: transparent url(../img/arrow4.gif) 10px -73px no-repeat scroll;
	color: #f04222;
}
li#dropdown13 a {
	padding-right: 0px;
}
li#dropdown13 {
	padding-right: 0px;
	overflow: hidden;
}
/*---------------------highlighted menu-item-----------------------------*/
#index #menu li a.highlight, #localization #menu li a.highlight, #multimedia #menu li a.highlight, #presentations #menu li a.highlight, #contact #menu li a.highlight, #references #menu li a.highlight, #tips #menu li a.highlight, #about #menu li a.highlight {
	color: #f04222;
	background: url(../img/arrow2.gif) no-repeat;
	background-position: 0 -73px;
	cursor: default;
}
/*----------------------text_basic--------------*/
h5, p, span {
font: Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif;
}
h5 {
	font-size: 1.2em;
	font-style: bold;
	color: #343434;
	text-align: left;
	display: block;
	margin: 10px 0 0 18px;
}
p, .ulbasic span {
	font-size: 1.2em;
	font-style: normal;
	color: #213239;
}
/*----------------------index_stuff--------------*/
.intro, .intro1 {
	margin-top: 21px;
	display: inline-block;
   font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 1.3em;
	text-align: right;
	line-height: 1.6em;
}
.intro {
 	font-size: 1.3em;
	font-weight: bolder;
	color: #6a737a;
}
.intro {
	text-align: right;
}
.intro1 {
	text-align: left;
	margin-top: 0px;
	line-height: 1.3em;
}
#about .intro1 {
	padding-bottom: 20px;
}
#about .rightcont1, #references .rightcont1 {
	background-color: #fff;
}
.mattred {
	color: #343434;
	font-size: inherit; /*ha ha ha_working for FF,Opera*/
	font-weight: bolder;
	font-size: 95%;
}
#about .mattred {
	display: block;
	padding-left: 23px;
	background: #fff url(../img/logback1.gif) 0 0 no-repeat scroll;
}
.lightred {
	color: #ff2a1e;
	font-size: inherit; /*ha ha ha_working for FF,Opera*/	
}
.small {
	font-size: 0.8em;
}
.ulbasic {
	display: block;
	width: 213px;
	overflow: hidden;
	margin: 5px 0 0 18px;
	padding: 0;
}
.ulbasic li {
	list-style: none;
	list-style-position: outside;
	margin: 1px 0 6px 0;
	line-height: 1.8em;
	padding-right: 18px;
	padding-left: 13px;
	background: url(../img/bullet2.gif) 0px 7px no-repeat scroll;
}
#presentations .ulbasic {
	margin-left: 0px;
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	width: 450px;
}
/*------------------------------footer_stuff--------------*/

a.footertxt1, a.footertxt2, span.footertxt1 {
	display: inline-block;
	float: right;
	font: normal 1.1em Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif;
	margin-top: 18px;
	text-decoration: underline;
	letter-spacing: 0.05em;
	color: #28353a;
}
a.footertxt2 {
	float: left;
	padding: 0 0 0 18px;
}
a.footertxt1:hover, a.footertxt2:hover {
	color: #f04222;
	text-decoration: none;
}
span.footertxt1 {
	text-decoration: none;
	text-align: right;
	padding: 0 0 0 18px;
	margin-right: -2px;
}
/*-----------------menu highlited--------------*/
.highlight {
	color: #f04222;
	background: url(../img/arrow2.gif) no-repeat;
	background-position:  0 -73px;
} 
/*------------MUST BE ON THE END!!!Otherwise big troubles under FF+Opera...add menu li:hover for IE--------*/
*html li.dr1, *html li.dr2 {
{
  background-color: expression(
        isNaN(this.js)?(this.js=1,
        this.onmouseover=new Function("this.className+=' over';"),
        this.onmouseout=new Function("this.className=this.className.replace(' over','');")
        ):false);
  );
}