/******************************************************************************
/* for modern browsers [ IE5, NN6, Opera, Mozilla ... ]                       *
/******************************************************************************/
* {
	margin: 0px;
	padding: 0px;
}
html, body {
	width: 100%;
	height: 100%;
}
body, table, select, input, textarea {
	/*font: 12px Verdana, sans-serif;*/
	font: 12px Arial, Tahoma, Verdana, sans-serif;
	color: #333333;
}
body {
	text-align: center;	/* For IE6 */
	background: url(./images/bg_head.jpg) repeat-x center -191px;
}
body#TopPage {
	background-position: center -101px;
}
a {
	color: #4197E3;
	text-decoration: none;
}
a:hover { border-bottom: 1px solid #4197E3; }
a.active { color: #777; }
fieldset, img { border: none; }
img.delimiter {
	vertical-align: bottom; _vertical-align: middle;
	margin: 0 5px;
}
table {
	border-collapse: collapse;
}
table tr td{
	padding:1px 0;
}
table.dotted th {
	color: #444444;
	font-weight:bold;
	background-color:#C0C0C0;
}
table.dotted td {
	/*padding:0px 3px 0px 3px;*/
	border-bottom: #C0C0C0 dotted 1px;
}
p { line-height: 150%; }
hr {
	height: 1px;
	border: none;
	border-top: 1px solid #ccc;
	background: none;
}

ul li, ol li {
	margin-left: 26px;
}
ul.arrow_gray {
	margin: 4px 0 8px 0px;
	list-style-type: none;
}
ul.arrow_gray li {
	padding-left: 24px !important;
    background: url(./images/arrow_gray.gif) 0 3px no-repeat;
	margin: 0 0 3px 0;
}
ul.arrow_blue {
	margin: 4px 0 8px 0px;
	list-style-type: none;
}
ul.arrow_blue li {
	padding-left: 24px !important;
    background: url(./images/arrow_gray.gif) 0 3px no-repeat;
	margin: 0 0 3px 0;
}

.hidden { display: none; }
.clear { clear:both; }
.small { font-size: 11px; }
.no-strong { font-weight: normal; }
.breadcrumbs { margin-top: -10px; }

/********************************************************************
  CONTAINER
 *******************************************************************/
#container {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	width: 850px;
	margin: 0 auto;
	text-align: left;	/* For IE6 */
	background: url(./images/bg_side.gif) repeat-y top right;
/*border:1px solid;*/
padding-left:10px;
}

/********************************************************************
  HEADER
 *******************************************************************/
#header {
	width: 100%;
	color: #777777;
	background: url(./images/bg_head_side.gif) repeat-y right bottom;
}
#header #title {
	width:  546px;
	height: 110px;
	overflow:hidden;
}
#TopPage #header #title {
	height: 200px;
}
#header #title h1 A {
	width: 300px;
	height: 90px;
	display: block;
	background: url(./images/logo.gif) no-repeat top left;
	border: none;
}
#header #title h1 A SPAN {
	display: none;
}
#header #title p {
	display: none;
}
#TopPage #header #title p {
	display: inline;
}

/********************************************************************
  CONTENTS
 *******************************************************************/
#wrapper{
	margin-top:-11px;
	width: 546px;
	float:left;
/*border:1px dotted;*/
}

/* MENU */
#menu {
	height: 22px;
	margin-bottom:24px;
	overflow: hidden;
}
#menu ul {
	list-style: none;
}
#menu ul li {
	margin:0;
	float: left;
	text-indent: -9999px;
	overflow: hidden;
}
#menu ul li a {
	height: 22px;
	display: block;
	margin-right: 5px;
	border:none;
}

#me01 a {width: 55px; background: url(./images/menu_home.gif) no-repeat 0 0;}
#me02 a {width: 69px; background: url(./images/menu_aboutus.gif) no-repeat 0 0;}
#me03 a {width: 69px; background: url(./images/menu_solutions.gif) no-repeat 0 0;}
#me04 a {width: 72px; background: url(./images/menu_products.gif) no-repeat 0 0;}
#me05 a {width: 44px; background: url(./images/menu_jobs.gif) no-repeat 0 0;}

#me01 a:hover, #me01 a.active {background-position:0 -22px;}
#me02 a:hover, #me02 a.active {background-position:0 -22px;}
#me03 a:hover, #me03 a.active {background-position:0 -22px;}
#me04 a:hover, #me04 a.active {background-position:0 -22px;}
#me05 a:hover, #me05 a.active {background-position:0 -22px;}

/* CONTENTS */
#content {
	width: 100%;
	line-height:1.4em;
/*border: 1px solid #660000;*/
}
#content h1 {
	font: bold 18px Arial;
	color: #777777;
	padding-bottom:16px;
}
#content h2 {
	font: bold 14px Arial;
	color: #777777;
	padding:3px 0 2px 4px;
	margin-top:16px;
	margin-bottom:16px;
/*	border-top:1px solid #a1a1a1;*/
/*	border-bottom:#a1a1a1 1px solid;*/
/*background-color:#f8f8f8;*/
border-left:4px solid #a1a1a1;
border-bottom:#a1a1a1 1px solid;
background-color:#f7f7f7;
}
#content h3 {
	font: bold 13px Arial;
	color: #777777;
	padding-bottom:8px;
}
#content img.floatleft {
	padding:3px;
	margin: 0 7px 2px 0;
	float: left;
}
#content img.floatright {
	padding:3px;
	margin: 0 0 2px 7px;
	float: right;
}
#content p { margin-bottom:1em; }

/* SIDEBAR */
#sidebar {
	width: 220px;
	margin-top:-11px;
	margin-right:15px;
	_margin-right:7.5px;	/* For IE6 */
	float: right;
/*border: 1px solid #00ff00;*/
}
#sidebar h2 {
	color: #888;
	margin-bottom: 10px;
	font-size: 24px;
	font-family: Arial;
	font-weight: normal;
	letter-spacing: -1px;
}
#sidebar h3 {
	line-height: 18px;
	font-size: 12px;
	margin-bottom: 5px;
color:#4197E3;
}
#sidebar p { margin-bottom:1em; }

/********************************************************************
  FOOTER
 *******************************************************************/
#footer {
	width:550px;
	padding:30px 300px 20px 0px;
	clear: both;
	font-size: 11px;
	color: #777777;
	line-height: 140%;
/*border: 1px solid #0000ff;*/
}
#footer #footerMenu {
	float: right;
/*    background: url(./images/arrow_gray.gif) 0 3px no-repeat;
	padding-left: 15px;*/
}
#footer #footerMenu a {
	position: relative;
	/*top: -3px; _top: 0;*/
	vertical-align: bottom; _vertical-align: middle;
}