/* reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
background-position:0 0;
background-repeat:no-repeat;
border:0 none;
font-size:100%;
font-style:inherit;
font-weight:inherit;
margin:0;
padding:0;
text-align:left;
vertical-align:baseline;
}
i, em { font-style: italic; }
a img, :link img, :visited img {
border:0 none;
}
sub { vertical-align: sub; }
sup { vertical-align: sup; }
table {
border-collapse:collapse;
border-spacing:0;
}
ol, ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
q:before, q:after, blockquote:before, blockquote:after {
content:"";
}
object {
display:block;
}
* {margin:0;padding:0;}
/*
Sticky Footer Solution
by Steve Hatcher
http://stever.ca
http://www.cssstickyfooter.com
*/
* {margin:0;padding:0;}
/* must declare 0 margins on everything, also for main layout components use padding, not
vertical margins (top and bottom) to add spacing, else those margins get added to total height
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */
#wrap {
width: 990px;
margin: 0 auto;
}
html, body, #wrap {height: 100%;}
body > #wrap {height: auto; min-height: 100%;}
#main {padding-bottom: 55px; } /* must be same height as the footer */
#footer {position: relative;
margin-top: -55px; /* negative value of footer height */
height: 55px;
clear:both;
}
/* CLEAR FIX*/
.clearfix:after {content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* */
.red { border: 1px solid red; }
.bold { font-weight: bold;}
.orange { color: #F60; }
html { font-size: 100.01%; }
body {text-align: center; background-color:#FFF;
font-size:62.5%;
font-weight: normal;
font-family: Tahoma, sans-serif;
background-image: url('/i/gradient2.jpg');
background-repeat: repeat-x;
background-position: top;
}
#main {
background-color: #ffffff;
font-size: 1.2em;
}
#header {
margin: 0 auto;
width: 990px;
background-image: url('/i/gradient2.jpg');
background-repeat: repeat-x;
background-position: top;
height: 380px;
}
#flashTop {
width: 326px;
height: 380px;
/*background: url(/i/bg.png) no-repeat;*/
}
#headerImg {
background: url('/i/header.jpg') no-repeat;
height: 280px;
width: 650px;
color: #fff;
}
#topNavi {
width: 650px;
height: 50px;
}
#topMenu {
float: left;
width: 430px;
height: 50px;
border-left: 2px solid #edad7d;
}
#topMenu ul {
margin: 6px 2px 0px 10px;
}
#topMenu ul li {
float: left;
width: 83px;
padding-left: 20px;
height: 23px;
}
#topMenu ul li a{
text-decoration: none;
color: #4e3d2b;
}
#topMenu ul li a:hover{
text-decoration: underline;
}
#topMenu ul li.topActiveItem {
font-weight: bold;
background: url('/i/active-item-star2.gif') no-repeat;
background-position: 0px -3px;
}
#topMenu ul li.topActiveItem a{
}
#topMenu ul li.topActiveItem a:hover{
}
.newline {
clear: left;
}
#topSearch {
/*width: 198px;
float: left;*/
width: 215px;
float: right;
height: 18px;
margin-top: 30px;
}
#topSearch form {
width: 198px;
background: url('/i/search-arrow.gif') no-repeat;
}
#topSearchInputsWrapper {
padding-left: 20px;
height: 18px;
}
#topSearch input {
float: left;
}
#searchText {
font-size: 0.9em;
line-height: 16px;
width: 125px;
margin-top: 1px;
padding-left: 5px;
height: 16px;
border: 1px solid #fcd5b7;
}
#searchButton {
margin-top: 1px;
margin-left: 4px;
border:none;
background: url('/i/search-button.gif') no-repeat;
height: 18px;
width: 42px;
}
#headerDivider {
margin-top: 16px;
background: #fc9;
width: 633px;
height: 16px;
}
#content {
width: 990px;
}
#leftContainer{
float:left;
width: 326px;
margin-bottom: 50px;
}
#leftWrapper {
margin: 15px auto 20px auto;
width: 210px;
}
.news {
font-size: 1em;
}
.news a {
color: #f60;
font-weight: bold;
}
#newsHeading {
height: 26px;
}
#newsHeading span {
display: block;
padding-top: 4px;
color: #594837;
font-weight: bold;
}
.newsItem {
margin-bottom: 20px;
}
.newsDate {
margin-bottom: 5px;
}
.newsDate span {
/* padding: 0 3px;
border-left: 2px solid #465586;
border-right: 2px solid #465586;*/ /* это на случай если захочется убрать пайпы в заголовке. но тогда и margin-left: -3px надо стереть.*/
margin-left:-3px;
color: #f60;
font-weight: bold;
font-size: 0.9em;
}
.newsTitle {
margin-bottom: 5px;
}
.newsTitle span {
line-height: 1.3em;
font-weight: bold;
color: #a15f33;
font-size: 0.9em;
}
.newsTitle span a {
color: #a15f33;
}
.newsText span {
line-height: 1.3em;
color: #a15f33;
font-size: 0.9em;
display: block;
text-align: justify;
margin-bottom: 0.5em;
}
.newsMoreLink {
font-size: 0.9em;
}
.newsMoreLink a {
color: #f60;
}
#leftMenu {
width: 209px;
border-left: 1px solid #eeb081;
margin-bottom: 20px;
}
#leftMenu ul {
margin-bottom: 100px;
margin-left: 30px;
}
#leftMenu ul li {
width: 150px;
height: 25px;
color: #ac6635;
}
#leftMenu ul li a {
display:block;
height: 20px;
padding-top: 5px;
color: #ac6635;
text-decoration: none;
}
#leftMenu ul li a:hover {
color: #ac6635;
text-decoration: underline;
}
#leftMenu ul li.activeItem {
font-weight: bold;
background: url('/i/left-menu-arrow.gif') no-repeat;
background-position: right;
padding-right: 25px;
}
#leftMenuPeople {
background: url('/i/left-menu-people.jpg') no-repeat;
width: 159px;
height: 195px;
border-bottom: 1px solid #eeb081;
}
#rightContainer {
width: 664px;
float: left;
margin-bottom: 50px;
}
#mainContent {
width: 633px;
}
#mainContent a {
color: #F60;
}
#mainContent strong {
font-weight: bold;
}
#mainContent p.italic {
font-style: italic;
}
#mainContent h1 {
border-left: 5px solid #F60;
font-weight: bold;
color: #4e3d2b;
height: 16px;
padding-left: 1em;
margin-top: 15px;
margin-bottom: 20px;
}
#mainContent h1 a {
color: #4e3d2b;
text-decoration: none;
}
#mainContent h1 a:hover {
text-decoration: underline;
}
#mainContent p {
line-height: 1.4em;
margin-bottom: 15px;
/*text-indent: 1.5em;*/
color: #4e3d2b;
}
#mainContent h3, h4 {
font-weight: bold;
font-size: 1.1em;
/*text-indent: 1.5em;*/
margin-bottom: 15px;
color: #4e3d2b;
}
.textArrow a {
font-family: Times, serif;
font-size: 1.5em;
text-decoration: none;
}
/********/
/*about */
/********/
#about {
float: left;
width: 490px;
}
#benefits {
}
#benefits p {
text-align: center;
font-weight: bold;
}
#benefits ul {
margin-left: 30px;
}
#benefits ul li {
padding-left: 30px;
background: url('/i/about-list-arrow2.gif') no-repeat;
height: 25px;
padding-top: 5px;
color: #ac6635;
font-weight: bold;
}
#girlRight {
float: right;
}
/*******/
/* job */
/*******/
#job {
}
#jobHeader {
float: left;
}
#jobAttraction {
float: left;
width: 340px;
height: 70px;
}
#jobAttractionText {
height:19px;
padding-top:16px;
padding-left: 16px;
}
#jobAttraction span {
color: #F60;
padding-bottom: 4px;
border-bottom: 1px solid #eeb081;
font-weight: bold;
margin-top: 15px;
}
#jobArrow {
background: url('/i/job-header2.gif') no-repeat;
height: 35px;
}
#jobPhones {
margin-left: 10px;
float:left;
height:54px;
padding-top:16px;
width:283px;
}
#jobPhones p {
text-indent: 10px;
line-height:1.4em;
}
#upload {
}
#jobSelectFile {
/*border: 1px solid #FCD5B7;*/
}
#jobSubmitFile {
width: 100px;
}
#upload span {
font-weight: bold;
color: #4E3D2B;
}
#upload form {
height: 25px;
margin: 1.5em 0;
}
#jobList {
float: left;
margin-top: 10px;
}
.jobListItemWrapper {
width: 632px;
margin-bottom: 20px;
min-height: 170px;
height: auto;
}
/*\*/
* html .jobListItemWrapper {
height: 170px; /* min-height для IE */
}
.jobListItem {
width: 100%;
background: #fff;
}
.jobListItem h2 {
margin: 10px 0;
font-weight: bold;
color: #F60;
text-transform: uppercase;
}
.jobListItem table td {
padding: 5px 0;
color: #4e3d2b;
line-height: 1.4em;
}
.jobProperties {
width: 140px;
font-weight: bold;
color: #5a4a39;
}
.jobListItem table td a {
font-weight: bold;
color: #F60;
}
.Divider {
background: url('/i/border-dot.gif') repeat-x;
height: 4px;
width: 100%;
margin-bottom: 20px;
}
.Icon {
padding-top: 0px;
vertical-align: middle;
border: none;
}
/************/
/* branches */
/************/
#branches {
float: left;
}
.branchesList {
width: 260px;
}
.branchesList ul {
margin-left: 18px;
margin-bottom: 10px;
}
.branchesList ul li {
height: 17px;
color: #4e3d2b;
font-weight: normal;
}
/*************/
/* contacts */
/************/
#contacts {
font-weight: bold;
line-height: 1.5em;
}
#contacts address {
font-style: normal;
color: #4e3d2b;
}
.contactsTelNumber {
color: #4e3d2b;
}
.contactsEmail {
color: #a15f33;
}
.contactsTransport {
color: #a15f33;
}
#contactsTransport ul {
}
#contactsTransport ul li{
}
.contactsMap {
}
/***********/
/* service */
/***********/
#service {
}
#btlComms {
margin: 10px 0;
}
#serive ul li {
}
#service ul li some {
}
#adCamps {
margin-left: -30px;
}
#adCamps li {
margin-left: 30px;
}
#adCamps li ul {
/*list-style-image: url(/i/galka3.gif);
list-style-position: inside;*/
}
#adCamps li ul li {
background: url(/i/galka3.gif) no-repeat;
padding-left: 2em;
}
#extLinks {
}
#extLinks li {
margin-left: 15px;
}
.portfolio {
background: url('/i/portfolio-arrow.jpg') no-repeat;
background-position: 0px 25px;
height: 110px;
padding-left: 60px;
}
.portfolio a {
display: block;
}
.portfolio a.text {
padding-top: 33px;
}
.portfolio a.img img{
margin-left: 13em;
margin-top: -3.5em;
}
/********/
/* team */
/********/
#team {
}
#teamPersonsHeader {
margin: 0 0 10px 272px;
}
#teamPersonsHeader span {
color: #F60;
font-weight: bold;
}
#team .teamPerson {
height: 10px;
border-collapse: collapse;
margin-bottom: 40px;
}
.teamPhoto {
width: 230px;
vertical-align: top;
padding: 5px;
border: 1px solid #F60;
}
.teamPhoto img {
display: block;
border: 1px solid #F60;
}
.teamStar {
width: 30px;
vertical-align: top;
}
.teamPersonalInfo {
vertical-align: top;
}
.teamName {
height: 1.5em;
color: #F60;
font-weight: bold;
}
.teamPost {
height: 2.5em;
vertical-align: top;
}
.teamDescription {
vertical-align: top;
}
#upload {
}
#upload p {
}
#upload div.Failure p {
color: #f00;
font-weight: bold;
border: 1px solid #f60;
padding: 10px;
}
#upload div.uploadSuccess p {
border: 1px solid #f60;
padding: 10px;
font-weight: bold;
}
/********/
/* news */
/********/
#mainContent .news .newsItem, .articles .articlesItem {
margin-bottom: 20px;
}
#mainContent .news .newsDate, .articles .articlesDate {
margin-bottom: 5px;
}
#mainContent .news .newsDate span, .articles .articlesDate span {
margin-left: 0px;
color: #465586;
font-weight: bold;
font-size: 1.1em;
}
#mainContent .news .newsTitle h2, .articles .articlesTitle h2{
margin-bottom: 10px;
line-height: 1.3em;
/*font-size: 1.1em;*/
font-weight: bold;
color: #a15f33;
}
#mainContent .news .newsTitle h2 a, .articles .articlesTitle h2 a{
color: #a15f33;
}
#mainContent .news .newsTitle span a, .articles .articlesTitle span a {
color: #a15f33;
}
#mainContent .news .newsText p, .articles .articlesText p {
text-align: justify;
/*text-indent: 2em;*/
line-height: 1.3em;
color: #4e3d2b;
}
#mainContent .articlesText table {
margin-bottom: 15px;
color: #4E3D2B;
width: 100%;
}
#mainContent .articlesText table th{
padding: 2px 5px;
vertical-align: middle;
text-align: center;
font-weight: bold;
border: 1px solid #4E3D2B;
}
#mainContent .articlesText table td{
border: 1px solid #4E3D2B;
vertical-align: top;
padding: 5px 10px;
}
#mainContent .articlesText ul, ol {
margin-left: 30px;
margin-bottom: 15px;
color: #4E3D2B;
}
#mainContent .articlesText ul {
list-style-type: disc;
}
#mainContent .articlesText ol {
list-style-type: decimal;
}
#mainContent .articlesText ul li, ol li {
margin-left: 30px;
line-height: 1.6em;
}
#mainContent .news .newsText img.detailedPicture {
padding: 5px 20px 10px 0px;
}
#mainContent .news .newsListText p {
text-indent: 0;
}
#mainContent .news .newsMoreLink a {
/*color: #465586;*/
font-size: 1.1em;
}
.newsListPager, .articlesListPager, .photosListPager{
border-top: 16px solid #FC9;
padding: 20px;
color: #4e3d2b;
font-size: 0.9em;
}
.projectsItem {
padding-bottom: 10px;
}
.projectsItem h2 {
font-weight: bold;
color: #f60;
margin-bottom: 0.5em;
/*text-indent: 1.5em;*/
}
.projectsItem h2 a {
color: #f60;
}
.projectsItem table {
width: 100%;
border-collapse: collapse;
}
.projectsItem table td {
vertical-align: top;
}
.projectsDescription {
width: 383px;
padding-right: 10px;
}
.projectsDescription p {
text-align: justify;
}
.projectsPhoto {
width: 240px;
}
.projectsPhoto div {
margin: 0 auto 1em;
width: 230px;
}
.projectsPhoto div.List {
border: 1px solid #f00;
padding: 4px;
}
.projectsPhoto div img {
display: block;
border: 1px solid #f00;
}
.projectsPhoto div.List img {
display: block;
border: 1px solid #f00;
}
.projectsPhoto p {
text-align: center;
}
.cameraLink {
border: none;
}
.photoControls {
padding: 0 0 1.5em 1.5em;
}
.photoSection h2 {
/*text-indent: 1.5em;*/
color: #f60;
margin-bottom: 1em;
font-weight: bold;
}
.photoDetailNavigation {
}
.photoDetailNavigation table {
width: 633px;
}
.photoDetailNavigation td {
padding: 20px 0;
width: 33.3%;
}
.photoDetailNavigation td.left {
text-align: left;
}
.photoDetailNavigation td.center {
text-align: center;
width: 15%;
}
.photoDetailNavigation td.right {
text-align: right;
}
.photoImg {
margin: 0 auto;
}
/************/
/* feedback */
/************/
#feedback table{
}
#feedback table td{
vertical-align: top;
}
.feedbackCol1 {
width: 160px;
}
.feedbackCol2 {
}
#feedbackLetters {
width: 100%;
}
#feedbackLetters td {
width: 110px;
padding: 0 15px;
text-align: center;
}
#feedbackLetters td img {
border:1px solid #f00;
margin-bottom: 10px;
}
#feedbackLetters td span {
color: #4e3d2b;
}
/**********/
/* search */
/**********/
#searchPage {
}
#searchPage h2 {
margin-bottom: 10px;
}
#searchPage h2 a{
color: #a15f33;
}
.searchPath {
display: block;
margin-bottom: 10px;
}
#searchPage p.resultQuote {
text-indent: 0;
/*padding-left: 2em;*/
}
.error404 {
color: #f00;
font-weight: bold;
border: 1px solid #f60;
padding: 10px;
text-indent: 0em;
}
#why404 {
margin-left: 1em;
}
#siteMap {
list-style-type: disc;
margin-left: 5em;
}
#siteMap li {
padding-bottom: 5px;
}
#siteMap li ul{
list-style-type: circle;
margin-left: 20px;
margin-top: 10px;
}
.epigraph {
width: 50%;
margin-left: 50%;
}
#leftHeader {
position: absolute;
float: left;
background: url('i/gradient2.jpg') repeat-x;
}
#rightHeader {
position: relative;
width: 664px;
float: right;
}
/* :\ */
#waitwindow {
display: none;
}