@charset "utf-8";
/* CSS Document */
ul,li {display:block}
* {padding:0px; margin:0px; font-family: Arial, Helvetica, sans-serif;}
body { background:#f4f4f4 url(imgs/cloth.gif); text-align:center;}
.clr {clear:both}
img {border:0px}
a:hover {text-decoration:none}

.BGheader { width:100%; background: url(imgs/bgheader.gif)}
.Header { background:url(imgs/headerInterior.jpg) no-repeat center top; width:100%; height:271px; margin: 0 auto;}
.Interior {background:url(imgs/headerInterior.jpg) no-repeat center top; width:976px; height:271px; margin: 0 auto;}

.mainLine { background:url(imgs/menuLine.png)  repeat-x;; width:100%; height:47px}
.menuBlock { background: url(imgs/menubg.png) center no-repeat;; width:980px ; height:47px; margin:0 auto; position: relative; text-align:center; position:relative} 
.HeaderLogo {position:absolute; top:-215px; left:423px; width:136px; height:175px; display:block}
.mainMenu {
	background:#000 url(imgs/menuRight.gif) Right no-repeat;
	position:absolute;
	left: 77px;
	top: 21px;
	height:30px;
	width:auto
}
.mainMenu ul {float:left}
.mainMenu li {float:left; height:30px}
.mainMenu li a {font-size:15px; color:#FFFFFF; margin-right:20px; line-height:30px; text-decoration:none}
.mainMenu li a:hover { color:#d11000}
#current {text-decoration:underline}
.menuEND {background:url(imgs/menuLeft.gif) no-repeat; width:20px; height:30px; float:left}


.dashed { background:#CCCCCC}
.Page {width:980px; background:url(imgs/content.gif) center repeat-y; margin: 0 auto; text-align:center; padding-top:17px; }
.PageEnd {width:980px; background: url(imgs/ContentEnd.png)  center top no-repeat; height:39px; margin: 0 auto}
.Content {width:824px; margin: 0 auto; padding-bottom:25px;}
.flickr {width:822px; padding:1px; margin: 0 auto; background:#000;  margin-top:10px;}

.WelcomeMSG {width:411px; float:left; text-align:left}
.WelcomeMSG  span {font: bold 15px Tahoma, Helvetica, sans-serif; margin-bottom:10px; display:block}
.WelcomeMSG  h1 {font-size:15px; color:#4c2b0b; width:380px; font-weight:100}
.WelcomeMSG  h1 a {color:#4c2b0b; text-decoration:none}
.WelcomeMSG  h1 a:hover {color:#000}
.WelcomeMSG  p {font-size:13px; width:380px; text-align:justify; padding-top:11px;  color:#222} 


.ContactsBlock {width:380px; height:143px; background: url(imgs/contactBlock.gif) center 10px no-repeat ; float:left; text-align:left; padding-left:33px}
.ContactsBlock h2 {font: normal 16px Tahoma, Helvetica, sans-serif; color:#555; background:#f5f5f5; padding: 0 15px; display:inline}
.ContactsBlock h3 { font: normal 14px Tahoma, Helvetica, sans-serif; color:#c30000; }
.Adress {width:210px; float:left; text-align:left; padding-top:13px;}
.Adress p {font-size:12px; font-weight:bold; padding-top:5px;}
.Adress p a {color:#555; font-size:11px;  font-weight:100;  line-height:16px;}
.Adress p a:hover {text-decoration:none}
.Email { text-align:left; padding-top:6px; padding-left:60px}
.Email h3 { display:inline}
.Email a {color:#333; font-size:12px;  font-weight:100;  line-height:16px;}
.Email a:hover { text-decoration:none}


.Phones {width:170px; float:left; text-align:left; padding-top:13px}
.Phones p {font:18px Arial, Helvetica, sans-serif; padding-top:7px; line-height:20px}
.Phones p label {font-size:12px; color:#777}


.block824 {width:824px; background:#e7e7e2; margin-top:27px; margin-bottom:20px; position:relative; padding-bottom:10px; float:left}
.block824item {width:206px; float: left}
.block824item h2 {font-size:14px; font-weight:100; line-height:34px; color:#4c2b0b}
.block824item p {font-size:11px; padding: 8px 15px; padding-top:3px; color:#222; text-align:justify}

.slider {width:824px; background:#C1BEB8 url(imgs/slider.gif) 0 0; height:150px; margin-bottom:20px; float:left; position:relative}
.jMyCarousel li { float:left}
.jMyCarousel li a img {width:92px; height:118px}
.jMyCarousel li a {width:92px; height:118px}
.jMyCarousel li a {display:block; margin-top:12px; border: 4px solid #3d3d3d} 
.jMyCarousel li a:hover {border: 4px solid #AA291F}
.jMyCarousel li {margin-right:10px} 
.sliderSDW01 {position:absolute; width:11px; height:130px; left:0px; top:10px; background: url(imgs/slider-left.png); z-index:99}
.sliderSDW02 {position:absolute; width:11px; height:130px; right:0px; top:10px; background:url(imgs/slider-right.png); z-index:99}

.leftColumn {width:380px; float: left; }
.leftColumn h2 {font-size:16px; color:#c30000; font-weight:100; margin-bottom:15px}
.newsitem { background: #e7e7e2; width:380px; margin-bottom:20px; position:relative}
.newsitem h3 {font-size:14px; font-weight:100; padding-top:28px; text-decoration:underline; color:#000}
.newsitem p {padding:20px; padding-top:5px; font-size:13px; color:#555; text-align:justify;}
.newsitem a {color:#333}
.newsitem a:hover {text-decoration:none}

.crnLT { background:url(imgs/corner-topleft.gif) no-repeat; width:5px; height:5px; position: absolute; top:0px; left:0px;}
.crnRT { background:url(imgs/corner-topright.gif) no-repeat; width:5px; height:5px; position: absolute; top:0px; right:0px;}
.crnLB { background:url(imgs/corner-bottomleft.gif) no-repeat 0 bottom; width:5px; height:5px; position: absolute; bottom:0px; left:0px;}
.crnRB { background:url(imgs/corner-bottomright.gif) no-repeat 0 bottom; width:5px; height:5px; position: absolute; bottom:0px; right:0px;}


.rightColumn {position:relative; width:444px; float:left; text-align:center}
.rightColumn h2 {font-size:16px; color:#c30000; font-weight:100; margin-bottom:15px; padding-left:30px}
.rightColumn p { width:330px; text-align:justify; font-size:12px; margin: 0 auto; padding-top:270px; padding-left:30px}
img.shopingBags { width:372px; height:273px; position:absolute; top:30px; left:50px;}


.newsitemDate-L {position:absolute; left:-6px; top:-6px;}
.newsitemDate-L span {width:45px; height:45px; background:url(imgs/datebg.png); color:#fff; font-size:35px; line-height:45px; text-align:center; float:left; }
.newsitemDate-L label {color:#808080; font-size:11px; line-height:34px; padding-left:5px; float:left;}

.newsitemDate-R {position:absolute; right:-6px; top:-6px;}
.newsitemDate-R span {width:45px; height:45px; background:url(imgs/datebg.png); color:#fff; font-size:35px; line-height:45px; text-align:center; float:right; }
.newsitemDate-R label {color:#808080; font-size:11px; line-height:34px; padding-right:5px; float:right;}


.InternetServices {width:824px; background:#e7e7e2; position:relative; height:130px; margin-top:25px; float:inherit}
.InternetServices h2 {font-size:14px; color:#c30000; font-weight:100; line-height:27px}

a.vkontakte { display:block; position:absolute; width:171px; height:57px; background:url(imgs/vkontakte.gif) 0 57px; top:45px; left:50px; cursor:pointer}
a.vkontakte:hover {background:url(imgs/vkontakte.gif) 0 0;}

a.behance {display:block; position:absolute; width:275px; height:72px;  background:url(imgs/behance.gif) 0 72px; top:40px; left:290px; cursor:pointer}
a.behance:hover {background:url(imgs/behance.gif) 0 0;}

a.moikrug {display:block; position:absolute; width:125px; height:79px;  background:url(imgs/moikrug.gif)  0 79px; top:37px; left:620px; cursor:pointer}
a.moikrug:hover {background:url(imgs/moikrug.gif) 0 0;}



.countersBlock {width:980px; height:86px; background:url(imgs/countersBlock.png) center top no-repeat; margin: 0 auto; position:relative; text-align:left}
.footerContacts { padding-left: 98px; font-size:11px; color:#a8a8a8; line-height:22px; }
.footerContacts h2 {font-size:12px; font-weight:100; color:#e5e5e5; padding-top:10px; padding-bottom:0px}
a.footerAdress {font-size:11px; color:#a8a8a8; line-height:16px; text-decoration:none; padding-bottom:1px; line-height:20px; border-bottom:1px dashed #a8a8a8}
a.footerAdress:hover {border-bottom:1px dashed #737373; color:#d4d4d4}
a.footerEmail { text-decoration:none; color:#a8a8a8;}
a.footerEmail:hover { text-decoration:underline}
.footerContacts span {font-size:12px; color:#efefef}

.topmail {position:absolute; top:24px; right:155px;}
.SpyLog {position:absolute; top:24px; right:155px;}
.LiRu {position:absolute; top:24px; right:105px; border:1px dashed #9b9b9b; padding:3px;}

.copyrightBlock {text-align:center; font-size:11px; color:#555; padding-top:7px; height:40px}
.copyrightBlock a {font-size:11px; color:#444}
.copyrightBlock a:hover { text-decoration:none}


#showcases {padding-left:77px; text-align:left; padding-top:10px; padding-bottom:5px;}
#showcases .item {width:422px; height:190px; float:left}
#showcases .item .inner {width:402px; height:170px; background:#000; position:relative; overflow:hidden; cursor:pointer}
#showcases .item .inner img {border:0px; position:absolute; top:0; left:0}
#showcases .item .inner a {display:block; width:282px; height:100px; position:absolute; top:0px; left:0px; padding-left:120px; padding-top:70px; color:#fff; text-decoration:none; font-size:16px; opacity:0; filter:alpha(opacity=0); }


