body { font: 10px "Myriad Pro"; color: #383838; min-height: 600px; }

html,body { height: 100%; margin: 0px; padding: 0px; }



#container { height: auto; height: 100%; min-height: 100%; position: relative; background: #BDBDBD url(images/bg.png) repeat-x 0 100%; }

#empty { height: 132px; }



.logo { margin-top: -130px; width: 317px; clear: both; z-index: 10001; margin: -141px -166px 0; top: 50%; left: 50%; position: absolute; }

    .logo a {

	display: block;

	float: left;

	background-repeat: no-repeat;

	background-position: center bottom;

	width: 317px;

	height: 166px;

	margin: 0 10px;

    }

	.logo a#company { background-image: url(images/company.png); }

	.logo a#possibility { background-image: url(images/possibilities.png); }

	.logo a#portfolio { background-image: url(images/portfolio.png); }

	.logo a#satera { background-image: url(images/satera.png); }

	.logo a span { display: none; }

	

    .content, .content #menu-top, .box-gallery, #info-main

	{ clear: both; margin: 0 auto; }

    

.content { width: 933px; /*display: table;*/ }

    .content #menu-top { width: 503px; padding-top: 45px; margin-bottom: 20px; }

    .content #menu-top li { display: inline; padding: 0 12px 0 10px; font-size: 15px; color: #383838; text-decoration: none; color: #000; background: url(images/li-1.gif) no-repeat scroll 100% 8px; }

    .content #menu-top li.last { background: none; }

    .content #menu-top li a{ color: #383838; text-decoration: none; }

    .content #menu-top li a:hover{ color: #c0002c; }

    .content #menu-top li a.current{ font-weight: bold; color: #000!important; cursor: default; }

    

    .box-gallery { padding: 12px 0 0 0; width: 765px; }

    .box-gallery .next img, .box-gallery .prev img

	{ border: 0; }

    .box-gallery .next { float:right; padding: 62px 0 0 0; height: 156px; }

    .box-gallery .prev { float:left; padding: 62px 0 0 0; height: 156px; }

    .box-gallery .box-list ul { list-style: none; padding:0 0 0 50px; }

    .box-gallery .box-list ul li { float:left; padding:0 12px 6px 0; }

    .box-gallery .box-list ul li a {display:block; float:left; background:url(images/box-1-1.gif) 0 0 no-repeat}

    .box-gallery .box-list ul li a span {display:block; float:left; background:url(images/box-1-2.gif) 0 100% no-repeat; padding:3px 0; cursor:pointer; height: 58px; }

    .box-gallery .box-list ul li a span img {width:58px; padding:0 3px; background:#FFF; border: 0; }

    

    #info-main { width: 670px; line-height: 15px; padding-top: 28px; font-size: 1.4em; text-align: justify; }

	#info-main h3 { font-size: 1.6em; color: #000; text-align: center; }



/* футер */

#footer {

    width: 100%;

    min-width: 859px;

    height: 132px;

    background: url(images/footer.png) no-repeat center 3px;

    position: absolute;

    left: 0;

    bottom: 0;

    font-size: 1.3em;

}

    #footer address, #footer div, #footer img

	{ position: absolute; display: block; text-align: center; width: 100%; margin-top: 26px; }

    #footer address { top: 20px; font-style: normal; font-family: Arial; }

    #footer img { top: 40px; width: 86px; height: 12px; left: 50%; margin-left: -44px;  }

    #footer div { top: 60px; color: #898989; font-family: Arial; margin-top: 33px; }

	#footer div span { color: #fff; margin: 10px; font-weight: bold; }

	#footer div a { text-decoration: none; color: #898989; }

	#footer div img { vertical-align: middle; }