html {height: 100%;}
body { color: #000; margin:0px; padding:0px; font: 14px arial; line-height:24px; z-index: 0; min-width: 1000px;}
.siteBody {color: #777777; text-align:center; height: 100%; background: #f5f4f0;}
.siteBody-helper {padding: 0; text-align: left; height: 100%; position: relative;}
* {position:relative;}

a {color: #c17836; text-decoration:none;}
a:hover {text-decoration:underline;}

h1, h2, h3, h4, h5, h6 { color: #000; font-weight: 300; margin-bottom: 5px; margin-top: 5px;}


h1 { font-size: 18px; line-height: 30px; }
h2 { font-size: 18px; line-height: 26px; }
h3 { font-size: 16px; line-height: 24px; }
h4 { font-size: 14px; line-height: 22px; }
h5 { font-size: 12px; line-height: 20px; }


.float-left, .pull-left {float:left;}
.float-right, .pull-right {float:right;}
.clear { clear: both; display: block; float: none !important; height: 0; overflow: hidden; width: 0;}
.wrapper {margin:auto; position:relative;}
.wrapper-helper {padding-left: 15px; padding-right: 15px;}

/** general fixes **/
.img {border:none;}
.siteBody p {margin: 0; padding:0;}
.content p {text-align: justify;}
.siteBody ul {list-style:none; margin:0; padding:0;}
.content-body ul {list-style:disc; margin: 10 0; padding: 0 0 0 20px;}
.content-body p {margin: 10px 0;}

/************* template *************/
.wrapper {width:1000px;}

.align-left {text-align: left;}
.align-right {text-align: right;}
.align-center {text-align: center;}
.align-justify {text-align: justify;}

.content p {margin: 10px 0;}
.content ul {padding-left: 30px; list-style: disc;}
.content strong {color:#000;}

.siteBody input[type="text"] {border: 1px solid #e5e5e5; height: 30px; color: #808080; width: 100%}
.siteBody textarea {border: 1px solid #e5e5e5; color: #808080; width: 100%}

.headerWrapper-helper, .mainsiteWrapper > .wrapper > .helper {border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; background: #fff; padding: 0 10px;}
.headerWrapper-helper {height: 145px;}
.logo {margin: 35px 0 0 45px;}
.headerBlock01 {color: #000; margin-left: 100px; margin-top: 60px; text-align: center;}
.headerBlock02 {color: #000; margin-left: 100px; margin-top: 60px;}
.headerBlock02 p {color: #000; text-align: right;}

.mainmenuWrapper {background: url(../images/template/mainmenu.png) repeat-x;}
ul.mainmenu {height: 50px; z-index: 100;}
ul.mainmenu > li {line-height: 50px; float: left; position: relative;}
ul.mainmenu > li a {color: #fff; text-decoration: none; display:block; border-left: 1px solid #f93139;}
ul.mainmenu > li a span {display: block; border-left: 1px solid #a21316; padding: 0 10px; font-weight: bold;}
ul.mainmenu > li:last-child a {border-right: 1px solid #f93139;}
ul.mainmenu > li:last-child a span {border-right: 1px solid #a21316;}
ul.mainmenu > li > a:hover > span, ul.mainmenu > li.active > a > span, ul.mainmenu > li:hover > a > span {background: #a21316;}
ul.mainmenu > li > div {display: none; position: absolute; top: 50px; left: 0; white-space: nowrap;  z-index: 150;}
ul.mainmenu > li:hover > div {display: block; }
ul.mainmenu > li:hover > div > ul > li {line-height: 40px;}
ul.mainmenu > li:hover > div > ul > li > a > span {background: #a21316;}
ul.mainmenu > li > div > ul > li > a:hover > span, ul.mainmenu > li > div > ul > li.active > a > span  {background: url("../images/template/mainmenu.png") repeat-x;}

.mainsiteTopBlock, .columnsWrapper {padding-top: 25px;}
.columnsWrapper {padding-bottom: 80px;}
.leftColumnWrapper {width: 225x;}
.callusBlock {text-align: center; margin-bottom: 25px;}
.callusBlock .text {font-weight: bold; font-size: 18px; color: #000; margin-bottom: 5px;}
.callusBlock .number {font-weight: bold; font-size: 24px; color: #db2a31;}
.rightMenuBlock {border: 1px solid #cccccc; border-top: none; margin-bottom: 25px;}
.rightMenuBlock h3 {font-size: 20px; margin: 0px; text-align: center; line-height: 40px; background: #e5e5e5; color: #000; border-top: 2px solid #52b550;}
.rightMenuBlock ul li {border-top: 1px solid #cccccc;}
.rightMenuBlock ul li:first-child {border-top: 2px solid #cccccc;}
.rightMenuBlock ul li a {text-decoration: none; color: #456004; display:block; background: url(../images/template/arrow-right.png) 10px center no-repeat;}
.rightMenuBlock ul li a span {display:block; line-height: 30px; height: 30px; padding-left: 30px;}
.rightMenuBlock ul li a:hover span, .rightMenuBlock ul li.active a span {color: #db2a31;}
.offerBannerBlock {}
.offersBlock {}
.rightColumnWrapper {width: 730px;}
.content h1 {background: #F3F3F3; margin:0 0 10px 0; padding: 5px 15px; font-size: 17px; font-weight: bold; color: #333333;}
.contentBottomBlock {font-size: 13px; line-height: 20px; text-align: justify;}
.contentBottomBlock h2 {font-size: 18px; margin:0 0 10px 0}
.mainsiteBottomBlock {padding-bottom: 80px;}
.bottomWrapper {border-top: 2px solid #cccccc; background: #fbfbfb;}
.bottomWrapper-helper {padding: 25px 10px 30px 10px;}
.bottomBlock {width: 230px; margin-right: 18px;}
.bottomBlock.block01 a {color: #656464;}
.bottomBlock.block04 {width: 235px; margin-right:0px;}
.bottomBlock h3 {color: #c17836; margin:0 0 15px 0; font-weight: bold; font-size: 14px;}
.bottomBlock .blockContent {color: #656464; font-size: 13px; line-height: 20px;}
.bottomBlock.block01 {width: 200px;}
.bottomBlock.block01 .blockContent {padding-left: 5px;}
.bottomBlock.block01 ul li {padding: 5px 0;}
.bottomBlock.block02 {width: 260px; margin-right:35px;}
.bottomBlock.block02 p, .bottomBlock.block03 p {margin-bottom: 10px;}
.bottomBlock.block03 {width: 200px; margin-right: 30px;}
.bottomBlock.block03 ul li {background: url(../images/template/sprite.png) left 10px no-repeat; border-bottom: 1px solid #dad9d9; padding: 5px 0 5px 25px;}
.bottomBlock.block03 ul li:first-child {padding-top:0px;}
.bottomBlock.block03 ul li:last-child {background-position: left -120px;}
.addonWrapper {margin-top: 20px;}

.footerWrapper {background: #fbfbfb;}
.footerWrapper-helper {border-top: 1px solid #ebebeb; padding: 10px 0 20px 0;}
.footerWrapper-helper a {color: #777777;}




/** contact page **/
.contact #pageContent > div {float: left; width: 50%;}
.contact-addon {float: right; width: 40%}
.contact-addon div.label {display: none;}
.contact-addon input[type="text"] {margin-bottom: 5px; border: 1px solid #858585; padding: 0px 5px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
.contentWrap .contact-addon textarea { width: 100%; border: 1px solid #858585; padding: 5px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
.contact-addon form h3 {font-weight: bold;}
.contact-addon form h3 span { border-left: 3px solid #341815; padding-left: 10px; color: #341815;}
ul.message, ul.error {/*position: absolute; z-index: 500; top: 30px; left: 30px; right: 30px;*/ font-weight: bold;padding-left: 15px; margin: 0; list-style: none !important; font-size: 12px;}
ul.message {background-color: #C3D2E5; border-bottom: 3px solid #84A7DB; border-top: 3px solid #84A7DB; color: #0055BB; }
ul.error {background-color: #E6C0C0; border-bottom: 3px solid #DE7A7B; border-top: 3px solid #DE7A7B; color: #CC0000; }
.closePopup {position: absolute; width: 24px; height: 24px; top: -12px; right: -12px; background: url(../images/prettyPhoto/facebook/sprite.png) 0 0 no-repeat; cursor: pointer;}
.contentWrap .contact-addon .formButtons { padding: 15px 0 0 80px; }

/* buttons */
input.button {cursor: pointer; font-weight: bold; box-shadow: none; border:none; width: auto; height: auto; line-height: 25px; padding: 5px 15px; background: #bf272d; border-bottom: 3px solid #272727; color: #fff; position: relative; display: inline-block}
input.button:hover {top: 2px; margin-bottom: 2px; border-bottom: none; border-bottom: 1px solid #272727; text-decoration: none;}