html, body {
	margin: 0;
	padding: 0;
	min-width: 980px;
}

body.layout-mini {} /* empty layout */
body.layout-index {} /* index page layout */
body.layout-common {} /* common pages layout */
body.layout-compact {} /* profile page layout */
body.layout-cabinet-vcard {} /* cabinet profile page layout */

#banner {
	text-align: center;
}

body.layout-compact #header {
    opacity: .35;
}

body.layout-compact #header:hover {
    opacity: 1;
}

#header .top {
	position: relative;
	height: 29px;
	padding-top: 7px;
	background: url(../images/people.gif) no-repeat 30px 16px;
}

body.layout-compact #header .top {
	background: none;
}

#header .search {
	float: right;
	padding-right: 14px;
	font-size: .85em;
}
	#header .search input {
		float: left;
	}
	#header #header_search_input {
		width: 190px;
		padding: 2px;
		font-family: Verdana, Geneva, sans-serif;
		color: #000;
	}
		#header #header_search_input.placeholder {
			color: #999;
		}
	#header #header_search_button {
		height: 18px;
		margin-left: 2px;
	}

#header .nav-icons {
	float: right;
	padding: 2px 15px 0 0;
}

body.layout-mini .nav-icons {
	padding-top: 9px;
}

.nav-icons {
	font-size: .83em;
	overflow: hidden;
}
	.nav-icons * {
		margin: 0;
		padding: 0;
	}
	.nav-icons ul {
		float: left;
		padding-left: 12px;
	}
	.nav-icons li {
		float: left;
		list-style: none;
		background: #fff; /* mainly for IE: it makes font ugly otherwise */
	}
		.nav-icons .lang li {
			padding: .1em .35em 0;
			font-weight: bold;
			color: #FF5233;
		}
		.nav-icons .lang a, .nav-icons .lang a:visited {
			font-weight: normal;
			color: #494949;
		}

.nav a {
	display: block;
	width: 28px;
	height: 19px;
	background: url(../images/small_icons.gif) no-repeat;
}
	.nav a.home {background-position: 0 0;}
	.nav a.sitemap {background-position: -27px 0;}
	.nav a.mailto {background-position: -57px 0;}

	.nav a.home:hover, .nav a.home:active {background-position: 0 -20px;}
	.nav a.sitemap:hover, .nav a.sitemap:active {background-position: -27px -20px;}
	.nav a.mailto:hover, .nav a.mailto:active {background-position: -57px -20px;}

	.nav .active a.home {background-position: 0 -40px;}
	.nav .active a.sitemap {background-position: -27px -40px;}
	.nav .active a.mailto {background-position: -57px -40px;}

#logo {
	position: absolute;
	top: 7px;
	left: 34px;
	font-size: 2em;
	font-style: italic;
}
	#logo a {
		display: block;
	}

body.layout-compact #logo {
    left: 23px;
}

body.layout-mini #logo {
	margin: 22px 28px 24px 29px;
}

#container {
	margin: 2em 30px;
	overflow: hidden;
}

body.layout-mini #container {
	margin-top: 0;
}

#top_menu {
	position: relative;
	min-height: 88px;
	background: url(../images/bckg_orange.gif) repeat-x #F15A23;
}
	#top_menu * {
		margin: 0;
		padding: 0;
	}
	#top_menu .title {
		display: block;
		color: #ffff00;
		font-weight: bold;
		line-height: 120%;
	}
	#top_menu .subtitle {
		display: block;
		padding-top: 3px;
		color: #FFCAA6;
		font-size: 90%;
		font-weight: normal;
		line-height: 110%;
	}
	#top_menu .white {
		color: #fff;
	}
	#top_menu a, #top_menu a:visited {
		color: #fff;
	}
	#top_menu a:hover, #top_menu a:active {
		color: #ffff00;
	}

body.layout-compact #top_menu {
	min-height: 55px;
}
body.layout-compact #header #top_menu .subtitle {
    display: none;
}

