* {
	margin:0;
	padding:0;
}
img { border:none; }
body { 
	background:#fff url(/i/bg-body.jpg) repeat-x; 
	text-align:center;
	font:normal 62.5%/18px Arial, Helvetica, sans-serif;
}
body.front {background-image:url(/i/bg-body-front.jpg);}
a {color:#333;}
#wrap { 
	width:979px;
	margin:0 auto;
	text-align:left;
}
#main { 
	padding:2px 1px; 	
	font-size:1.2em;
	background:url(i/bg-cont.jpg) no-repeat top right;
}
#cont {
	border-top:1px dotted #333;
	padding:15px;
	overflow:hidden;
	min-height:450px;
}
#header { background:url(i/bg-header.jpg) no-repeat;}

.front #main {
	background:none;
}
.front #cont {
	border:none;
	min-height:0;
	overflow:auto;
	padding-top:0;
	/*padding-right:483px;*/
}
h1.logo {
	width:225px;
	margin:0 auto;
	padding:26px 0;
}
.front h1.logo, h1.logo a {
	display:block;
	height:60px;
	line-height:60px;
	text-indent:-9999px;
	background: url(i/logo.png) no-repeat center center;	
}
.front #header {background:none;}

#nav {
	list-style:none;
	height:34px;
	background:url(i/bg-nav.png) no-repeat;
}
#nav li {
	display:inline;
	float:left;
	margin-right:1px;
	text-align:center;
	height:34px;
	line-height:34px;
	font-size:1.3em;
}
#nav li .home { width:176px; background-position:0 -34px;}
#nav li .about { width:178px; background-position:-177px -34px;}
#nav li .services { width:187px; background-position:-356px -34px;}
#nav li .training { width:180px; background-position:-544px -34px;}
#nav li .contacts { width:253px; background-position:-725px -34px;}
#nav li a, #nav b {
	display:block;
	height:34px;
	font-weight:bold;
	text-decoration:none;
	color:#333;
}
#nav b, #nav a:hover {
	color:#fff;
	background-image:url(i/bg-nav.png);
}
#nav a:hover {
	color:#ddd;
}
#slogan {
	height:295px; 
	text-indent:-9999px; 
	background: url(i/bg-slogan.jpg) no-repeat;
}
#teasers { 
	list-style:none;
	float:right;
	overflow:hidden;
}
#teasers li {
	float:left;
	padding:14px 5px 0 14px;
}
#teasers a {
	display:block;
	height:133px;
	width:219px;
	text-indent:-9999px;
}
#teasers .services { background:url(i/bg-teaser-online-team.png) no-repeat;}
#teasers .training { background:url(i/bg-teaser-online-training.png) no-repeat;}
h2#welcome {
	height:39px;
	line-height:39px;
	text-indent:-9999px;
	background:url(i/bg-welcome.png) no-repeat left center;
	border-bottom:1px dotted #333;
}
#footer {
	height:30px;
	line-height:30px;
	border-top:1px dotted #333;
}
#crumbs {
	list-style:none;
	line-height:40px;
	height:40px;
	overflow:hidden;
	margin:0 15px;
}
#crumbs li {
	display:inline;
	float:left;
	margin:0 20px 0 -12px;
	padding-left:12px; 
	background:url(i/bg-crumbs.png) no-repeat left center;
	font-weight:bold;
}
#crumbs a {font-weight:normal;}
#cont h2 { margin-bottom:18px; }
#cont h3, #cont h4, #cont h5, #cont h6,
#cont p, 
#cont ul,
#cont ol { margin:18px 0;}
#cont ul { list-style:none;}
#cont ol { list-style:lower-roman; list-style-position:inside;}

#cont li { background:url(i/bg-bullet.png) no-repeat; padding: 0 0 8px 29px;}
#cont img.left {
	float:left;
	margin-right:13px;
	border:solid #ddd 4px;
}
#cont img.right {
	float:right;
	margin-left:13px;
	border:solid #ddd 4px;
}

a.training-login {
	float:right;
	background:url(i/button-training-login.png);
	width:165px;
	height:41px;
	text-indent:-9999px;
	margin-top:50px;
}

table.contacts {
	border-collapse:collapse;
	width:100%;
	line-height:30px;
}
table.contacts th {text-align:left; font-weight:normal; width:6em;}
table.contacts thead th {font-weight:bold;}
table.contacts th,
table.contacts td {border-bottom:dotted 1px #333;}