/**********************************************************************************************

	Title: Unionpro.ru CSS
	Author: guestar.ru
	Date: 01.2010

***********************************************************************************************

	1. Global Reset

	2. General Elements

	3. Layout

	4. Constructor

***********************************************************************************************/



/* 1. Global Reset
-----------------------------------------------------------------------------------------------
===============================================================================================*/

	html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, em, font, strong, sub, sup, ol, ul, li, fieldset, form, label, table, tr, th, td {border: 0; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline;}

	img {border: 0;}
	
	p {margin-bottom: 1.2em;}

	table {border-collapse: collapse; border-spacing: 0;}
	td, th {text-align: left; vertical-align: middle;}

	form {margin: 0;}
	textarea, input, select {margin: 0;}

	h1, h2, h3, h4, h5, h6 {font-weight: bold;}



/* 2. General elements
-----------------------------------------------------------------------------------------------
===============================================================================================*/

	body {background: #000 url(/img/s-bg.jpg) no-repeat 0 -124px; color: #fff; font: normal 12px Arial,sans-serif; padding-left: 33px; padding-top: 23px;}

	strong {font-weight: bold;}
	em {font-style: italic;}

	input, textarea, select {font: normal 12px Arial,sans-serif;}

	a {color: #e4610f; text-decoration: underline; cursor: pointer;}
	a:active {}
	a:visited {}
	a:hover {text-decoration: none;}

	ul {line-height: 1.2em; list-style-type: disc;}



/* 3. Layout
-----------------------------------------------------------------------------------------------
===============================================================================================*/

	.p-head {height: 100px; position: relative; width: 920px;}
	.p-head .logo {background: url(/img/s-core.png); display: block; height: 60px; text-indent: -6000px; width: 208px;}
	.p-head .slogan {background: url(/img/s-core.png) -208px 0; display: block; height: 35px; left: 246px; position: absolute; text-indent: -6000px; top: 12px; width: 166px;}
	.p-head .lease {background: url(/img/s-core.png) -374px 0; display: block; height: 68px; left: 670px; position: absolute; text-indent: -6000px; top: 0; width: 195px;}
	

	.p-menu {border-bottom: 1px solid #666; width: 920px;}
	.p-menu td {border-left: 1px solid #666; vertical-align: top; width: 183px;}
	.p-menu td.company {border: 0; width: 184px;}
	.p-menu a {color: #808080; text-decoration: none;}
	.p-menu ul {font-size: 11px; font-weight: bold; line-height: 1.1em; list-style: none; padding: 0 4px 0 5px;}
	.p-menu ul a:hover {color: #fff; text-decoration: underline;}
	.p-menu ul.on a {color: #fff;}
	.p-menu ul.on .on a {color: #e4610f; cursor: default; text-decoration: none;}
	.p-menu div {height: 93px; position: relative;}
	.p-menu div a {display: block; font-size: 16px; font-weight: bold; height: 78px; line-height: 1em; padding: 2px 0 0 11px; position: relative; text-decoration: none; z-index: 2;}
	.p-menu div a i {float: left; font-style: normal;}
	.p-menu div a:hover i,
	.p-menu div.on a i {border-bottom: 5px solid #ea6b05; color: #fff; padding: 0 1px 4px 0;}
	.p-menu div b {display: none;}
	.p-menu div.on b {background: url(/img/s-bg.jpg) -183px 0; display: block; height: 93px; left: 0; padding-top: 27px; position: absolute; top: -27px; width: 183px; z-index: 1;}
	.p-menu div.on b.first {background-position: 0 0;}
	.p-menu div.on b.last {background-position: -366px 0;}


	.p-body {border-bottom: 1px solid #666; height: 400px; width: 920px;}
	.p-body-menu {border-right: 1px solid #666; padding: 15px 2px 10px 2px; vertical-align: top; width: 180px;}
	.p-body-menu h2 {color: #fff; font-size: 16px; font-weight: bold; line-height: 1em; overflow: hidden; margin-bottom: 25px; width: 100%;}
	.p-body-menu h2 i {border-bottom: 5px solid #ea6b05; float: left; font-style: normal; padding: 0 1px 4px 0;}
	.p-body-menu ul {color: #fff; font-size: 15px; list-style: none;}
	.p-body-menu li {margin-bottom: 5px; padding-left: 17px;}
	.p-body-menu div {margin-left: -17px;}
	.p-body-menu a {color: #fff;}
	.p-body-menu ul ul {/*display: none; */font: 13px Tahoma; list-style-type: square; margin: 8px 0 12px 0;}
	.p-body-menu ul ul li {margin: 0 0 4px 0; padding-left: 0;}
	.p-body-menu ul ul li a {color: #aaa; margin-left: 0;}
	.p-body-menu ul ul li a:hover {color: #fff;}
	.p-body-menu ul ul .on {padding: 3px 0;}
	.p-body-menu ul ul .on a,
	.p-body-menu ul ul .on a:hover {color: #e4610f; cursor: default; text-decoration: none;}
	.p-body-menu .on {color: #e4610f;}
	.p-body-menu .on div a {color: #e4610f; cursor: default; text-decoration: none;}
	.p-body-menu .on div.ui-corner-all a {cursor: pointer;}
/*
	.p-body-menu .on ul {display: block;}
*/
	.p-body-content {color: #fff; font: 13px/1.3em Arial; padding: 20px 10px 20px 20px; vertical-align: top;}
	.p-body-content h1,
	.p-body-content .h1 {font: bold 15px Arial,sans-serif; margin-bottom: 20px; margin-left: -7px;}
	.p-body-content h3,
	.p-body-content .h3 {font: bold 14px Arial,sans-serif; margin-bottom: 8px; padding-top: 10px;}
	.p-body-content h3 + p {margin-top: 0;}
	.p-body-content p {margin: 15px 0; line-height: 1.4em;}
	.p-body-content img {padding: 12px 0;}


	.p-menu-bot {font-size: 11px; font-weight: bold; line-height: 1.1em; width: 920px;}
	.p-menu-bot td {border-left: 1px solid #666; padding: 15px 7px; vertical-align: top; width: 169px;}
	.p-menu-bot td.company {border: 0; width: 170px;}
	.p-menu-bot ul {list-style: none;}
	.p-menu-bot a {color: #808080; text-decoration: none;}
	.p-menu-bot a:hover {color: #fff; text-decoration: underline;}
	.p-menu-bot ul.on a {color: #fff;}
	.p-menu-bot ul.on .on a {color: #e4610f; cursor: default; text-decoration: none;}


	.p-foot {font-size: 10px; padding: 50px 100px 20px 0; position: relative; zoom: 1;}
	.p-foot .counters {height: 31px; overflow: hidden; position: absolute; right: 20px; bottom: 20px; width: 31px;}
	.p-foot .phrase {margin-bottom: 5px;}


	.index {height: 100%; margin: 0 auto; width: 1000px;}
	.index .p-intro {margin-bottom: 5px;}
	.index .p-menu-bot {width: 1000px;}
	.index .p-menu-bot td {border: 0; padding: 10px 4px 5px 9px; width: 172px;}
	.index .p-menu-bot a {color: #dfdfdf;}
	.index .p-menu-bot a:hover {color: #fff;}
	.index .p-menu-bot td.company {border-right: 1px solid #808080; padding-left: 36px; padding-right: 23px; width: 200px;}
	.index .p-menu-bot td.company a {color: #fff;}



/* 4. Constructor
-----------------------------------------------------------------------------------------------
===============================================================================================*/

	.p-body-content .foto-right {float: right; margin: 0 0 10px 15px; padding: 0;}
	.p-body-content .foto-left {float: left; margin: 0 15px 10px 0; padding: 0;}
	.p-body-content .foto-center {display: block; margin-left: auto; margin-right: auto;}

	.fotoGroup {margin: 0 auto 10px auto; padding: 10px 0 0 0; text-align: center;}
	.fotoGroup img {margin: 0 10px; padding: 0 0 10px 0;}
	table.fotoGroup {padding: 0;}
	table.fotoGroup td {padding: 10px 0;}

	.fotoItem {margin-bottom: 15px;}
	.fotoItem th {padding-bottom: 15px; padding-top: 15px; text-align: center; vertical-align: top;}
	.fotoItem th img {margin-right: 25px; padding: 0;}
	.fotoItem td {padding-bottom: 5px;}


	.vtop {vertical-align: top;}


	.contactsList {width: 100%;}
	.contactsList td {padding: 0 20px 30px 0; vertical-align: top; width: 50%;}
	.contactsList td th {padding-right: 20px; vertical-align: top;}
	.contactsList td td {padding: 0 0 20px 0; vertical-align: middle; width: auto;}
	.contactsList img {padding: 0;}
	.contactsList .name {font-weight: bold; margin-bottom: 5px;}


	.galleryList {margin-bottom: 15px; margin-left: -20px; margin-right: -10px;}
	.galleryList td {padding: 13px 0; text-align: center; width: 184px;}
	.galleryList img {padding: 0;}


	.portfolioList {list-style: none;}
	.portfolioList li {background: url(/img/s-core.png) no-repeat -559px -72px; margin-bottom: 10px; padding-left: 15px;}


	.projectDescr {margin: 15px 0 20px 0;}
	

	.newsList {list-style: none;}
	.newsList li {margin-bottom: 20px; padding-left: 10px;}
	.newsList li .date {font-weight: bold; margin-left: -10px;}
	.newsList li p {margin: 0;}


	.saleList {font-size: 14px; list-style: none; margin-bottom: 30px; overflow: hidden; width: 100%;}
	.saleList li {float: left; margin-right: 5px;}
	.saleList a {font-weight: bold;}
	.saleList a:hover {text-decoration: underline;}
	.saleBubble {font: 11px/1.4em Tahoma; color: #000; padding-top: 5px; position: absolute; width: 300px;}
	.saleBubble div {background: #fbdac5 url(/img/s-bubble.png) repeat-x 0 -5px; border: 1px solid #fff; padding: 10px;}
	.saleBubble i {background: url(/img/s-bubble.png); bottom: -1px; display: block; font-size: 0; height: 5px; left: 10px; line-height: 0; position: relative; width: 9px;}
	.saleBubbleRight i {left: 280px;}
	.saleBubble a {color: #000;}
	.saleBubble span {color: #a36110; font-weight: bold;}



/* 5. Shadowbox
-----------------------------------------------------------------------------------------------
===============================================================================================*/

	#sb-title-inner,
	#sb-info-inner,
	#sb-loading-inner,
	div.sb-message {color: #fff; font-family: Arial,sans-serif; font-weight: 200;}
	#sb-container {display: none; left: 0; margin: 0; padding: 0; position: fixed; text-align: left; top: 0; visibility: hidden; z-index: 999;}
	#sb-overlay {height: 100%; position: relative; width: 100%;}
	#sb-wrapper {position: absolute; visibility: hidden; width: 100px;}
	#sb-wrapper-inner {border: 1px solid #303030; height: 100px; overflow: hidden; position: relative;}
	#sb-body {height: 100%; position: relative;}
	#sb-body-inner {height: 100%; position: absolute; width: 100%;}
	#sb-player.html {height: 100%; overflow: auto;}
	#sb-body img {border: none;}
	#sb-loading {height: 100%; position: relative;}
	#sb-loading-inner {font-size: 14px; height: 24px; line-height: 24px; margin-top: -12px; position: absolute; text-align: center; top: 50%; width: 100%;}
	#sb-loading-inner span {background: url(/img/shadowbox/loading.gif) no-repeat; display: inline-block; padding-left: 34px;}
	#sb-body,
	#sb-loading {background-color: #060606;}
	#sb-title,
	#sb-info {margin: 0; overflow: hidden; padding: 0; position: relative;}
	#sb-title,
	#sb-title-inner {height: 26px; line-height: 26px;}
	#sb-title-inner {font-size: 16px;}
	#sb-info,
	#sb-info-inner {height: 20px; line-height: 20px;}
	#sb-info-inner {font-size: 12px;}
	#sb-nav {float:right; height: 16px; padding: 2px 0; width: 45%;}
	#sb-nav a {background-repeat: no-repeat; cursor: pointer; display: block; float: right; height: 16px; margin-left: 3px; width: 16px;}
	#sb-nav-close {background-image: url(/img/shadowbox/close.png);}
	#sb-nav-next {background-image: url(/img/shadowbox/next.png);}
	#sb-nav-previous {background-image: url(/img/shadowbox/previous.png);}
	#sb-nav-play {background-image: url(/img/shadowbox/play.png);}
	#sb-nav-pause {background-image: url(/img/shadowbox/pause.png);}
	#sb-counter {float: left; width: 45%;}
	#sb-counter a {color: #fff; cursor: pointer;padding: 0 4px 0 0; text-decoration: none;}
	#sb-counter a.sb-counter-current {text-decoration: underline;}
	div.sb-message {font-size: 12px; padding: 10px; text-align: center;}
	div.sb-message a:link,
	div.sb-message a:visited {color: #fff; text-decoration: underline;}