#cabinet {
	position: absolute;
	top: 1.25em;
	right: 25px;
	width: 245px;
}
	#cabinet .image, #cabinet .user-image {
		float: left;
		overflow: hidden;
		margin: 0 10px 0 0;
		text-decoration: none;
	}
	#cabinet .image {
		width: 80px;
		height: 80px;
		margin-top: -14px;
		background: url(../images/tapki.png) 50% 50% no-repeat;
	}
	#cabinet .user-image {
		width: 50px;
		height: 50px;
	}
	#cabinet .logout {
		display: inline-block;
		width: 18px;
		height: 18px;
		background: url(../images/icons.gif) no-repeat -1px -604px;
		text-decoration: none;
	}
	#cabinet .rating {
		padding-left: 0;
		font-style: italic;
		font-size: .75em;
		background: none;
	}
	#cabinet #account {
		border-bottom: 1px dotted #FFFFFF; /* better #fff as text */
		text-decoration: none;
	}
	#cabinet #account:hover {
		border-color: #FFFFF; /* better #ff0 as text */
		text-decoration: none;
	}
	#cabinet .subtitle {
		padding-top: 5px;
	}

body.layout-compact #cabinet {
	top: 1.4em;
	width: 10em;
}

body.layout-cabinet #cabinet #account,
body.layout-cabinet-vcard #cabinet #account {
		border-bottom: 1px dotted #000000; /* better #fff as text */
		text-decoration: none;
}


body.layout-cabinet #cabinet,
body.layout-cabinet-vcard #cabinet {
	top: 0;
	right: 0;
	min-height: 100%;
	padding: 0 25px 0 0;
	background: #FEDC19;
	color: #575859;
}
	body.layout-cabinet #cabinet .user-image,
	body.layout-cabinet-vcard #cabinet .user-image,
	body.layout-cabinet #cabinet .title,
	body.layout-cabinet-vcard #cabinet .title {
		margin-top: 1.25em;
	}
	body.layout-cabinet #cabinet .user-image,
	body.layout-cabinet-vcard #cabinet .user-image {
		margin-left: 15px;
	}
	body.layout-cabinet #cabinet .logout,
	body.layout-cabinet-vcard #cabinet .logout {
		background-position: -1px -46px;
	}
	body.layout-cabinet #cabinet a,
	body.layout-cabinet-vcard #cabinet a,
	body.layout-cabinet #cabinet .white,
	body.layout-cabinet-vcard #cabinet .white {
		color: #575859;
	}

#main-menu {
	padding: 1.25em 27% 0.5em 14%;
}
	#main-menu li {
		display: inline-block;
		width: 24.9%;
		text-align: center;
		list-style: none;
	}
	#main-menu #commercial, #main-menu #professionals {
		width: 25.8%;
	}
	#main-menu #community, #main-menu #press {
		width: 23%;
	}

body.layout-compact #main-menu {
	padding: 1.4em 14em .5em 245px;
}

#region {
	position: absolute;
	left: 25px;
	top: 56px;
	padding: 1px;
}
	#region .show-more-title {
		padding: 0.2em 0.3em 0.3em 0.79em;
	}
		#region .show-more-title a, #region .show-more-title a:visited {
			color: #F15A23;
			font-weight: bold;
			line-height: 1.4;
		}
		#region .show-more-title a:hover, #region .show-more-title a:active {
			color: #feba2d;
		}

body.layout-compact #region {
	left: 105px;
	top: 17px;
}

#region-switch {
	top: -.9em;
	left: -.6em;
	width: 23.6em;
	border-color: #FF6300;
}
	#region-switch .container {
		padding: 3.5em .8em .8em;
	}
	#region-switch .title {
		font-size: .9em;
		font-weight: normal;
		color: #494949;
	}
	#region-switch a, #region-switch a:visited {
		color: #0B790B;
	}
	#region-switch a:hover, #region-switch a:active {
		color: #ff5233;
	}
	#region-switch .active {
		font-weight: bold;
	}
	#region-switch .dotted {
		font-size: 1.3em;
	}
	#region-switch ul {
		float: left;
		padding-left: 1em;
		font-size: .9em;
	}

