/* CSS Document */

* { 
	margin:0; padding:0;
	border:0;
}

body{ background:url(images/bg.jpg) top center repeat; padding-top:23px; padding-bottom:77px;
	 border:0;
	 font:12px Arial, Helvetica, sans-serif; color:#484848;
	 line-height:16px;
}


/* ============================= main layout ====================== */

a{ color:#caad5a; text-decoration: underline; outline:none}
a:hover{ text-decoration: none}
li{ list-style:none}
h1{ font:36px "Times New Roman", Times, serif; color:#604830; line-height:40px; padding:16px 0 13px 0}
h2{ font: "Times New Roman", Times, serif; color:#604830; }
h3{ font:36px "Times New Roman", Times, serif; color:#604830; line-height:40px; text-align: right; padding:16px 0 13px 0}
p{ padding-bottom:16px;}
img{ vertical-align:top}

.pad{ padding: 26px; padding-top:0px;}

/* ============================= header ====================== */
#logo{ margin-top:25px; float:left;}
#buttons{ float:right; margin-top:10px; background:url(images/bg_buttons.png) no-repeat; width:100px; height:30px; padding:10px 0 0 21px}
#buttons li{ padding-right:2px; float:left;}
#buttons li a{ height:24px; width:24px; display:block}
#buttons li a:hover, #buttons .active{ background:url(images/button_active.gif) no-repeat}

#menu { height:64px; width:100%; overflow:auto; background:url(images/menu_bg.jpg) top repeat-x}
#menu #list{ float:left;}
#list li { float:left; padding-right:2px; background:url(images/menu_line.jpg) right 26px no-repeat;}
#list .last{ background:none}
#list li a{ display:block; line-height:64px; font:24px "Times New Roman", Times, serif; color:#483e36; text-decoration:none; line-height:64px; padding:0 32px;}
#list li a:hover, #list #menu_active a{ background:#fdffeb;}

#icons{ float:right; padding:26px 30px 0 0}
#icons li{ padding-left:6px; float:left;}


/*--- slider begin ---*/

#faded {}
#faded .rap { height:300px; margin-top:50px; overflow: hidden}

ul.pagination { position:absolute; z-index:1; margin-top:-345px; margin-left:807px; background:url(images/bg_buttons.png) no-repeat; width:149px; height:35px; padding:12px 0 0 21px;}
ul.pagination li {float:left; padding-right:2px; font-size:0; background:url(images/spacer.png) no-repeat}
ul.pagination li a {background:url(images/button.gif) no-repeat; height:4px; width:4px; display:block; padding:10px; line-height:0; color:#61583f;}
ul.pagination li a:hover, ul.pagination li.current a { background:url(images/button_active.gif) no-repeat; color:#f2f1d8}

/*--- slider end ---*/

/*--- promo slider ---*/
#panel, #flip {
    padding: 5px;
    text-align: center;
    background-color: #fc0000;
    border: solid 1px #000000;
    font-size:13px; 
    text-transform:uppercase; 
    color:#000000;
}

#panel {
    padding: 30px;
    display: none;
}
/*--- promo end ---*/

#overlay {
     visibility: hidden;
     position: absolute;
     left: 0px;
     top: 0px;
     width:400px;
     height:326px;
     text-align:center;
     z-index: 1000;
}
/* ============================= content ====================== */

.marg_right1{ margin-right:30px;}
.marg_top1{ margin-top:14px;}
.pad_bot1{ padding-bottom:24px;}
.pad_bot2{ padding-bottom:46px;}
.pad_bot3{ padding-bottom:8px;}
.pad1{ padding:0 10px}
.pad_left1{ padding-left:25px;}
.pad_left2{ padding-left:10px;}

.font1{ font-weight:bold; color:#9d9069; padding-bottom:8px;}
.font2{ font:14px "Times New Roman", Times, serif; text-transform:uppercase; color:#a59976;}
.font2 span{ color:#837449;}
.font3{ font-weight:bold; color:#a6723d; padding-bottom:8px}
.font3 a{ color:#6a5e3b;}

.button1, .button2{ font-weight:bold; display:inline-block; color:#fff; text-decoration:none; line-height:26px; padding:0 14px; background:#71502e;}
.button1:hover, .button2{ background:#a59976}
.button2:hover{background:#71502e;}

.box1{ background:url(images/bg_box.jpg) top repeat-x; padding:0 32px;}
.box1 h1{ color:#70593f; padding:19px 0 14px 0; border-bottom:1px solid #dddccf; margin-bottom:28px}
.box2 h1{color:#6a5e3b; padding:0px 0 15px 0; margin-left:-10px; text-align:center; border-bottom:1px solid #cac4b2; margin-bottom:24px; font-size:34px;}
.box2{padding:18px 32px 15px 32px; background:#fbf8ef; color:#a69460; line-height:15px;}
.box2 .under{ border-bottom:1px solid #ece8dc; padding-bottom:32px; margin-bottom:30px; margin-left:-10px; padding-left:10px}

.link1{ font-weight:bold; color:#6f512a; text-decoration:none;}
.link1:hover{ text-decoration:underline}
.link2{ text-transform:uppercase; color:#713c2e}

.list1 li{ line-height:23px; color:#713c2e; text-transform:uppercase; padding-left:20px; background:url(images/marker_2.jpg) 0 3px no-repeat}
.list1 li a{ color:#713c2e; text-transform:uppercase; padding-left:20px; background:url(images/marker_2.jpg) 0 3px no-repeat}
.box2 .list1 li a{  background:url(images/marker_1.jpg) 0 3px no-repeat}

.price li{ background:url(images/bg_prices.jpg) 0 16px repeat; color:#9d9069; line-height:23px; font-weight:bold}
.price li span{ background:#fbf8ef}
.price a{ font-weight:normal; text-transform:uppercase; text-decoration:none; color:#713c2e;}
.price a:hover{ color:#9d9069;}

/* ============================= footer ====================== */

#footer { padding:0px 47px 22px 37px; font-size:13px; text-transform:uppercase; color:#645848;}
#footer a{ color:#645848;}
#footer span{ float:right; width:240px; padding-left:40px; padding-top:3px; background:url(images/footer_line.jpg) 0 0 repeat-y; font-size:12px; color:#796b58; line-height:19px;}
#footer span a{color:#796b58;}

/* ============================= forms ============================= */

#form_1{ width:220px; margin-top:-16px; padding-bottom:5px; overflow:hidden}
#form_1 h1{ font-size:30px; color:#6a5e3b; border:none; margin:0; padding: 0 0 8px 0; text-align:left;}
#form_1 .input{ width:208px; height:14px; font:12px Arial, Helvetica, sans-serif; color:#a69460; padding:5px; background:#fff; border:1px solid #ece8dc; margin-bottom:7px}


#ContactForm { line-height:18px;}
#ContactForm a{ margin-left:24px}
#ContactForm .input {width:268px; height:14px; font:12px Arial, Helvetica, sans-serif; color:#000000; padding:5px; background: none; border:1px solid #999999; margin-bottom:15px}
#ContactForm .input2 {width:130px; height:14px; font:12px Arial, Helvetica, sans-serif; color:#000000; padding:5px; background: none; border:1px solid #999999; margin-bottom:15px}
#ContactForm .popinput {width:130px; height:14px; font:12px Arial, Helvetica, sans-serif; color:#000000; padding:5px; background: none; border:1px solid #999999; margin-bottom:15px}
#ContactForm textarea {width:268px; height:132px; font:12px Arial, Helvetica, sans-serif; color:#a69460; padding:5px; background: none; border:1px solid #ece8dc; margin-bottom:15px; overflow:auto}

#ContactForm1 { line-height:18px;}
#ContactForm1 a{ margin-left:24px}
#ContactForm1 .input {width:268px; height:14px; font:12px Arial, Helvetica, sans-serif; color:#000000; padding:5px; background: none; border:1px solid #999999; margin-bottom:15px}
#ContactForm1 .input2 {width:130px; height:14px; font:12px Arial, Helvetica, sans-serif; color:#000000; padding:5px; background: none; border:1px solid #999999; margin-bottom:15px}
#ContactForm1 .popinput {width:130px; height:14px; font:12px Arial, Helvetica, sans-serif; color:#000000; padding:5px; background: none; border:1px solid #999999; margin-bottom:15px}
#ContactForm1 textarea {width:268px; height:132px; font:12px Arial, Helvetica, sans-serif; color:#a69460; padding:5px; background: none; border:1px solid #ece8dc; margin-bottom:15px; overflow:auto}

/* ============================= modal ============================= */
.modalWindow {
        position: absolute;
        font-family: arial;
        font-size:80%;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: rgba(0,0,0,0.2);
        z-index: 1;
        opacity:0;
        -webkit-transition: opacity 1200ms ease-in;
        -moz-transition: opacity 1200ms ease-in;
        transition: opacity 400ms ease-in;
        pointer-events: none;
    }
    .modalHeader h2 { color: #189CDA; border-bottom: 2px groove #efefef; }
    .modalWindow:target {
        opacity:1;
        pointer-events: auto;
    }
    .modalWindow > div {
        width: 500px;
        position: relative;
        margin: 10% auto;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        background: #fff;
    }
    .modalWindow .modalHeader  {    padding: 5px 20px 0px 20px; }
    .modalWindow .modalContent {    padding: 0px 20px 5px 20px; }
    .modalWindow .modalFooter  {    padding: 8px 20px 8px 20px; }
    .modalFooter {
        background: #F1F1F1;
        border-top: 1px solid #999;
        -moz-box-shadow: inset 0px 13px 12px -14px #888;
        -webkit-box-shadow: inset 0px 13px 12px -14px #888;
        box-shadow: inset 0px 13px 12px -14px #888;
    }
    .modalFooter p {
        color:#D4482D;
        text-align:right;
        margin:0;
        padding: 5px;
    }
    .ok, .close, .cancel {
        background: #606061;
        color: #FFFFFF;
        line-height: 25px;
        text-align: center;
        text-decoration: none;
        font-weight: bold;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        -moz-box-shadow: 1px 1px 3px #000;
        -webkit-box-shadow: 1px 1px 3px #000;
        box-shadow: 1px 1px 3px #000;
    }
    .close {
        position: absolute;
        right: 5px;
        top: 5px;
        width: 22px;
        height: 22px;
        font-size: 10px;
 
    }
    .ok, .cancel {
        width:80px;
        float:right;
        margin-left:20px;
    }
    .ok:hover { background: #189CDA; }
    .close:hover, .cancel:hover { background: #D4482D; }
    .clear { float:none; clear: both; }
 
 /* ====== popup ======*/
 
 #mask {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9000;
 
  display: none;
}

#boxes .window {
  position: fixed;
  left: 0;
  top: 0;
  width: 440px;
  height: 200px;
  display: none;
  z-index: 9999;
  padding: 20px;
  border-radius: 15px;
  text-align: center;
}

#boxes #dialog {
  width: 300px;
  height: 300px;
  padding: 10px;
  background-color: #ffffff;
  font-family: 'Segoe UI Light', sans-serif;
  font-size: 15pt;
}

#popupfoot {
  font-size: 16pt;
  position: absolute;
  bottom: 15px;
  width: 250px;
  left: 250px;
}