body, html {
	margin:0;
	padding:0;
	width: 100%;
    height:100%;
	font:13px/1.5 "Trebuchet MS", "Arial", sans-serif;
	color:black;
}

table {
	table-layout: fixed;
	border-collapse: collapse;
	border-spacing:0;
}
img {border: none;}
a:active, a, input {outline: none;}
a {color:#000;}

ul {
	margin:20px 0;
	padding:0;
	list-style:none;
}
ul li {
	padding:0 0 12px 20px;
    line-height:1;
    background:none;
}

.mainDiv {
    width:1000px;
    margin:0 auto;
    overflow:hidden;
    padding-bottom:10px;
}
h1 {
    margin:27px 50px 0 0;
    padding:0 0 0 65px;
}

.topMenu {
    margin:0 0 0 -7px;
    padding:53px 0 21px 0;
    float:left;
}
.topMenu li {
    float:left;
    font:15px Arial;
    text-transform:uppercase;
    border-right:1px solid #C5C6C7;
    color:#019FE9;
    padding:0 7px;
    line-height:1;
}
.topMenu li.last {
    border-right:none;
}
.topMenu li a {
    text-decoration:none;
    color:#C5C6C7;
}
.topMenu li a.act {
    color:#019FE9;
}
.linkPresentation {
    float:right;
    background:url('../d/iconPdf.gif') no-repeat;
    padding:3px 0 8px 30px;
    margin:49px 0 13px 0;
    color:#837259;
    font:13px "Arial", sans-serif;
    text-decoration:none;
}
.linkPresentation span {
    color:#000;
}

/*Услуги*/
.works {
    overflow:hidden;
    width:1003px;
    height:600px;
    clear:both;
    position: relative;
    z-index:2;
    top:0;
    left:0;
}
.works h1 {
    position: absolute;
    z-index:10;
    top:200px;
    left:400px;
    margin:0;
    padding:0;
}
.works img {
    float:left;
    display:block;
}
.works img.work2img2 {
    position: absolute;
    left:800px;
    top:0;
}
.works div {
    float:left;
}
.works div.visitka {
    background:#837259;
    width:400px;
    height:200px;
    overflow:hidden;
}
h2.indexH2 {
    float:left;
    background:#837259;
    width:200px;
    height:150px;
    margin:0;
    padding:50px 0 0 0;
    color:#fff;
    font:29px "Trebuchet MS", "Arial", sans-serif;
    font-weight:normal;
    line-height:1.3;
    text-transform:uppercase;
}
.dateWorks {
    width:186px;
    height:198px;
    position: relative;
    padding:2px 0 0 14px;
    overflow:hidden;
    font-size:14px;
}
.dateWorks b {
    font-size:17px;
}
.dateWorks a {
    text-decoration:none;
    color:#000;
}
.month {
    margin:0;
}
.month li {
    float:left;
    margin:0;
    padding:0 5px 0 0;
    line-height:1.3;
}
.month li span {
    color:#019FE9;
}
.years {
    position:absolute;
    bottom:0;
    left:0;
    margin:0 0 10px 14px;
}
.years li {
    float:left;
    color:#019FE9;
    margin:0;
    padding:0 5px 0 0;
}

.leftMenuBack {
    background:url('../d/leftMenuBack.png') repeat; 
    position: absolute;
    top:0;
    left:0;
    width:200px;
    height:200px;
}
.leftMenu {
    position: absolute;
    top:0;
    left:0;
    width:200px;
    height:200px;
    margin:0;
    padding:23px 0 0 15px;
}
.leftMenu li {
    margin:0;
    padding:0 0 6px 0;
    color:#019FE9;
}
.leftMenu li a {
    text-decoration:none;
}
.listTypeWork {
    width:200px;
    height:400px;
    color:#D4BEBF;
    position:relative;
}
.listTypeWork h2 {
    position: absolute;
    margin:0;
    top:265px;
    left:15px;
    font:24px Arial;
    color:#fff;
}
.listTypeWork ul {
    margin:0;
    padding:20px 20px 0 15px;
}
.listTypeWork li {
    padding:0 0 10px 0;
    font-size:17px;
    line-height:1.1;
}
.listWork {
    width:170px;
    height:400px;
    padding:0 15px;
}
.listWork .year {
    margin:0;
    padding:20px 0 15px 0;
    color:#019fe9;
}
.listWork .year li {
    display:inline;
    padding:0 1px 0 0;
}
.listWork .year a {
    color:#000;
    text-decoration:none;
}
.listWork .listCustomer {
    margin:0;
    padding:5px 0 0 0;
}
.listWork .listCustomer li {
    padding:0 1px 0 0;
    color:#019fe9;
    line-height:1.2;
}
.listWork .listCustomer a {
    color:#000;
    text-decoration:none;
}
.listWork .listCustomer ul {
    margin:1px 0 6px 20px;
}
.listWork .listCustomer ul li {
    color:#019fe9;
}
.listWork .listCustomer ul a {
    color:#000;
}
.lastWork {
    width:170px;
    height:170px;
    padding:15px;
    position:relative;
    font:16px "Trebuchet MS", "Arial", sans-serif;
}
.works .lastWork div {float:none;}
.lastWork h3 {
    margin:0;
    font:20px "Trebuchet MS", "Arial", sans-serif;
}
.lastWork .dateWork{
    margin-top:10px;
}
.lastWork ul {
    margin:0;
    padding:0;
    position: absolute;
    top:150px;
    left:12px;
}
.lastWork li {
    display:inline;
    cursor:pointer;
    font-size:40px;
    padding:0;
    margin-right:10px;
}
.lastWork li.actImgWork {
    display:inline;
    cursor:default;
    color:#019fe9;
}
.descriptionWork {
    width:170px;
    height:170px;
    padding:15px;
    position:relative;
}
/*айдентика worksAid*/
.worksAid .listTypeWork {
    background:#ED803C;
}
.worksAid .listWork {
    background:#FAD9C4;
}
.worksAid .listTypeWork {
    color:#F6BF9D
}

/*брендинг worksBrend*/
.worksBrend .listTypeWork {
    background:#D6B268;
}
.worksBrend .listWork {
    background:#F3E8D1;
}
.worksBrend .listTypeWork {
    color:#EAD8B3
}
/*графический дизайн worksGrDesign*/
.worksGrDesign .listTypeWork {
    background:#A55C44;
}
.worksGrDesign .listWork {
    background:#E4CEC7;
}
.worksGrDesign .listTypeWork {
    color:#D2ADA1
}
/*дизайн проектирование worksProjection*/
.worksProjection .listTypeWork {
    background:#C96E35;
}
.worksProjection .listWork {
    background:#EFD4D3;
}
.worksProjection .listTypeWork {
    color:#E4B8B6
}
/*рекламная компания worksAdvertising*/
.worksAdvertising .listTypeWork {
    background:#a97d7f;
}
.worksAdvertising .listWork {
    background:#e5d8d8;
}
/*рекламная фотография worksFoto*/
.worksFoto .listTypeWork {
    background:#CA716D;
}
.worksFoto .listWork {
    background:#EFD4D3;
}
.worksFoto .listTypeWork {
    color:#E4B8B6
}

/*подразделы (о студии, производство)*/
.subSection {
    overflow:hidden;
    width:1003px;
    height:600px;
    clear:both;
    position: relative;
    z-index:2;
    top:0;
    left:0;
}
.subSection div {
    overflow:hidden;
    width:185px;
    height:200px;
    padding:0 15px 0 0;
    float:left;
    background:#837259; 
    font-size:13px;
    text-align:right;
    position: relative;
}
.subSection div span {
    display: block;
    position: absolute;
    bottom:15px;
    left:0;
    width:185px;
}
.subSection div.actDiv {
    background:#F5A941;
}
.subProduction div {
   background:#F5A941;
}
.subSection div,.subSection div a {
    color:#fff;
    text-decoration:none;
}
.subProduction div.actDiv {
    background:#D47337;
}
.subSection div.leftText {
    width:360px;
    padding:0 40px 0 0;
    height:600px;
    background:#fff;
    color:#000;
    text-align:left;
    overflow:auto;
}
.subSection div.leftText a {
    color:#019FE9;
    text-decoration:underline;
}
.subSection div.leftText h2 {
    color:#837259;
    font-size:32px;
    text-transform:uppercase;
    margin:10px 0;
    line-height:1.2
}
.subSection div.leftText h3 {
    color:#837259;
    font-size:25px;
    margin:0;
    line-height:1.2;
}
.subSection div.leftText h3 span {
    color:#837259;
    font-size:16px;
    text-transform:uppercase;
    display:block;
    position:static;
}
.subSection div.leftText ul {
    margin:50px 0 0 0;
}
.subSection div.leftText li {
    padding:0 0 5px 0;
    font-size:13px;
}
/*.subSection div.leftText a {
    color:#1a171b;
} */

.subSection div.centerDiv,.subSection div.slogan {
    width:200px;
    height:200px;
    padding:0;
}
.subSection div.centerDiv div,.subSection div.slogan div {
    width:185px;
    height:200px;
    padding:0 0 0 15px;
    display: table-cell;
    text-align:left;
    vertical-align: middle;
    font-size:24px;
    text-transform:uppercase;
    float:none;
    background:#837259;
}
.subSection div.centerDiv span,.subSection div.slogan span {
    position:static;
    display: inline;
    bottom:0;
    left:0;
    width:185px;
}
.subProduction div.slogan div {
    background:#E1007A;
}
.subSection h1 {
    margin:0;
    padding:0;
    float: left;
    overflow:hidden;
    width:200px;
    height:200px;
    background:#837259;
}

.subServices {
    width:800px;
    height:600px;
    float:left;
}
.subServices div {
    width:185px;
    height:200px;
    padding-right:15px;
    float:left;
    text-align:right;
    overflow:hidden;
    position:relative;      
    font-size:20px;
}
.subServices a {
    text-decoration:none;
    color:#fff;
}
.subServices5 a {color:#837259;}
.subServices h1 {
    width:200px;
    height:200px;
    margin:0;
    padding:0;
    float:left;
    overflow:hidden;
}
.subServices div span {
    display: block;
    position: absolute;
    bottom:15px;
    left:0;
    width:185px;
}
.subServices1 {background:#D6B268;}
.subServices2 {background:#ED803C;}
.subServices3 {background:#FCE3C0;}
.subServices4 {background:#FCE4CF;}
.subServices5 {background:#FEF1E1;}
.subServices7 {background:#A55C44;}
.subServices8 {background:#C96E35;}
.subServices9 {background:#FBE5DB;}
.subServices10 {background:#FDF2ED;}
.subServices11 {background:#A97D7F;}
.subServices12 {background:#CA716D;}
.rightText {
    width:185px;
    height:585px;
    padding:15px 0 0 15px;
    float:left;
    overflow:hidden;
}
.rightText a {
    color:#019FE9;
}
.rightText h2 {
    color:#837259;
    font-size:25px;
    margin:0;
    line-height:1.2;
}
.rightText h2 span {
    color:#837259;
    font-size:16px;
    text-transform:uppercase;
    display:block;
    position:static;
}
.rightText h3 {
    color:#837259;
    margin:15px 0 5px 0;
    font-size:25px;
    line-height:1.2;
    text-transform:uppercase;
}
.rightText ul {
    margin:10px 0 0 0;
}
.rightText li {
    padding:0 0 5px 0;
    font-size:16px;
}
.rightText li a {
    color:#837259;
    text-decoration:none;
}

.copyright {
    clear:left;
    padding:10px 0 20px 3px;
    color:#837259;
    font-family:"Arial", sans-serif;
}

.usefulLinks {
    font-family:"Arial", sans-serif;
}
.usefulLinks li {
    float:left;
    text-align:center;
    font-size:11px;
}
.usefulLinks li span {
    font-size:13px;
}
.usefulLinks li a {
    text-decoration:none;
    color:#837259;
}

.mail {
    float:right;
    background:url('../d/iconMail.gif') no-repeat 0 -4px;
    color:#837259;
    text-decoration:none;
    font:13px Arial;
    padding:4px 15px 18px 36px;
}
.phone {
    float:right;
    background:url('../d/iconPhone.gif') no-repeat 0 0;
    color:#837259;
    text-decoration:none;
    font:13px Arial;
    padding:4px 0 17px 45px;
}
.schet{	
}
.schet img{
    padding:10px 0 0 312px;	
}

#status{
	float:left;
	margin-top:45px;
	margin-left:20px;
}