/* ******************** RESET BROWSERS' DEFAULT CSS START ******************** */

html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

/* ******************** RESET BROWSERS' DEFAULT CSS END ******************** */

*
{
	font-family:Verdana;
	color:#333;
	font-size:11px;
}
a.text
{
	text-decoration:none;
	padding-bottom:2px;
	color:#333;
	border-bottom:1px dotted #333;
}
a.text:hover
{
	color:#000;
	border-bottom:1px solid #000;
}
html, body
{
	height: 100%;
}

body
{
	background:url(../_img/loading.gif) no-repeat center center #f3f3f3;
}

#body
{
	height:100%;
	width:100%;
	display:none;
}

#mainwrapper
{
	position: relative;
	height:100%;
	width:100%;
}
#wrapper
{
	position:absolute;
	height:340px;
	top:50%;
	margin-top:-170px;		/* half of the div's height */
	width:980px;
	left:50%;
	margin-left:-490px;
}

#content_top
{
	background:url(../_img/content_top.jpg) no-repeat;
	height:20px;
	width:980px;
}

#content_center
{
	background:url(../_img/content_center.jpg) repeat-y;
	float:left;
	display:block;
	width:980px;
	display:inline;
	position:absolute;
	top:20px;
	height:300px;
}

#content_bottom
{
	float:left;
	background:url(../_img/content_bottom.jpg) no-repeat;
	height:20px;
	width:980px;
	position:absolute;
	bottom:0;
}

/* ********** CONTENT START ********** */

#main
{
	width:900px;
	height:260px;
	position:relative;
	margin:0 auto;
	top:20px;
}

#link1, #link2			/* a tags */
{
	height:260px;
	width:450px;
	position:relative;
	float:left;
	display:inline;
	text-decoration:none;
	overflow:hidden;
	text-align:center;
	background:url("../_img/chenar.gif") no-repeat 5px 35px;
}
#link2
{
	background:url("../_img/chenar.gif") no-repeat 9px 35px;
}

#link1 strong, #link2 strong
{
	position:absolute;
	display:block;
	width:430px;
	height:21px;
	text-indent:-10000px;
	background:url(../_img/bkg_solutions.png) no-repeat left center;
	top:15px;
	left:10px;
	cursor:pointer;
}
#link2 strong
{
	background:url(../_img/bkg_equipments.png) no-repeat right center;
}
#link1 strong.en { background:url(../_img/bkg_solutions_en.png) no-repeat left center; }
#link2 strong.en { background:url(../_img/bkg_equipments_en.png) no-repeat right center; }
#uls li, #ule li
{
	list-style:none;
	display:block;
	width:430px;
	height:30px;
	position:absolute;
	top:211px;
	left:10px;
	color:#f2f2f2;
}
#ule li
{
	left:464px;
}

#link1 u, #link2 u
{
	text-decoration:none;
	display:block;
	width:426px;
	height:30px;
	position:absolute;
	top:211px;
	left:10px;
	background:url(../_img/bkg_text.gif) no-repeat center top #dadada;
	text-align:left;
	cursor:pointer;
}

#link2 u
{
	text-align:right;
	left:14px;
}

#link1 u span, #link2 u span
{
	margin:0 10px;
	line-height:30px;
	cursor:pointer;
	color:#444;
	text-decoration:none;
	text-align:left;
	/* font chosen by Claudia */	
	font-family:"Trebuchet MS", sans-serif;
	font-size:12px;
	font-weight:bold;
	font-style:normal;
	text-transform:lowercase;
	/* the font I would have chosen is */
/*	font-family:Helvetica;
	font-size:11px;
	font-weight:normal;
	letter-spacing:1px;
	text-transform:uppercase;	*/
}

#link1 i, #link2 i
{
	display:block;
	position:absolute;
	top:40px;
	left:10px;
	width:420px;
	height:165px;
	background:#fff;
	cursor:pointer;
	border:3px solid #dadada;
	border:3px solid #fff;	/* 20090824 */
	overflow:hidden;
	text-align:left;
}
#link2 i
{
	left:14px;
}

#link1 i span, #link2 i span
{
	display:block;
	position:absolute;
	top:0px;
	left:0px;
	width:420px;
	height:165px;
	cursor:pointer;
	overflow:hidden;
	text-indent:-10000px;
}

#selector
{
	position:absolute;
	display:block;
	width:0px;
	height:2px;
	text-indent:-10000px;
	background:#999;
	top:5px;
	left:450px;
	cursor:pointer;
}

/* ********** CONTENT END ********** */


/* ********** HEADER START ********** */

#container_head
{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:60px;
}

#container_head #logo
{
	display:block;
	width:960px;
	height:60px;
	margin:0 auto;
	overflow:hidden;
	background:url(../_img/logo_dec.png) no-repeat 0px 5px;
	text-indent:-10000px;
	border-bottom:1px solid #dadada;
	
	text-align:right;
	line-height:100px;
	text-decoration:none;
	color:#ababab;
}

/* ********** HEADER END ********** */


/* ********** FOOTER START ********** */

#container_foot
{
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:60px;
	background:url(../_img/bkg_footer.jpg) repeat-x bottom center;
}
#container_foot #footer
{
	width:960px;
	margin:0 auto;
	height:100%;
}
#container_foot #footer span
{
	color:#898989;
	display:block;
	line-height:60px;
	/*position:relative;
	top:-22px;	/* -12px to be centered vertically, but -16px to visually seem 'more' centered */

	float:left;
	text-align:left;
	width:600px;
}
#container_foot #footer span.right
{
	width:360px;
	text-align:right;
}
#container_foot #footer span.right a
{
	text-decoration:none;
	border-bottom:1px dotted #898989;
	color:#898989;
	padding:2px 0;
}
#container_foot #footer span.right a:hover
{
	border-bottom:1px solid #333;
	color:#333;
}
#container_foot #footer #trafic
{
	margin-top:20px;
	float:right;
	text-align:right;
	width:360px;
}
/* ********** FOOTER END ********** */


/* FONT TEST */
#fonttest table td, #fonttest select option
{
	color:#666;
}

#fonttest select optgroup
{
	color:#999;
}
#crnt_fnt
{
	display:block;
	color:#878787;
	border-top:1px solid #fff;
	padding-top:3px;
	margin-top:3px;"
}
#crnt_fnt span.import
{
	color:#000;
}