body.layout-compact #header .show-more-content {
	display: none;
}
body.layout-compact #header:hover .show-more-open .show-more-content {
	display: block;
}

#sub_nav {
	padding: 6px 0 7px;
	font-size: 0.85em;
	line-height: 1.7em;
}

body.layout-compact #sub_nav {
    overflow: hidden;
    height: 10px;
    padding: 0;
}

	#sub_nav .post {
		float: left;
		margin-left: 10px;
		background: url(../images/post_left.gif) no-repeat 0 50%;
	}
		#sub_nav .post a, #sub_nav .post a:visited {
			float: left;
			min-height: 24px;
			padding: 0 15px 0 25px;
			color: #fff;
			background: url(../images/post_right.gif) no-repeat 100% 50%;
		}
		#sub_nav .post a:hover, #sub_nav .post a:active {
			color: #FFFF00;
		}
	#sub_nav .answer {
		float: right;
		margin-right: 200px;
		padding-left: 23px;
		color: #828282;
		background: url(../images/icons.gif) no-repeat 0 -88px;
	}
	#sub_nav .answer:visited {
		color: #828282;
	}
	#sub_nav .answer:hover, #sub_nav .answer:active {
		color: #FF5223;
	}

#breadcrumbs {
	position : absolute;
	top : 10px;
	left : 25px;
	font-size : 90%;
	background: #fff;
}

#feedback_but {
	position: fixed;
	z-index: 10000000;
	top: 455px;
	right: 0;
	width: 24px;
	overflow: hidden;
	cursor: pointer;
}
	body.layout-index #feedback_but {
		top: 375px;
	}

#quiz_but {
	position: fixed;
	z-index: 10000000;
	top: 535px;
	right: 0;
	width: 24px;
	overflow: hidden;
	cursor: pointer;
}
	body.layout-index #quiz_but {
		top: 455px;
	}


#menu {
	padding: 7px 20px 1em 1em;
	background: #FCF5E1;
    position: relative;
}

	#menu .switcher, #menu .title {
		margin: 17px 0 8px 25px;
		padding: 0;
	}
	#menu .show-more {
		margin: 20px 0 8px 25px;
		padding: 0;
	}
	#menu .in-line {
		clear: none;
	}
	#menu .title {
		color: #000;
		font-size: 1.1em;
		font-weight: bold;
	}

#cutoff {
	padding-top: 24px;
	background: url(../images/cutoff.gif) 30px 0 no-repeat;
}
#counters {
	padding-bottom: 1px;
	background: #fafafa url(../images/counters_border.gif) repeat-x;
}
	#counters ul {
		overflow: hidden;
		margin: 0 1.5em 1em 30px;
		padding: 1.5em 0 0 0;
		background: url(../images/recycle.gif) 100% 100% no-repeat;
	}
	#counters li {
		float: left;
		margin: 0;
		padding: 0 1.5em 0 0;
		list-style: none;
	}

body.layout-compact #menu,
body.layout-cabinet #menu,
body.layout-cabinet-vcard #menu {
	padding: 20px 25px 10px 0;
}
body.layout-index #menu ul {
	margin-left: 1em;
}

	body.layout-compact #menu .switcher,
	body.layout-cabinet-vcard #menu .switcher {
		margin-left: 0;
	}

body.layout-compact #page,
body.layout-cabinet-vcard #page {
	padding: 20px;
	background: #d4d4d4;
}

	body.layout-compact #container,
    body.layout-cabinet-vcard #container {
		position: relative;
		z-index: 2;
		margin: 0;
		border-radius: 15px;
		-moz-border-radius: 15px;
		-webkit-border-radius: 15px;
		background: #fff;
	}
	body.layout-compact #content,
    body.layout-cabinet-vcard #content {
		margin-right: 0;
	}
	body.layout-compact #footer,
    body.layout-cabinet-vcard #footer {
		background: #fff url(../images/bot_bckg.gif) top repeat-x;
	}
	body.layout-compact #footer-menu,
    body.layout-cabinet-vcard #footer-menu {
		margin-top: 0;
	}