/* CSS by Econom Vladimir */

/* Common Styles */

BODY { 
	width: 100%;
	min-width: 790px;
	//width: expression((documentElement.clientWidth||document.body.clientWidth)<790?'790':'100%');
	font-family: Arial, sans-serif; 
	font-size: 90%;
	background-color: #5E1155;
	background-image: url(/img/pagebg.gif);
	background-repeat: repeat-x;
	text-align: center;
	}
DIV, UL, UL LI, OL, OL LI, FORM, DL, DL DT, DL DD, H1, H2, H3, H4, BODY {
	margin: 0;
	padding: 0;
	}
P {	margin-top: 0;	}
H1, H2, H3, H4 {	font-weight: normal;	}
UL {	list-style: none;	}
IMG {	border: 0;	}

A, A.visited {
	color: #00589F;
	text-decoration: underline;
	}
TABLE {
	border: 0;
	border-collapse: collapse;
	width: 100%;
	}
TABLE TD {
	padding: 0;
	vertical-align: top;
	}
HR {
	clear: both;
	padding: 0;
	height: 1px;
	border: 0;
	background-color: #DCDEDF;
	color: #DCDEDF;
	}

/* General */

.topBox, .mainBox, .footer {
	margin: 0 auto;
	}
.topBox, .mainBox, .contacts, .footer {	text-align: left;	}
.topBox, .mainBox, .footer {	width: 788px;	}

.topBox {
	height: 91px;
	background-image: url(/img/topcenterbg.jpg);
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -394px;
	}
.lBg, .rBg, .logobase, .contacts, .phones, .rightEdge, .rightEdgeB, .rightEdgeB IMG, .bottomBg, .navBar, .nbBott, .lenta, .sticker, .logoSl, .headInsComics, .headInsContacts, .headInsServ, .headInsPortf, .headInsAbout, .headInsBonus, .portfolio UL, .tip, .portBotBg, .petroStr, .car, .lim, .info IMG, .info .subHead3, .sampleNav IMG, .misterx, .balloon, .running, .sol, .binding	{	position: absolute;	}

.lBg {
	background-image: url(/img/topleftbg.jpg);
	width: 201px;
	height: 426px;
	left: -201px;
	top: 0;
	}
.rBg {
	background-image: url(/img/toprightbg.jpg);
	background-repeat: no-repeat;
	background-position: 394px top;
	width: 50%;
	height: 426px;
	right: 0;
	top: 0;
	overflow: hidden;
	}
.logobase {
	left: -9px;
	top: 0;
	z-index: 100;
	}
.contacts {
	top: 9px;
	right: -10px;
	padding-right: 145px;
	color: #FFF;
	font-size: 11px;
	}
.contacts SPAN {
	display: block;
	text-align: right;
	margin-top: 7px;
	line-height: 20px;
	}
.contacts A {
	color:#fff;
	font: 14px Arial;
	position: relative;
	right: -215px;
	top:-65px;
	}
.contacts SPAN IMG {
	margin-right: 2px;
	}
.phones {
	display: block;
	top: 19px;
	right: 0;
	}
.mainBox {
	top: 90px;
	margin-bottom: 90px;
	/*margin-top: -1.2em; //margin-top: -1.1em;*/
	/*min-height: 850px; -height: 850px;*/
	min-height: 1036px; -height: 1036px;
	background-color: #FFF;
	background-image: url(/img/mainbg.jpg);
	position: relative;
	z-index: 1;
	}
.rightEdge, .rightEdgeB {
	right: -20px;
	width: 20px;
	}
.rightEdge {
	background-image: url(/img/leftedge-re.jpg);
	z-index: 10;
	background-color: #000;
	}
.rightEdgeB {
	height: 1000px;
	background-image: url(/img/leftedge-re.jpg);
	bottom: 0;
	}
.rightEdgeB IMG {
	bottom: -23px;
	left: -5px;
	-z-index: 0;
	}
.bottomBg {
	height: 23px;
	width: 788px;
	background-image: url(/img/page-bott-bg.gif);
	background-repeat: no-repeat;
	z-index: -1;
	bottom: -23px;
	}
.bottomBg IMG {
	margin-top: -5px;
	}
.navBar {
	width: 30px;
	min-height: 1036px; -height: 1036px;
	z-index: 0;
	background-image: url(/img/page-left-bg.gif);
	background-repeat: repeat-y;
	z-index: 1;
	}
.nbBott {
	bottom: 0;
	margin-bottom: -4px;
	z-index: 100;
	}
