/* Main CSS Document */
/*---------------------------------------*/
a, a:visited { color: #c72b16; font-weight: bold; text-decoration: none; }
a:hover { color: #c72b16; }
a img { border: none; }
p { margin: 10px 0px; }
h1, h2, h3, h4, h5, h6 { margin: 10px 0px; padding: 0px; font-weight: bold; }
form { margin: 0px; padding: 0px; }
/*---------------------------------------*/
html, body { background: #650a0a; margin: 0px; padding: 0px; }
body { background: #960f0f url(../images/bg.gif) repeat-x left bottom; font: 12px Arial, Verdana, Tahoma, sans-serif; color: #787878; }
/*---------------------------------------*/
#main { width: 1000px; margin: 0px auto; }
/*---------------------------------------*/
#main h1 { margin: -1px 0px 0px; padding: 0px; font-size: 1px; line-height: 1px; overflow: hidden; }
/*---------------------------------------*/
#header { background: url(../images/header-bg.jpg) no-repeat right top; height: 116px; padding-top: 57px; }
#header a.logo { display: block; margin-left: 90px; width: 132px; height: 49px; background: url(../images/logo.gif) no-repeat; }
/*---------------------------------------*/
#main-content { background: url(../images/mc-bg.gif) repeat-y 252px top; width: 1000px; overflow: hidden; }
#main-content .main-content-top { height: 12px; overflow: hidden; background: url(../images/main-content-bg.jpg) no-repeat right top; }
/*---------------------------------------*/
.left-column { float: left; padding-left: 90px; margin-top: -15px; }
.left-column ul { margin: 0px; padding: 0px; list-style: none; }
/*---------------------------------------*/
ul.left-menu { width: 151px; }
ul.left-menu li { width: 151px; margin: 0px; padding: 7px 0px; overflow: hidden; }
ul.left-menu li a { display: block; float: left; color: #e6e6e6; font-weight: bold; text-decoration: none; text-transform: uppercase; padding-left: 10px; line-height: 14px; }
ul.left-menu li a:hover, ul.left-menu li ul.submenu li a:hover, ul.left-menu li a.selected, ul.left-menu li ul.submenu li a.selected { background: url(../images/lm-marker.gif) no-repeat left 3px; color: #ffbf4d; }
/*---------------------------------------*/
ul.left-menu li ul.submenu { margin: 0px; padding: 2px 0px 0px; clear: both; width: 151px; overflow: hidden; }
ul.left-menu li ul.submenu li { padding: 1px 0px 2px; }
ul.left-menu li ul.submenu li a { color: #be968c; text-transform: none; }
/*---------------------------------------*/
.right-column { width: 748px; float: right; background: url(../images/rc-bg.jpg) no-repeat right top; }
/*---------------------------------------*/
.main-menu { width: 27px; float: left; padding-bottom: 1px; }
.main-menu ul { margin: -11px 0px 0px; padding: 0px; list-style: none; }
.main-menu ul li { display: block; width: 27px; border-bottom: 1px solid #c2b2b2; }
.main-menu ul li.last { height: 72px; border-bottom: 0px; }
.main-menu ul li.last-selected { border-bottom: 1px solid #c2b2b2; }
.main-menu ul li.last a:hover { border-bottom: 1px solid #c2b2b2; }
.main-menu ul li.no-css { display: none; }
.main-menu ul li a { display: block; width: 27px; overflow: hidden; }
.main-menu ul li a.mm-about-comany { background: url(../images/main-menu/mm-about-comany.gif) no-repeat; height: 86px; }
.main-menu ul li a.mm-works { background: url(../images/main-menu/mm-works.gif) no-repeat; height: 66px; }
.main-menu ul li a.mm-clients { background: url(../images/main-menu/mm-clients.gif) no-repeat; height: 73px; }
.main-menu ul li a.mm-benefits { background: url(../images/main-menu/mm-benefits.gif) no-repeat; width: 34px; height: 72px; margin-left: -7px; position: relative; }
.main-menu ul li a.mm-photo { background: url(../images/main-menu/mm-photo.gif) no-repeat; height: 86px; }
.main-menu ul li a.mm-contact-us { background: url(../images/main-menu/mm-contact-us.gif) no-repeat; height: 71px; }
.main-menu ul li a:hover { background-position: -27px top; }
.main-menu ul li a.selected { background-position: -27px top; }
.main-menu ul li a.mm-benefits:hover { background-position: -34px top; }
.main-menu ul li a.selected-first { background-position: -34px top; }
/*---------------------------------------*/
.content { width: 508px; float: left; padding: 40px 32px; }
/*---------------------------------------*/
.content h2 { font-size: 16px; margin: 0px; padding: 10px 0px 3px; }
.content h3 { font-size: 14px; margin: 0px; padding: 10px 0px; }
.content ul { margin: 0px 0px 0px 1px; padding: 0px; list-style: square inside; }
.content ol { margin: 0px 0px 0px 1px; padding: 0px; list-style-position: inside; }
.content ul.blist { margin-top: 13px; }
.content ul.inner-link, .content ul.inner-link li a { color: #c72b16; }
.content ul.photo-list { padding-top: 10px; margin-bottom: -13px; clear: both; }
.content ol li { padding-bottom: 5px; }
.content ol li ul { margin-left: 19px; }
.content ul li ol, .content ul li ul { margin-left: 11px; }
.content ul li ol li { padding-bottom: 0px; }
.content ol li ul li { padding-bottom: 0px }
.content .inline-columns { margin: 5px 0px; }
.content .inline-columns td { width: 200px; }
.content p.vs-link { text-align: right; }
.content p a.rlink, .content p.vs-link, .content ul.blist a { color: #c72b16; }
.content .schemes .scheme { display: inline; padding-right: 41px; }
.content .schemes .scheme a img { border: 1px solid #787878; }
.content .schemes .last { padding-right: 0px; }
.content table.vs-mash { border: 1px solid #787878; border-width: 1px 0px 0px 1px; margin: 10px 0px; }
.content table.vs-mash tbody tr th { background: #ccc; color: #000; text-align: left; }
.content table.vs-mash tbody tr th, .content table.vs-mash tbody tr td { border: 1px solid #787878; border-width: 0px 1px 1px 0px; padding: 5px;  } 
.content table.vs-mash tbody tr td ul { margin-left: 0px; }
/*---------------------------------------*/
.services { width: 508px; overflow: hidden; padding-top: 42px; }
.services .services-item { width: 508px; overflow: hidden; clear: both; }
.services .last { border-bottom: 0px; }
.services .services-item h3 { font-size: 13px; margin: 11px 0px 12px; }
.services .services-item .si-image, .services .services-item .si-text { float: left; }
.services .services-item .si-image { width: 150px; text-align: center; } 
.services .services-item .si-text { width: 358px; }
.services .services-item .si-text h3 a { color: #c72b16; background: url(../images/larrow.gif) no-repeat right 0px; padding-right: 20px; font-size: 13px; font-weight: bold; }
.services .services-item .si-text p { margin: 0px; }
.services .services-item .si-text p.description { margin-top: 14px; }
.services .services-item .si-text a { color: #c72b16; font-weight: normal; }
/*---------------------------------------*/
.portfolio { padding-top: 0px; margin-top: -6px; }
.portfolio .services-item { border-bottom: 1px solid #c2b2b2; padding: 0px 0px 24px; }
.portfolio .last { border-bottom: 0px; }
.portfolio .services-item h3, .photogallery .services-item h3 { margin-bottom: 20px; }
.portfolio .services-item h3 { margin: 8px 0px 12px; }
.portfolio .services-item h3 a, .photogallery .services-item h3 a { color: #c72b16; background: url(../images/larrow.gif) no-repeat right 0px; padding-right: 20px; font-size: 13px; }
.portfolio .services-item .si-text { width: 508px; margin-left: 0px; }
.portfolio .services-item .si-text .si-image { width: 160px; border: 1px solid #c2b2b2; margin: 0px 24px 10px 0px; }
.portfolio .services-item .si-text p { margin: 0px; }
.portfolio .services-item .si-text p.description { margin-top: 14px; }
.portfolio .services-item .si-text a { color: #c72b16; }
/*---------------------------------------*/
.photogallery { padding-top: 0px; margin-top: -6px; }
.photogallery .services-item { border-bottom: 1px solid #c2b2b2; padding: 7px 0px 24px; }
.photogallery .last { border-bottom: 0px; }
.photogallery .services-item .si-image { width: 160px; height: 160px; margin-right: 11px; border: 1px solid #c2b2b2; }
.photogallery .services-item .si-image a { display: block; }
.photogallery .services-item .last { margin-right: 0px; }
/*---------------------------------------*/
.clients { width: 510px; padding-top: 18px; }
.clients .services-item  { width: 510px; margin-bottom: 10px; }
.clients .services-item .si-image { width: 120px; height: 120px; margin-right: 10px; }
.clients .services-item .last { margin-right: 0px; }
/*---------------------------------------*/
.hint { background: #fff; border: 1px solid #c2b2b2; position: absolute; width: 300px; padding: 15px; margin: -20px 0px 0px 20px; display: none; text-align: left; }
.hint a.lnk-close { background: url(../images/close-hint.gif) no-repeat; display: block; width: 13px; height: 13px; float: right; margin: -14px -14px 0px 0px; }
.hint p { margin: 0px; }
/*---------------------------------------*/
.pf-web-sites { padding-top: 6px; }
.pf-web-sites .services-item h3 { margin: 1px 0px 12px; }
.pf-web-sites .services-item .si-image { width: 160px; height: auto; border: 1px solid #c2b2b2; margin: 0px 24px 10px 0px;  }
.pf-web-sites .services-item .si-image a { display: block; }
.pf-web-sites .services-item .si-text { width: 508px; margin-left: 0px; }
.pf-web-sites .services-item .si-text p { padding-bottom: 5px; }
.pf-web-sites .services-item .si-text ul { margin: 0px 0px 5px 25px; }
/*---------------------------------------*/
.photo-block { width: 508px; padding-top: 17px; }
.photo-block .big-photo { width: 450px; height: 450px; margin-bottom:30px; overflow: hidden; padding: 0px 30px; text-align: center; }
.photo-block .big-photo img { border: 1px solid #787878; }
/*---------------------------------------*/
.big-image-block { width: 450px; height: 450px; text-align: center; display: table-cell; vertical-align: middle; }
/*---------------------------------------*/
.gallery-preview .image-block:hover a { color: #fefefe; }
.gallery-preview .image-block:hover img { opacity: 0.6; }
/*---------------------------------------*/
.small-gallery { width: 512px; height: 58px; text-align: center; margin-left: -1px; }
.small-gallery .image-block { display: inline; float: none;  margin-right: 0px; padding-right: 4px; }
.small-gallery .image-block a img { border: 0px; }
.small-gallery .last { padding-right: 0px; }
/*---------------------------------------*/
.navigation{ width: 508px; text-align: center; height: 20px; margin: 20px 0px 6px; }
.navigation ul { margin: 0px; padding: 0px; list-style: none; height: 20px;}
.navigation ul li { margin: 0px; padding: 0px 6px 0px 0px; text-align: center; display: inline; position: relative; }
.navigation ul li a { font-size: 11px; color: #000; padding: 1px 5px 2px 6px; background: #ecd3cc; border: 1px solid #4b4b4b; }
.navigation ul li a:hover { color: #fff; background: #c2b2b2; border: 1px solid #696969; }
.navigation ul li.selected a { color: #fff; background: #c2b2b2; border: 1px solid #696969; }
.navigation ul li.ellipsis a { background: none; border: 0px; padding: 1px 0px 6px; }
/*---------------------------------------*/
.contact-us { margin-top: 16px; }
.contact-us .contact-info { margin-bottom: 17px; }
.contact-us .contact-info p { margin: 0px 0px 12px; }
.contact-us .contact-info p span.tel2 { padding-left: 27px; }
.contact-us .contact-info a { color: #c72b16; }
.contact-us .contact-form-block h3 { margin: 0px 0px 15px; font-size: 13px; }
.contact-us .contact-form-block .contact-form .row { margin-bottom: 8px; }
.contact-us .contact-form-block .contact-form .row-vs-capcha {  width: 508px; overflow: hidden; }
.contact-us .contact-form-block .contact-form .ico-star { background: url(../images/ico-star.gif) no-repeat right 3px; }
.contact-us .contact-form-block .contact-form .ico-star-small { background: url(../images/ico-star.gif) no-repeat 163px 3px; }
.contact-us .contact-form-block .contact-form .row input, .contact-us .contact-form-block .contact-form .row textarea { padding: 3px 6px 5px; color: #ababab; border: 1px solid #c2b2b2; font-size: 11px; font-weight: bold; background: #fff; font-family: Arial; }
.contact-us .contact-form-block .contact-form .row input { width: 147px; height: 13px;  }
.contact-us .contact-form-block .contact-form .row input.msg-title { width: 485px; }
.contact-us .contact-form-block .contact-form .row textarea { width: 485px; height: 79px; margin: 0px; }
.contact-us .contact-form-block .contact-form .error { color: #ff0000; margin-top: -8px; position: relative; font-size: 11px; }
.contact-us .contact-form-block .contact-form .vs-capcha { width: 178px; float: left; margin-top: 7px; }
.contact-us .contact-form-block .contact-form .capcha { float: left; }
.contact-us .contact-form-block .contact-form .btn-row { margin: -6px 0px 8px 0px; }
.contact-us .contact-form-block .contact-form .btn-row  p.vs-star { background: url(../images/ico-star.gif) no-repeat left 4px; padding-left: 10px; margin-top: 13px; }
.contact-us .contact-form-block .contact-form .btn-refresh input { width: 83px; height: 23px; background: none; border: 0px; padding: 0px; margin: 7px 0px 0px 10px; }
/*---------------------------------------*/
.copyright-block { clear: both; width: 572px; padding-bottom: 26px; height: 15px; text-align: right; }
.copyright-block span.copyright { background: url(../images/ico-small-logo.gif) no-repeat; padding: 0px 0px 2px 45px; }
/*---------------------------------------*/
#footer { background: url(../images/footer-bg.png) no-repeat; width: 598px; height: 135px; margin-left: 252px; }
/*---------------------------------------*/