@charset "utf-8";
/* CSS Document */

/*	Reset
-------------------------------------------------------------------------------- */
* { margin: 0; padding: 0; }
html { font: 10px/1.6em tahoma; }
*html { font-size: 63%;}
body { font-size: 120%; }
select { font-size: 1em; min-width: 5em; }
input { font-size: 1em; padding: 0 .1em 0 .2em; }
/*	Common
-------------------------------------------------------------------------------- */
html { font-size:100.1%;}
body { background:#f0f0f0 url('../Img/mainbg.png'); padding-top:5px; font:12px/1.4 Verdana; color:#333333; }
body.popupBody {
	padding: 10px;
}
.noline a { text-decoration:none }
.noline a:hover { text-decoration:underline }

a { text-decoration:underline; color:#80a02a; }
a:hover { text-decoration:none }

a img {	border: none; }

h1, h2, h3, h4, h5 { font-weight:normal; color: #333333; }
h5 { font-size: 1.2em; line-height: 20px; }
h4 { font-size: 1.3em; line-height: 1.1em; }
h3 { font-size: 1.4em; line-height: 1.1em; }

h1
{
	font-size :24px;
	padding: 8px 0;
	border-bottom: 1px solid #bababa;
	margin-bottom: 10px;
}
h2
{
	font-size :20px;
	padding: 8px 0;
	margin-top: 5px;
}
h3
{
	font-size :18px;
	padding: 4px 0;
	margin-top: 5px;
}
h4
{
	font-size :14px;
	padding: 2px 0;
	margin-top: 5px;
	font-weight: bold;
}

h5
{
	font-size :12px;
	padding: 0;
	margin-top: 5px;
	font-weight: bold;
}

#pageName {
	padding-bottom: 10px;
	border-bottom: 2px solid #000;
}

#pageContent
{
	padding: 10px 0;
}

#popupPageContent 
{
	padding: 0 30px;
}

/*	Layout
-------------------------------------------------------------------------------- */
#header { height:135px; background:url("../Img/header.png") no-repeat 4px 0 ; padding:0 4px; width:980px; position:relative; }

#header .logo, #header .logo span { position:absolute; left:0; top:0; display:block; width:168px; height:36px; text-indent:-9999px; }
	#header .logo { left:27px; top:27px; text-align:center; }
	#header .logo, #header .logo a { color:#7c7c7c; font-size:20px; text-decoration:none; line-height:50px; }
	#header .logo span { background:url('../Img/logo.png') }
	#header .logo a span { cursor:pointer; }
.headerContact { position:absolute; right:30px; top:20px; text-align:right; font-size:20px; font-weight:bold; color:#4E803E;}
.headerContact a
{
	color:#4E803E;
}
.ContactText
{
	margin-top: 5px;
	font-size:20px; 
	font-weight:bold; 
	color:#4E803E;
}
.ContactText a
{
	color:#4E803E;
}
	
#mainwrapper { background: url('../Img/mainwrapper.png') repeat-y; width:988px; margin:0 auto; }

.mainNavigation { color:#fff; float: right; margin-top: 87px; }
	.mainNavigation li { float:left; font-weight:bold; padding-right:12px; height:26px; line-height:25px; }
	.mainNavigation a { color:#434343; text-decoration:none; padding:0 12px; }
	.mainNavigation a:hover { color:#80a02a; }
	
	.mainNavigation span.active { background:url('../Img/mainnavigation.png') no-repeat; height:26px; display:block; float:left; position:relative; padding:0 7px 0 12px; margin-right:5px; }
	.mainNavigation span.rightCorner { height:26px; width:5px; overflow:hidden; display:block; position:absolute; right:-5px; top:0; background:url('../Img/mainnavigation.png') 100% 100% no-repeat; }

#portfolioOnMain { background:#4e5163 url('../Img/portfolio-on-main.png') no-repeat; width:980px; margin:0 auto; height:328px; color:#fff; position:relative; }
	#slideNext, #slidePrew { background:url('../Img/portfolio-on-main-but.png') no-repeat; display:block; height:52px; width:33px; position:absolute; top:130px; cursor:pointer; }
	#slideNext { right:14px; }
	#slidePrew { left:14px; background-position:0 -52px; }
	
	#sliderWrapper { width:880px; height:295px; margin:0 auto; position:relative; overflow:hidden; } 
	#portfolioOnMain div.screen { width:418px; text-align:center; float:left; }
	#portfolioOnMain img.screen { background:#fff; padding:4px; }
	#portfolioOnMain div.screen img { display:block; margin:0 auto; }
	#portfolioOnMain .info { margin-left:450px; line-height:20px; height: 255px; }
	#portfolioOnMain h2.slider-header { font-size:30px; line-height:40px; padding-bottom:18px; color: #fff; font-weight: bold; }

	#portfolioOnMain ul { height:295px; width:880px; float:left; }
	#portfolioOnMain li { height:295px; width:880px; float:left; cursor:pointer; list-style:none; }
	#portfolioOnMain ul { position:absolute; left:0; top:20px; width:2000em; }
.linkSlider { color:#FFFFFF; float:right; font-weight:bold;}

#pre-footer 
{ 
	width:980px;
	height:2px;
	background:url("../Img/header.png") no-repeat 4px 0;
	padding:0 4px;
	position:relative;
}

#footer { text-align:center; width:980px; margin:0 auto; color:#868686; padding-top:10px; padding-bottom:65px; }
#footer a
{
	color:#868686;
}
/* Content 
-------------------------------------------------------------------------------- */
	#content { width:912px; margin:0 auto; background:#fff url('../Img/content.png') no-repeat; padding:30px 34px; line-height:20px; }
	.section { padding: 0 10px; }
	.section img, .bordered-image
	{
		border-style: solid;
		border-width: 1px;
		border-color: #666;
	}
	li.portfolio { padding:0; margin: 0; list-style-type: none; list-style-image: none; }
	.info { padding: 0 10px; }
	p.details { padding: 5px 10px; }
	p.details a { font-weight: bold; }
	.info ul, .section ul, .materialText ul { padding-left: 40px; }
	.info li { list-style-type: disc; }
	.toplinksPortfolio { display:inline-block; margin: 10px 10px 10px 0px; }
	#activePortfolioLink { font-weight: bold; }
	.projectImages 
	{
		text-align: center; 
		font-style:italic;
	}
	.projectImages img 
	{ 
		margin-top: 30px;
	}

	#ProjectListTable td
	{
		margin-bottom: 20px;
	}
	.projectsMainPageTable
	{
		margin-top: 10px;
	}
	.projectsMainPageTable p
	{
		margin-right: 20px;
	}
/* Title  
-------------------------------------------------------------------------------- */
	#crumbs { width:860px; margin:0 auto; font-size:30px; font-weight:normal; color:#fff; height:62px; line-height:61px; background:#2d2f3c url('../Img/crumbs.jpg') no-repeat; padding:0 60px; }

/*	Misc
-------------------------------------------------------------------------------- */
.ListAddNewItem {
	padding: 10px 0;
}
.formControlsTable {
	padding: 0 5px 5px 0;
}
.formControlsTable caption {
	text-align: left;
}
.imageSubmit {
	padding-right: 10px;
}
.imageSubmitContent {
	color: #FFF;
	font-weight: bold;
}
/* Popup
-----------------------------------------------------------------------------------*/
#popupIframe 
{
	border:2px outset #3C3C3C;
}

ul#project-types
{
	list-style: none;
	padding-right: 400px;
}

#project-description
{
	padding-left:20px;
}

#text-with-link
{
	cursor: pointer;
}

#popupFooter, #popupHeader
{
	padding-left: 30px;
}

.slideShowPopup
{
	text-align: center;
	
}

div#document-text
{
	padding-right: 400px;
}

td#project-short-info
{
	vertical-align: top;
}

.pictures-to-slide-show
{
	cursor: pointer;
}

#slide-show-navigation
{
	width: 810px;
	height: 130px;
	overflow: hidden;
	position: absolute;
	left: 74px;
}

#slide-show-navigation li
{
	position: relative;
	float: left;
	height: 130px;
	width: 162px;
}

#slide-show-navigation li.current
{
	border-style: solid;
	border-color: #fff;
	border-width: 1px;
	height: 128px;
	width: 160px;
}

#slide-show-navigation img.ThumbNail
{
	vertical-align: middle;
}

#slide-show-navigation p
{
	visibility: hidden;
	height: 1px;
	width: 1px
}

#slide-show-navigation h4
{
	text-align: left;
	padding: 5px 0 5px 5px;
}

#slide-show-navigation .ThumbNail
{
	cursor: pointer;
}

#slide-show-navigation .current .ThumbNail
{
	cursor: default;
}

#slide-show
{
	width: auto;
	height: auto;
}
#slide-show #slide-container
{
	width: auto;
	height: 450px;
}

#popupFooter
{
	position: relative;
	bottom: 10px;
	padding-top:20px;	
}

#slide-container .Image
{
	width: 600px;
	height: 400px;
	float: left;
	padding-right: 20px;
	overflow: scroll;
}

#slide-container h4
{
	text-align: left;
	padding-bottom: 10px;
	font-size: 20px;
	font-weight: bold;
}

#slide-container p
{
	text-align: left;
	padding-left: 40px;
	padding-right: 40px;
	position: absolute;
	left: 630px;
	
}

#slide-show-navigation ul
{
	width: 970px;
	position: absolute;
}

/* кнопки для пролистывания слайдов */
#slide-show #backwardlink, #forwardlink
{
	padding: 20px 5px;
	position: absolute;
	top: 495px;
	cursor: pointer;
}

#slide-show #backwardlink
{
	left: 35px;
}
#slide-show #forwardlink
{
	left: 882px;
}

#slide-show-navigation ul ul
{
	margin: 0 20px;
}


.editorControlsContainer
{
	width: 550px;
	overflow: hidden;
}

.content .ProjectInfoImages
{
	width: 550px;
	display: inline;
	padding-left: 0;
}

.ProjectInfoImages li
{
	display: inline;
	padding: 5px;
	width: 150px;
	height: 100px;
	float: left;
}

.listCaption
{
	font-weight: bold;
}

div.imageInfoContainer img
{
	border: 1px outset #3C3C3C
}
div.imageInfoContainer img.current
{
	border: solid 2 #FFF;
}

.sectionList li 
{
	list-style:none;
}
strong
{
	color: #333;
}