.lenta {
	background-image: url(/img/lenta.jpg);
	background-repeat: no-repeat;
	width: 69px;
	height: 70px;
	top: -5px;
	left: -5px;
	}
UL.list {
	padding: 85px 0 0 0;
	font-size: 13px;
	}
UL.list LI IMG {
	display: block;
	margin-left: 7px;
	}
UL.list, LI.it1, LI.it2, LI.it3, LI.it4, LI.it5, LI.it23048, LI.it23049, LI.it23050, LI.it23051, LI.it23052 {
	width: 30px;
	background-image: url(/img/heart.png);
	background-repeat: no-repeat;
	background-position: 10px bottom; -background-position: 11px bottom;
	}
	LI.it1, LI.it2, LI.it3, LI.it4, LI.it5, LI.it23048, LI.it23049, LI.it23050, LI.it23051, LI.it23052 {	background-position: 10px top; -background-position: 11px top;	}
	LI.it1, LI.it23052 {	padding-top: 32px;	padding-bottom: 24px; //padding-bottom: 21px;	}
	LI.it2, LI.it23051 {	padding-top: 46px;	padding-bottom: 31px; //padding-bottom: 28px;	}
	LI.it3, LI.it23050 {	padding-top: 38px;	padding-bottom: 30px; //padding-bottom: 27px;	}
	LI.it4, LI.it23049 {	padding-top: 49px;	padding-bottom: 32px; //padding-bottom: 29px;	}
	LI.it5, LI.it23048 {	padding-top: 40px;	padding-bottom: 34px; //padding-bottom: 31px;	}

DIV.headerVis {
	width: 758px;
	height: 198px;
	float: right;
	background-image: url(/img/top-cont-bg-inner.jpg);
	background-repeat: no-repeat;
	}
DIV.indV {	background-image: url(/img/top-cont-bg.jpg);	}

.sticker {
	background-image: url(/img/sticker.png);
	background-repeat: no-repeat;
	width: 119px;
	height: 119px;
	right: -16px;
	top: -1px;
	z-index: 100;
	}

.logoSl {
	width: 572px;
	height: 257px;
	background-image: url(/img/logo-inner.png);
	background-repeat: no-repeat;
	top: -27px;
	left: 24px;
	z-index: 20;
	}
	
.logoSl A {
display:block;
	width: 572px;
	height: 257px;
	cursor: pointer;
	}
	
	
.indV .sticker {
	left: 21px;
	top: 11px;
	}
.indV .logoSl {
	left: 170px;
	top: -11px;
	background-image: url(/img/logo.png);
	width: 617px;
	height: 271px;
	}

.visNavBar {	padding-left:	33px;	}
.visNavBar LI {	margin-bottom: 4px;	}

.visNavBar IMG, .visNavBar H1 {
	display: block;
	border: 1px solid #000;
	}
.visNavBar IMG {	margin-bottom: 3px;	}

.visNavBar H1 {
	background-color: #040404;
	font-size: 19px;
	text-transform: uppercase;
	font-style: italic;
	margin: 0;
	text-align: center;
	padding: 5px 0 2px 0; //padding-top: 6px;
	}
.visNavBar H1, .visNavBar A {
	color: #FFF;
	text-decoration: none;
	}

.visNavBar .item1, .visNavBar .item4 {
	width: 415px;
	float: left;
	}
.visNavBar .item2, .visNavBar .item3 {
	width: 334px;
	float: right;
	margin-right: 2px; -margin-right: 1px;
	}
.visNavBar .item1, .visNavBar .item2 {	margin-top: 3px;	}
.visNavBar .item3, .visNavBar .item4 {	//margin-bottom: 6px; -//margin-bottom: -10px;	}

.portfolio {
	background-image: url(/img/port-top-bg.gif);
	background-repeat: no-repeat;
	margin-top: 2px; //margin-top: 0;
	}
.portfolio {
	position: relative;
	z-index: 15;
	width: 788px;
	height: 94px;
	padding: 14px 0 0 0;
	overflow: hidden;
	}
.portfolio UL {
	width: 300%;
	height: 80px;
	overflow: hidden;
	margin-left: -78px;
	}
.portfolio LI {
	float: left;
	height: 80px;
	}
.portfolio LI IMG {
	display: block;
	}
.tip {
	left: 50%;
	margin: -15px 0 0 13px; //margin-top: -17px;
	background-image: url(/img/portfolio.png);
	background-repeat: no-repeat;
	width: 134px;
	height: 71px;
	z-index: 100;
	}
.portBotBg {	bottom: 0;	}

/* Inside */

.headInsComics, .headInsContacts, .headInsServ, .headInsPortf, .headInsAbout, .headInsBonus {
	background-repeat: no-repeat;
	display: none;
	}

.headInsComics {
	background-image: url(/img/head-comics.png);
	width: 331px;
	height: 39px;
	top: 143px;
	right: 9px;
	}
.headInsContacts {
	background-image: url(/img/head-contacts.png);
	width: 245px;
	height: 35px;
	top: 149px;
	right: 8px;
	}
.headInsServ {
	background-image: url(/img/head-services.png);
	width: 175px;
	height: 35px;
	top: 148px;
	right: 10px;
	}
.headInsPortf {
	background-image: url(/img/head-portfolio.png);
	width: 296px;
	height: 37px;
	top: 147px;
	right: 9px;
	}
.headInsAbout {
	background-image: url(/img/head-about.png);
	width: 284px;
	height: 30px;
	top: 152px;
	right: 10px;
	}
.headInsBonus {
	background-image: url(/img/head-bonus.png);
	width: 222px;
	height: 44px;
	top: 149px;
	right: 8px;
	}
.comics {
	display: block;
	margin-left: 30px;
	position: relative;
	z-index: 10;
	}
.comics IMG {
	float: left;
	-position: relative;
	-z-index: 10;
	}
DIV.contactsBg {
	background-image: url(/img/hand.gif);
	background-repeat: no-repeat;
	width: 353px;
	height: 241px;
	position: absolute;
	top: 213px;
	left: 436px;
	}
.address, .mobile {	float: left;	}

.address {
	width: 423px;
	padding: 32px 0 223px 0;
	margin-left: 52px; -margin-left: 26px;
	}
.mobile {
	width: 283px;
	padding: 284px 0 114px 0; //padding: 286px 0 114px 0;
	}
.address H1, .mobile H2, .about H1, .nmbr {
	font-size: 140%; //font-size: 145%;
	text-transform: uppercase;
	margin-bottom: 0.3em;
	}
.address H2 {
	font: bold 105% Arial;
	margin-top: -0.15em; //margin-top: -0.5em;
	margin-bottom: 1.5em; //margin-bottom: 1.45em;
	}
.address DT, .mobile DT {
	font-size: 115%;
	margin-bottom: 0.1em; //margin-bottom: 0.15em;
	}
.address DD, .mobile DD {
	line-height: 1.55em;
	margin-bottom: 3.15em;
	}
.mobile DL {	//margin-top: -0.7em;	}

.petroStr {
	width: 342px;
	height: 223px;
	background-image: url(/img/petrop.png);
	background-repeat: no-repeat;
	bottom: 0px;
	left: 30px;
	}
.car {
	width: 312px;
	height: 173px;
	background-image: url(/img/car.png);
	background-repeat: no-repeat;
	bottom: -6px;
	right: -1px;
	}

.servNavBar {
	width: 218px;
	float: right;
	text-align: right;
	margin: 5px 0 79px 46px; //margin-top: 37px;
	}
.servNavBar LI {
	font-size: 105%;
	font-weight: bold;
	text-transform: uppercase;
	display: block;
	position: relative;
	margin-bottom: 0;
	float: right;
	width: 100%;
	}
LI.i1 A, LI.i23057 A, LI.i23064 A, LI.i23409 A  {	background-color: #9888A8;	}
LI.i2 A, LI.i23058 A, LI.i23065 A {	background-color: #E094C0;	}
LI.i3 A, LI.i23066 A {	background-color: #28ACB8;	}
LI.i4 A, LI.i23067 A {	background-color: #F0B060;	}
/*	
		Принцип добавления пунктов меню class="in", где n=порядковый номер
		Пример:
		LI.i5 A {	background-color: #9888A8;	}
*/
.servNavBar LI A, .servNavBar LI DIV {
	display: block;
	padding: 0.4em 6px 0.2em 0;
	text-decoration: none;
	color: #FFF;
	}
.portfBox .servNavBar {
	margin-bottom: 45px;
	}
.portfBox .servNavBar LI A, .portfBox .servNavBar LI DIV	{
	font-size: 120%;
	font-weight: normal;
	padding-top: 0.2em;
	padding-bottom: 0.1em;
	}
.portfBox .servNavBar STRONG {	font-weight: normal;	}
.servNavBar LI A:hover, .servNavBar LI DIV, .servNavBar LI.inn A {
	background-color: #FFF;
	color: #B2100D;
	}
.servNavBar LI.inn A {	text-decoration: underline;	}
.servNavBar LI.inn A:hover {	color: #E50E0A;	}

.servHead {
	text-transform: uppercase;
	font-size: 140%;
	margin: 32px 0 0.3em 0; //margin: 49px 0 0.3em 0;
	}
.text, .about P, .portfBox P, .servicesBox P {
	line-height: 1.2em; //line-height: 1.2em;
	padding-right: 30px;
	}
.servHead,  .text, TABLE.limBox, .back, .limView, .flowersCont H2, .subHead, .info, .photoView, .about, .mleft, .portfBox P, .servicesBox P {	margin-left: 51px;	}
.about P, .address P, .mobile P, .portfBox P, .servicesBox P { font-size: 90%;	}

.about UL.services P, .servVisual P {
	padding-right: 0;
	line-height: normal;
}
.view P, .servVisual P {	margin-left: 0; padding-right: 0;	}

.servVisual {
	overflow: hidden;
	width: 768px;
	position: relative;
	left: 51px;
	}
.servVisual LI {
	float: left;
	width: 330px;
	margin: 0 54px 59px 0; //margin-bottom: 71px;
	position: relative;
	padding: 136px 0 0 0;
	}
.servVisual .head {
	display: block;
	float: left;
	background-color: #000;
	color: #FFF;
	font-size: 90%;
	padding: 0.4em 1.2em 0.35em 1.2em;
	text-decoration: none;
	position: absolute;
	top: 0;
	z-index: 1;
	text-transform: uppercase;
	font-style: italic;
	}
.vis {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	border: 1px solid #333237;
	}
A.read {
	float: right;
	padding-right: 10px; //padding-right: 8px;
	background-image: url(/img/arrow-right.gif);
	background-repeat: no-repeat;
	background-position: right 0.35em;
	position: absolute;
	top: 108px;
	right: 0;
	text-decoration: none;
	font: italic 85% Arial;
	color: #000 !important;
	}
.servVisual P {	font-size: 79%;	}

TABLE.limBox {
	width: auto;
	margin-bottom: 63px;
	margin-top: -0.2em; //margin-top: -1em;
	}
.limBox IMG {
	margin-bottom: 42px; //margin-bottom: 39px;
	}
.limBox LI {
	font: bold 90% Arial;
	margin-bottom: 1.15em;
	padding-right: 1em;
	}
.lim {
	bottom: 0;
	left: 36px;
	}
.back {	margin-bottom: 210px;	}
.nMg {	margin-bottom: 10px !important;	}
.back A {	text-decoration: none;	}
.back A SPAN {	text-decoration: underline;	}

.limView {	margin-bottom: 42px;	}
.limView H2 {
	font: bold 105% Arial;
	margin-bottom: 1.1em;
	padding-top: 0.05em; //padding-top: 0;
	//margin-top: -0.6em;
	}
.limView UL LI {
	padding-left: 36px;
	position: relative;
	background-image: url(/img/square.gif);
	background-repeat: no-repeat;
	background-position: 1px 0.5em;
	}
.flowersCont {
	width: 525px; //width: auto;
	}
.flowersCont H2 {
	font: bold 105% Arial, Helvetica, sans-serif;
	margin-bottom: 0.5em;
	}
.flowersCont P {	padding-right: 0; //width: 460px;	}

.subHead {
	font: bold 105% Arial;
	margin-bottom: 0.1em;
	}
.portfNav {
	overflow: hidden;
	position: relative;
	left: 52px;
	width: 785px;
	padding-top: 4px; //padding-top: 0;
	}
.portfNav LI {
	width: 138px;
	float: left;
	margin-right: 45px;
	min-height: 166px;	
	-height: 166px;
	}
.portfNav LI IMG {
	border: 1px solid #858585;
	display: block;
	margin-bottom: 1px;
	}
.portfNav LI SPAN {
	color: #777;
	display: block;
	font-size: 10px;
	}
.h2 {	font-weight: bold;	}

.info {
	position: relative;
	padding-left: 162px;
	margin-bottom: 2.75em;
	}
.info H1, .info .subHead {	margin-left: 0;	}

.info IMG {
	left: 0; -left: -162px;
	top: 2px; //top: 1px;
	border: 1px solid #858585;
	}
.info H1, .info .subHead3 {
	color: #000;
	font-size: 125%;
	text-transform: none;
	}
.info H1 {	margin-bottom: 0;	}

.subHead2 {
	font: bold 105% Arial;
	color: #777;
	margin-bottom: 1.85em;
	}
.info .subHead3 {
	right: 30px;
	top: 0;
	}
.view .back {
	margin-bottom: -7px; //margin-bottom: -23px;
	margin-left: 34px;
	margin-top: -1px;
	}
.sample {
	border: 1px solid #858585;
	display: block;
	margin-bottom: 32px;
	}

.sampleNav {
	position: relative;
	margin-left: 60px;
	}
.sampleNav LI {
	float: left;
	padding: 0 0 0 0;
	position: relative;
	font-size: 105%;
	}
.sampleNav A, .sampleNav SPAN, .sampleNav .a {	float: left;	}
.sampleNav A, .sampleNav .a {	height: 29px;	}

.sampleNav SPAN {
	padding: 0 5px 0 5px;
	margin: 0 9px 0 9px;
	height: 17px;
	}
.sampleNav A	{
	border-bottom: 3px solid #D9D8D7;
	font-weight: bold;
	text-decoration: none;
	cursor: pointer;
	color: #000 !important;
	}
.sampleNav A:hover, .sampleNav .a {
	border-bottom: 3px solid #363636;
	font-weight: normal;
	}
.sampleNav DIV SPAN, .sampleNav A:hover SPAN {
	background-color: #AF2A77;
	color: #fff;
	}
.sampleNav IMG {
	left: 50%;
	margin-left: -4px;
	bottom: -5px;
	}
.about {
	width: 460px;
	position: relative;
	top: 32px;
	}
.about P {	margin-left: 0;	}

.services {
	position: relative;
	overflow: hidden;
	width: 500px;
	padding-top: 3px; //padding-top: 0;
	//margin-top: -10px;
	}
.services LI {
	float: left;
	width: 206px;
	margin-right: 35px;
	min-height: 191px; -height: 191px;
	}
.nmbr {
	margin-bottom: 3px; //margin-bottom: 4px;
	font-size: 24px;
	}

.services H2 {
	margin-bottom: 8px; //margin-bottom: 7px;
	font-size: 15px;
	font-weight: bold;
	text-transform: uppercase;
	}
.services P {
	font-size: 11px;
	}
.balloon {
	background-image: url(/img/balloon.jpg);
	width: 316px;
	height: 466px;
	top: 200px;
	right: -59px;
	z-index: 10;
	}
.misterx {
	z-index: 11;
	top: 549px;
	right: 0;
	}
.sol {
	top: 338px;
	right: 17px;
	}
.running {
	top: 493px;
	left: 34px;
	}
.binding {
	width: 30px;
	bottom: 0;
	left: 0;
	height: 1000px;
	background-image: url(/img/binding.gif);
	background-repeat: repeat-y;
	z-index: 0;
	}


/* Footer */
.footer {
	font-size: 11px;
	color: #FFF;
	padding: 23px 0 22px 1px;
	}
.footer A {	color: #F9D7BC;	}

/* /Footer */

/* Equal Styles */


.content A {	color: #AF2A77;	}
.content A:hover, .address H1, .mobile H2, .servHead, .subHead3 SPAN, .about H1, .nmbr {	color: #B01111;	}
.visNavBar A:hover, .footer A:hover, .servVisual .head:hover {	color: #FCEB5A;	}
A.read:hover {	color: #AF2A77 !important;	}
.f100, TABLE TD {	font-size: 100%;	}
.f90, .text	{	font-size: 90%;	}
.b {	font-weight: bold;	}
.i	{	font-style: italic;	}
.hidden {	display: none;	}
/*A:hover	{	color: #F00;	}*/

A#toprev, A#tonext {
display: block;
width: 350px;
height: 464px;
cursor: pointer;
position:absolute;
top: 10px;
border-bottom: 0px !important;
z-index: 1000 !important;
/* border: solid 1px #000; */
}

A#toprev {
left: 10px;
text-align: left;
}

A#tonext {
left: 360px;
text-align: right;
}

A#toprev DIV, A#tonext DIV {
width: 350px;
height: 464px;
cursor: pointer;
z-index: 1000 !important;
}
.photoView {
position: relative;
z-index: 10 !important;
text-align: center;
}


TABLE.pricetable {
border: solid 1px #000; 
margin: 10px 10px 10px 50px; 
width: 650px !important; 
font: 12px Arial;
}

TABLE.pricetable TR TD  {
padding:5px;
vertical-align: middle;
}