* {
	margin: 0;
	padding: 0;
	list-style: none;
}

body {
	font-family: "Lucida Grande","Lucida Sans Unicode","Trebuchet MS",Tahoma,Arial,sans-serif;
	text-align: center;
	color: #353535;
	background: #222d2d url(/img/body1.gif) repeat-x;
}

h1 {
	font-size: 30px;
	color: #f7941d;
	letter-spacing: -2px;
}

h2 {
	margin: 0 0 12px 0;
	padding: 0 0 6px 0;
	font-size: 16px;
	background: url(/img/bodyhr.gif) repeat-x left bottom;
}

p {
	padding: 0 0 1em 0;
	font-size: 13px;
}

a {
	color: #ef4f0c;
	text-decoration: none;
}

a:hover {
	color: #f7951d;
	text-decoration: underline;
}

img,table,fieldset {
	border-style: none;
}

h2 img,input,select,label {
	vertical-align: middle;
}

#Wrapper {
	margin: 0 auto;
	width: 778px;
	text-align: left;
}

#Header {
	height: 155px;
	overflow: hidden;
}

/* Lang
-----------------------------------------------------------*/

#Lang {
	padding: 0 40px;
	height: 22px;
	text-align: right;
	background: url(/img/lang.gif) no-repeat right top;
}

#Lang p {
	padding: 5px 0 0 0;
	font-size: 9px;
}

#Lang a {
	padding: 0 4px 0 0;
	color: #9bb0ba;
	text-decoration: none;
}

#Lang a:hover {
	color: #f7951d;
}

#Lang img {
	vertical-align: middle;
}

/* Logo & Slogan
-----------------------------------------------------------*/

#Logo {
	float: left;
	width: 220px;
	height: 97px;
}

#Slogan {
	float: right;
	text-align: right;
	width: 330px;
	height: 97px;
}

/* Menu
-----------------------------------------------------------*/

#Menu {
	height: 32px;
}

#Menu li {
	float: left;
	height: 32px;
}

#Menu li a {
	display: block;
	height: 32px;
	text-indent: -100em;
	overflow: hidden;
}

#Menu li.on a {
	background-position: 0 -64px;
}

#Menu li.on a:hover {
	background-position: 0 -64px !important;
}

#Menu li a:hover {
	background-position: 0 -32px;
}

#MenuHome,
#MenuHome a {
	width: 63px;
	background-image: url(/img/MenuHome.gif);
}

#MenuServices ,
#MenuServices a {
	width: 81px;
	background-image: url(/img/MenuServices.gif);
}

#MenuApplications,
#MenuApplications a {
	width: 105px;
	background-image: url(/img/MenuApplications.gif);
}

#MenuProducts,
#MenuProducts a {
	width: 86px;
	background-image: url(/img/MenuProducts.gif);
}

#MenuTechnologies,
#MenuTechnologies a {
	width: 108px;
	background-image: url(/img/MenuTechnologies.gif);
}

#MenuOutsourcing,
#MenuOutsourcing a {
	width: 104px;
	background-image: url(/img/MenuOutsourcing.gif);
}

#MenuPortfolio,
#MenuPortfolio a {
	width: 86px;
	background-image: url(/img/MenuPortfolio.gif);
}

#MenuTeam,
#MenuTeam a {
	width: 60px;
	background-image: url(/img/MenuTeam.gif);
}

#MenuContacts,
#MenuContacts a {
	width: 85px;
	background-image: url(/img/MenuContacts.gif);
}

/* Ads
-----------------------------------------------------------*/

#Ads {
	height: 152px;
}

#Ads td {
	padding: 15px 0 0 0;
}

/* Outer
-----------------------------------------------------------*/

#Outer {
	background: url(/img/outer.gif) repeat-y;
}

#Sidebar {
	float: left;
	padding: 0 0 1em 0;
	width: 143px;
	background: #293a3a;
}

#Body {
	float: right;
	width: 635px;
	background: #fff;
	border-top: solid 4px #f15910;
}

/* Sidebar
-----------------------------------------------------------*/

#Sidebar dt {
	padding: 16px 0 9px 9px;
	background: url(/img/sbhr.gif) repeat-x left bottom;
}

#Sidebar dd {
	padding: 2px 9px 3px 9px;
	font-size: 11px;
	background: url(/img/sbhr.gif) repeat-x left bottom;
}

#Sidebar a {
	color: #ceebeb;
}

#Sidebar a:hover {
	color: #f26522;
}

#Sidebar dd.more {
	margin: 9px 0 0 0;
	padding: 5px 0 5px 30px;
	background: url(/img/sbmore.gif) no-repeat right top;
}

#Sidebar dd.more a {
	color: #f26522;
	text-decoration: underline;
}

/* Body
-----------------------------------------------------------*/

#Body .l {
	float: left;
	width: 436px;
}

#Body .r {
	float: right;
	width: 199px;
}

/* RigContainerhtbox
-----------------------------------------------------------*/

#Container {
	padding: 9px 9px 9px 8px;
}

.boxHead {
	padding: 0 0 24px 0;
}

.boxHead h1 {
	padding: 0 9px 20px 9px;
}

.boxHead p {
	padding: 0 0 0 12px;
	font-size: 11px;
	background: url(/img/line-blue.gif) no-repeat 0 3px;
}

#HomePage {
	padding-top: 132px;
	color: #335869;
	background: url(/img/visi-home.jpg) no-repeat;
}

#ProductsPage,
#ServicesPage {
	padding-top: 9px;
	color: #335869;
}

#ProductsPage {
	background: url(/img/visi-products.jpg) no-repeat;
}

#ServicesPage {
	background: url(/img/visi-services.jpg) no-repeat;
}

#ProductsPage p,
#ServicesPage p {
	background-image: url(/img/line-green.gif);
}

.boxS1 {
	padding: 0 0 20px 0;
	background: url(/img/ico-folder.gif) no-repeat 0 4px;
}

.boxS1 h2 {
	padding-left: 19px;
}

.boxS1 p,
.boxS3 p {
	padding: 0 0 9px 0;
	font-size: 13px;
}

.boxS3 p img {
	vertical-align: middle;
}

.boxS1 .visi {
	padding: 0 0 9px 0;
}

.boxS1 .visi .lf {
	float: left;
	padding: 4px 0 0 0;
	width: 150px;
}

.boxS1 .visi .rg {
	float: left;
	width: 180px;
}

.boxS1 .visi .rg p {
	padding: 0 0 0 12px !important;
	font-size: 11px;
	line-height: 1.1em;
	color: #335869;
	background: url(/img/line-orange.gif) no-repeat 0 3px;
}

.boxS1 .visi .rg p img {
	padding: 12px 0 0 0;
}

/* Rightbox
-----------------------------------------------------------*/

#Rightbox {
	padding: 9px 9px 9px 0;
}

.boxR {
	margin: 0 0 10px 0;
}

.boxR h3 {
	padding: 0 12px;
	height: 30px;
}

/* IDs: Members Login
-----------------------------------------------------------*/

#usLogin {
	background: #ffc721 url(/img/boxr1b.gif) no-repeat left bottom;
}

#usLogin h3 {
	background: url(/img/boxr1a.gif) no-repeat;
}

#usLogin form {
	padding: 0 0 9px 0;
	background: url(/img/boxr1hr.gif) repeat-x left bottom;
}

#usLogin fieldset {
	padding: 9px 9px 0 9px;
	color: #7c682b;
	background: url(/img/boxr1hr.gif) repeat-x;
}

#usLogin legend {
	display: none;
}

#usLogin .br {
	height: 23px;
}

#usLogin .br label {
	float: left;
	display: block;
	width: 60px;
	line-height: 22px;
	font-size: 10px;
	text-transform: uppercase;
}

#usLogin .br input {
	float: right;
	padding: 1px;
	width: 60%;
	font-size: 11px;
}

#usLogin .submit {
	padding: 0 0 0 72px;
}

#usLogin .submit input {
	padding: 2px 6px;
	font-size: 11px;
}

#usLogin ul {
	padding: 12px 27px;
}

#usLogin li {
	padding: 0 0 2px 0;
	font-size: 11px;
	list-style: disc;
}

/* IDs: Exiting products
-----------------------------------------------------------*/

#exProducts {
	background: #f7941d url(/img/boxr2b.gif) no-repeat left bottom;
}

#exProducts h3 {
	background: url(/img/boxr2a.gif) no-repeat;
}

#exProducts  ul {
	padding: 3px 0 12px 0;
	font-size: 11px;
	background: url(/img/boxr2hr.gif) repeat-x;
}

#exProducts  li {
	padding: 9px 12px;
	font-size: 11px;
	background: url(/img/boxr2hr.gif) repeat-x left bottom;
}

#exProducts  li img {
	padding: 0 0 0 4px;
	border-left: solid 4px #f15910;
}

#exProducts li strong {
	padding: 0 0 0 14px;
	background: url(/img/li2.gif) no-repeat 0 5px;
}

#exProducts a {
	color: #000;
	text-decoration: underline;
}

#exProducts a:hover img {
	border-color: #ffc721;
}

/* IDs: Company news
-----------------------------------------------------------*/

#coNews {
	padding: 0 0 6px 0;
	background: #f26522 url(/img/boxr3b.gif) no-repeat left bottom;
}

#coNews h3 {
	background: url(/img/boxr3a.gif) no-repeat;
}

#coNews .shell {
	padding: 9px 6px 9px 0;
	background: url(/img/boxr3hr.gif) repeat-x;
}

#coNews ul {
	padding: 0 12px;
	height: 254px;
	overflow: auto;
}

#coNews ul li {
	padding: 0 0 12px 0;
	font-size: 11px;
}

#coNews li strong {
	padding: 0 0 6px 14px;
	background: url(/img/li2.gif) no-repeat 0 5px;
}

#coNews ul li a {
	color: #000;
	text-decoration: underline;
}

#coNews li img {
	vertical-align: middle;
}

/* Footer
-----------------------------------------------------------*/

#Footer {
	background: url(/img/footer.gif) repeat-x right top;
}

#Footer .shell {
	margin: 0 auto;
	width: 778px;
	background: url(/img/footershell.gif) no-repeat right top;
}

#Footer p {
	padding: 10px 10px;
	font-size: 11px;
	text-align: center;
	line-height: 20px;
	color: #ceebeb;
}

#Footer a {
	color: #8bb3b3;
	letter-spacing: 0;
}

#Footer .links {
	color: #497070;
	letter-spacing: 5px;
}

/* Other
-----------------------------------------------------------*/

ul.list {
	margin: 1em 3em;
}

ul.list li {
	padding: 0 0 .2em 0;
	font-size: 13px;
	list-style: disc;
}

/* Clearfix
-----------------------------------------------------------*/

.br:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.br {
    display: inline-block;
}

.br {
    display: block;
}

* html .br {
    height: 1px;
}