* { margin:0; padding:0;}
html, body { height:100%;}
body { background:url(../images/body-bg.gif) center top #37271c; font-family:Tahoma, Geneva, sans-serif; font-size:100%; line-height:1.125em; color:#bca695;}
input, select, textarea { font-family:Tahoma, Geneva, sans-serif; font-size:1em;}
.clear { clear:both;}
.alignright { text-align:right;}
.aligncenter { text-align:center;}
.wrapper { width:100%; overflow:hidden;}
.container { width:100%;}
p { margin-bottom:18px;}
/*==================forms====================*/
input, select { vertical-align:middle; font-weight:normal;}
img {border:0; vertical-align:top; text-align:left;}
object { vertical-align:top; outline:none;}
/*exampleJ {background-image: url(images/icon_product_sparks_sml.png);}*/
#reservation-form { font-size:.91em; font-weight:bold;}
#reservation-form fieldset { border:none;}
#reservation-form .field label {float: left;padding-right: 10px;}
#reservation-form .field2 label {float: left;padding-right: 10px;}
#reservation-form .field ul li {margin: 0px; background: none; color: #c86f6f }
#reservation-form .field2 ul li {background: none; color: #c86f6f}
#reservation-form .field { display:block; height:40px;display: inline-block}
#reservation-form .field input { width:60px; text-align:left;padding: 3px; border:1px solid #5d3825; background:#1d110b; color:#bca695;}
#reservation-form .field2 { display:block; height:40px;}
#reservation-form .field2 input { width:30px; text-align:center;padding: 3px; border:1px solid #5d3825; background:#1d110b; color:#bca695;}
#reservation-form label { display:block; padding-bottom:4px;}
#reservation-form select { border:1px solid #5d3825; background:#1d110b; color:#bca695;}
#reservation-form select.select1 { width:40px; margin-right:10px;}
#reservation-form select.select2 { width:127px;}
#reservation-form
#reservation-form .inputInt { width:30px; text-align:center; border:1px solid #5d3825; background:#1d110b; color:#bca695;}
#reservation-form .button { font-size:1em;}
#reservation-form .field_first { display:block; height:40px;display: inline-block}
#reservation-form .field_first ul li {margin: 0px; float: left; margin-left: 10px;background: none; color: #c86f6f }
#reservation-form .field_first label {float: left;padding-right: 10px;}
#reservation-form .field_first input { margin-left: 25px; width:95px; text-align:left;padding: 3px; border:1px solid #5d3825; background:#1d110b; color:#bca695;}
#reservation-form .field_phone { display:block; height:40px;display: inline-block}
#reservation-form .field_phone ul li {margin: 0px; float: left; background: none; color: #c86f6f }
#reservation-form .field_phone label {float: left;padding-right: 10px;}
#reservation-form .field_phone input { margin-left: 20px; width:110px; text-align:left;padding: 3px; border:1px solid #5d3825; background:#1d110b; color:#bca695;}
#reservation-form .field_email { display:block; height:40px;display: inline-block}
#reservation-form .field_email ul li {margin: 0px; float: left; background: none; color: #c86f6f }
#reservation-form .field_email label {float: left;padding-right: 10px;}
#reservation-form .field_email input { margin-left: 0px; width:110px; text-align:left;padding: 3px; border:1px solid #5d3825; background:#1d110b; color:#bca695;}
#reservation-form .field_content { display:block; height:100px;display: inline-block}
#reservation-form .field_content ul li {margin: 0px; float: left; background: none; color: #c86f6f }
#reservation-form .field_content label {float: left;padding-right: 10px;}
#reservation-form .field_content textarea { margin-left: 10px; width:160px;height: 50px; text-align:left;padding: 3px; border:1px solid #5d3825; background:#1d110b; color:#bca695;}
#reservation-form .field_last { display:block; height:40px;display: inline-block}
#reservation-form .field_last ul li {margin: 0px; background: none; color: #c86f6f }
#reservation-form .field_last label {float: left;padding-right: 10px;}
#reservation-form .field_last input { width:95px; text-align:left;padding: 3px; border:1px solid #5d3825; background:#1d110b; color:#bca695;}
/*==================list====================*/
ul { list-style:none;}
/*==================other====================*/
.img-indent { margin:5px 15px 30px -8px; float:left;}
.img-indent.alt { margin-right:25px;margin-top: 30px;}
.img-box { width:100%; overflow:hidden; padding-bottom:20px;}
.img-box img { float:left; margin:0 20px 0 0;}
.extra-wrap { overflow:hidden; }
.p1 { margin-bottom:9px;}
.p2 { margin-bottom:18px;}
.p3 { margin-bottom:27px;}
.alt-top { padding-top:9px;}
/*==================txt, links, lines, titles====================*/
a {color:#bca695; outline:none;}
a:hover{text-decoration:none;}
h1 { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:60px; line-height:1em; color:#c30000; text-transform:uppercase; font-weight:normal; letter-spacing:-2px;}
h1 a { color:#c30000; text-decoration:none;}
h2 { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#c30000; font-size:30px; line-height:1em; font-weight:normal; margin-bottom:12px; letter-spacing:-1px;}
h3 { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#c30000; font-size:25px; line-height:1em; font-weight:normal; margin-bottom:16px;}
h4 { font-size:.91em;}
h5 { font-size:1.33em; color:#c30000; padding-top:10px; margin-bottom:26px;}
h6 { font-size:1em; color:#e7e7e7;}
.inner h3 { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#c30000; font-size:21px; line-height:1em; font-weight:normal; margin-bottom:16px;}
.indent .desc h2 {margin: 5px 0 40px 0;}
.txt1 { font-size:.91em;}
.txt2 { color:#c30000; font-size:1.33em; text-transform:uppercase;}
.link1 { display:block; float:left; background:url(../images/link1-bgd.gif) left top repeat-x; color:#fff; text-decoration:none;}
.link1 em { display:block; background:url(../images/link1-left.gif) no-repeat left top;}
.link1 b { display:block; background:url(../images/link1-right.gif) no-repeat right top; padding:2px 15px 2px 15px; font-weight:normal; font-style:normal;}
.link1:hover { text-decoration:underline;}
.button { text-align:center; font-size:.91em;}
.button span { display:inline-block; background:url(../images/button-side.gif) no-repeat left top; padding-left:1px;}
.button span span { background:url(../images/button-side.gif) no-repeat right top; padding-right:1px; padding-left:0;}
.button span span a { display:inline-block; background:url(../images/button-bg.gif) left top repeat-x; padding:0 0 3px 0; color:#d5c6bb; width:152px; text-decoration:none; text-transform:uppercase; font-weight:bold;}
.button span span a:hover { text-decoration:underline;}
.button1 { text-align:center; font-size:.91em;}
.button1 span { display:inline-block; background:url(../images/button-side.gif) no-repeat left top; padding-left:1px;}
.button1 span span { background:url(../images/button-side.gif) no-repeat right top; padding-right:1px; padding-left:0;}
.button1 span span a { display:inline-block; background:url(../images/button-bg.gif) left top repeat-x; padding:0 20px 3px 20px; color:#d5c6bb; text-decoration:none; text-transform:uppercase; font-weight:bold;}
.button1 span span a:hover { text-decoration:underline;}
.line-hor { background:#4d3525; height:1px; overflow:hidden; font-size:0; line-height:0; margin:21px 0 16px 0;}
.line-ver { background-image:url(../images/line-ver.gif); background-repeat:repeat-y; width:100%;}
.title { margin-bottom:20px;}
/*==================boxes====================*/
.box { background:#1d110b; width:100%; height:100%;float: left}
.box .inner { padding:21px 30px 30px 28px;}
.dept-list { float:left;}
.dept-list dd { clear:both; text-align:right;}
.dept-list dd span { float:left; padding-right:25px;}
.dept-list dd p { text-align:left;}
/*header*/
#header .row-1 { height:120px; }
#header .row-2 { height:390px; background:url(../images/header-bg.png) no-repeat left bottom;}
#header .row-2.alt { height:278px; background:url(../images/header-bg1.png) no-repeat left bottom; width:100%; padding:0; margin:0;}
#header .row-2 .indent { padding:13px 0 0 13px;}
#header .row-2 .indent h2 { padding-bottom: 10px;}
#header .logo { float:left; padding:5px 0 0 45px;}
#header .logo a img{ width: 100px;height: 105px}
#header .returnMain { background: none repeat scroll 0 0 #FFFFFF;line-height: 13px;margin-left: 8px;position: absolute;text-align: center;top: 115px;width: 90px;}
#header .returnMain a{color: #57473c}
#header .logo em { position:absolute; top:25px; text-transform:uppercase; font-style:normal; font-size:16px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; padding-left:5px;}
#header .logo strong { color:#ad0000; font-size:.91em; padding-left:5px;}
#header .phones { float:right; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:22px; line-height:1em; color:#CF7474; padding:43px 48px 0 0; letter-spacing:-1px;}
#header .slug { float:left; padding:65px 0 0 80px; }
#header .slug em { position:absolute; top:35px; color: #bda186; text-transform:uppercase; font-style:normal; font-size:35px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold;}
#header .slug em span{ color:#DACABA}
#header .slug strong { color:#CF7474; font-size:1.3em; padding-left:5px;}
#header .slug strong a{color: #faefef;display: block;margin: 10px 0 0 0;text-decoration: none}
#header .slug strong a:hover{color: #ffe9e9}
.header-box { background:#1D110B ;width:950px; height:364px;}
.header-box .inner { padding:313px 2px 2px 15px;}
.header-box-img { background: no-repeat left top;background-image:url(../images/top/header-top1.png); width:950px; height:364px; position: absolute;top: 133px;z-index: 1}
.header-box-img-bar { background: #cccccc ;background-image:url(../images/btn_reset_left_hover); width:950px; height:364px; position: absolute;top: 133px;z-index: 1}
.top_prev a{
position: absolute;
z-index: 2;
width: 30px;
height: 365px;
float: left;
}
.top_prev a {background-image: url('../images/prev_top2.png');background-repeat: no-repeat; }
.top_prev a:hover {background-image: url('../images/prev_top.png');background-repeat: no-repeat;}
.top_next a{
position: absolute;
z-index: 2;
width: 30px;
height: 365px;
float: right;
right: 15px;
}
.top_next a {background-image: url('../images/prev_top2.png');background-repeat: no-repeat; }
.top_next a:hover {background-image: url('../images/prev_top.png');background-repeat: no-repeat; }
.header-box-small { background:url(../images/top-smal_02.png) no-repeat left top; width:950px; height:252px; }
.header-box-small .inner { padding:200px 0 0px 40px;}
.submenu ul{
}
.submenu ul li{
font-size: 15px;
font-weight: bold;
color: #ddc69a
}
.submenu ul li a{
font-size: 11px;
font-weight: bold;
text-decoration:none;
}
.submenu ul li .current{
color: #e3dad2;
}
.submenu ul li a:hover{
color: #e3dad2;
font-size: 11px;
font-weight: bold;
}
#header .nav { position: absolute;z-index: 2;left: 60px; width:100%; overflow:hidden;}
#header .nav li { display:inline;}
#header .nav li a {display:block;margin-top: 0px; float:left; width:120px; height:42px; line-height:42px; font-size:15px; text-transform:uppercase; font-weight:bold; color:#fff; text-decoration:none; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; text-align:center; margin-right:2px; background:url(../images/nav-bg1.2.png) no-repeat left top;}
#header .nav li a:hover { background:url(../images/nav-bg2.2.png) no-repeat left top;}
#header .nav li a.current { background:url(../images/nav-bg2.2.png) no-repeat left top;}
/*content*/
#content { background:url(../images/content-bg.png) left top; margin:0 8px; padding:11px 40px 20px 40px;
}
#content .indent { padding:17px 0 20px 0;}
#content ul { padding-bottom:20px;}
#content ul li { background:url(../images/bull1.gif) no-repeat left 8px; padding:0 0 0 13px;}
.contacts-list dt { font-weight:bold; margin-bottom:10px;}
.contacts-list dd { font-weight:bold;}
#content .gallery { width:100%; margin-left: 15px;}
#content .gallery ul { overflow:hidden; margin:-7px -40px -11px -32px; position:relative;}
#content .gallery ul li { background-color: #cccccc ; border: #ffffff solid 5px; width:140px; height:90px; padding:0; float:left; margin-right:3px; }
#content .gallery ul li div { background-color: #cccccc ; width:120px; height:70px; padding:4px; float:left; }
#content .gallery ul li div a{width: 132px;height: 82px;display: inline-block}
.bedroom .current {background:url(../images/gallery/bedroom.png) no-repeat left top;}
.bedroom a{background:url(../images/gallery/bedroom_gray.png) no-repeat left top;}
.bedroom a:hover {background:url(../images/gallery/bedroom.png) no-repeat left top;}
.kitchen a{background:url(../images/gallery/kitchen_gray.png) no-repeat left top;}
.kitchen a:hover {background:url(../images/gallery/kitchen.png) no-repeat left top;}
.kitchen .current {background:url(../images/gallery/kitchen.png) no-repeat left top;}
.bathroom a{background:url(../images/gallery/bathroom_gray.png) no-repeat left top;}
.bathroom a:hover {background:url(../images/gallery/bathroom.png) no-repeat left top;}
.bathroom .current {background:url(../images/gallery/bathroom.png) no-repeat left top;}
.terrace a{background:url(../images/gallery/terrace_gray.png) no-repeat left top;}
.terrace a:hover {background:url(../images/gallery/terrace.png) no-repeat left top;}
.terrace .current {background:url(../images/gallery/terrace.png) no-repeat left top;}
.grill a{background:url(../images/gallery/grill_gray.png) no-repeat left top;}
.grill a:hover {background:url(../images/gallery/grill.png) no-repeat left top;}
.grill .current {background:url(../images/gallery/grill.png) no-repeat left top;}
.salon a{background:url(../images/gallery/salon_gray.png) no-repeat left top;}
.salon a:hover {background:url(../images/gallery/salon.png) no-repeat left top;}
.salon .current {background:url(../images/gallery/salon.png) no-repeat left top;}
/*.bedroom a:hover {background:url(../images/gallery/bedroom.png) no-repeat;width: 132px;height: 82px;}*/
#content .gallery-images { width:100%;}
#content .gallery-images ul {overflow:hidden; margin:0 -32px -14px 0; position:relative; padding-bottom:0;}
#content .gallery-images ul li { float:left; padding:0 0 14px 0; background:none; margin-right:16px;}
#content .gallery-images ul li div{padding:3px; background:#E7E6E8}
#content .img-list li { width:100%; overflow:hidden; background:none; padding:0 0 18px 0;}
#content .img-list li img { float:left; margin:6px 9px 0 0;}
.images{background-color:#cccccc; border: #ffffff solid 5px; width:170px; height:130px;margin: 0px;padding: 0px;float:left;margin-right: 10px;}
.images div{padding: 5px; width: 160px;height: 120px}
.extra-img { position:relative; margin:0 -9px 0 -8px;}
.gallery-main { border: #ffffff solid 5px; width:544px; height:408px; margin:0 -10px 0 -1px; position:relative;}
.gallery-main .inner { padding:0px;}
.gallery-main .prev { position:absolute; left:0px; top:0px;}
.gallery-main .next { position:absolute; right:0px; top:0px;}
.list1 { font-size:.91em; padding:4px 0 15px 0;}
.list1 dt { font-weight:bold; color:#e3dad2; margin-bottom:12px; padding:0 0 0 4px;}
.list1 dd { border-bottom:1px solid #57473c; padding:0 5px 7px 4px; margin-bottom:4px; line-height:1.45em;}
.list1 dd span { float:right;}
.list1 dd.alt { border-bottom:none;}
.list1 dd.last { font-weight:bold; color:#c30000; border-bottom:none;}
#content .list2 { padding-bottom:8px;}
#content .list2 li { font-size:.91em; padding-bottom:8px;}
#content .list3 li a { text-decoration:none;}
#content .list3 li a:hover { text-decoration:underline;}
#content .list4 li { width:100%; overflow:hidden; padding:0; background:none; font-size:.91em; padding-bottom:15px;}
#content .list4 li img { float:left; margin:0 13px 0 0;}
#content .aside{ height:100%;}
#content .aside ul { font-size:.91em;}
/*footer*/
#footer { font-family:Arial, Helvetica, sans-serif; padding:30px 20px 40px 20px;}
#footer a { color:#e3dad2;}
#footer .nav { text-align:center; padding-bottom:25px;}
#footer .nav li { display:inline;}
#footer .nav li a { padding:0 30px 0 30px; color:#e3dad2;}
/*==========================================*/
.fleft { float:left;}
.fright { float:right;}
.wrapper .fleft, .fright{
color: #BCA695;
font-size: 12px;
font-weight: 100;
}
.wrapper .fleft span a { color: #BCA695 ;text-decoration: none}
.wrapper .fleft span a:hover { color: #BCA695;}
.wrapper .fright a { color: #BCA695 ;text-decoration: none}
.wrapper .fright a:hover { color: #BCA695;}
.testimonial-line
{
line-height: 2px;
width: 100%;
background: #a79e9e;
margin-top: 8px;
padding-top: 1px;
float: left;
}
.testimonial-line-in
{
line-height: 2px;
width: 100%;
background: #6f5645;
margin-top: 8px;
padding-top: 1px;
float: left;
}
.testimonial-list
{
margin: 10px;
}
.testimonial-img
{
background: url('/images/apartment/chear2.png');
width: 49px;
height: 49px;
border: #f1f0f0 6px solid;
float: left;
margin-right: 20px;
}
.testimonials-form tr th{
padding: 10px;
}
.testimonials-form tr td input[type=text]{
width: 500px;
height: 20px;
padding: 2px;
padding-left: 5px;
border: #4e0b0b 3px solid;
}
.testimonials-form tr td input[type=text]:hover{
border: #947474 3px solid;
}
.img-border{
border: #FFFFFF 3px solid;
background: #CCCCCC;
padding-left: 13px;
width: 178px;
height: 149px;
float:left;
margin:0 25px 30px 0;
}
.img-border-panorama{
border: #FFFFFF 3px solid;
background: #CCCCCC;
padding-left: 13px;
width: 574px;
height: 147px;
float:left;
margin:0 25px 30px 0;
}
.img-border-height{
border: #FFFFFF 3px solid;
background: #CCCCCC;
padding-left: 13px;
width: 138px;
height: 190px;
float:left;
margin:0px 25px 30px 0px;
}
.testimonials-form tr td textarea{
width: 500px;
height: 150px;
padding: 2px;
padding-left: 5px;
border: #4e0b0b 3px solid;
}
.testimonials-form tr td textarea:hover{
border: #947474 3px solid;
}
.testimonials-submit {
padding: 2px 14px 2px 14px;
background-color: #B20000;
border: #930000 3px solid;
border-right: #590000 3px solid;
border-bottom: #590000 3px solid;
color: #D5C6BB;
font-weight: 600;
}
.testimonials-submit:hover{
background-color: #B20000;
border: #930000 3px solid;
border-right: #6c0303 3px solid;
border-bottom: #6c0303 3px solid;
}
.clear
{
clear: both;
}
.pagination { margin-top: 5px;}
.pagination a {
border: #6F5645 1px solid;
padding: 5px;
text-decoration: none;
}
.pagination a:hover {
background: #4b0f0f;
}
.pagination .current-page{
background: #4b0f0f;
}
/*========================= Button =========================*/
.rbutton {
font-family: arial, sans-serif;
font-size:13px;
font-weight: 500;
color:#D5C6BB;
text-decoration:none;
display:block;
padding:2px 5px 2px 5px;
border:1px solid #BDA186;
text-align:center;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-o-border-radius:5px;
-khtml-border-radius: 5px;
border-radius:5px;
background: #B20000;
background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#B20000), to(#6C0303));
background:-moz-linear-gradient(0% 90% 90deg, #6C0303, #B20000);
background:-o-linear-gradient(0% 90% 90deg, #6C0303, #B20000);
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
}
.rbutton:hover {
color:#fff;
border-color:#1D110B;
}
.rbutton:active {
background:#590000;
background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#871010), to(#590000));
background:-moz-linear-gradient(0% 90% 90deg, #590000, #871010);
}
.pbutton {
font-family: arial, sans-serif;
font-size:13px;
font-weight: 500;
color:#D5C6BB;
text-decoration:none;
display:block;
padding:2px 5px 2px 5px;
border:1px solid #787777;
text-align:center;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-o-border-radius:5px;
-khtml-border-radius: 5px;
border-radius:5px;
background: #444141;
background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#444141), to(#301f1f));
background:-moz-linear-gradient(0% 90% 90deg, #301f1f, #444141);
background:-o-linear-gradient(0% 90% 90deg, #301f1f, #444141);
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
}
.pbutton:hover {
color:#bebdbd;
border-color:#1D110B;
}
.pbutton:active {
background:#444141;
background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#301f1f), to(#444141));
background:-moz-linear-gradient(0% 90% 90deg, #444141, #301f1f);
}
.more{
padding:2px 15px 2px 15px;
}
.width{
width: 120px;
}
/*========================= layout =========================*/
#main {width:976px; margin:0 auto; position:relative;}
#header {height:500px; background:url(../images/header-bg-top.jpg) no-repeat left top;}
#header.small { height:394px;}
#header, #content, #footer { font-size:0.75em;}
.col-1, .col-2, .col-3, .submenu { float:left;}
.aside { float:left; width: 100%; float: left}
.content { float:left; width:594px; position:relative; width: 600px;padding-left: 50px; float: right;background:none repeat scroll 0 0 #2B1E15;}
/*======= index.html =======*/
#page1 #content .line-ver { background-position:297px top;}
#page1 #content .col-1 {width:215px; margin-right:115px;}
#page1 #content .col-2 { width:250px;}
#page1 #content .submenu {width:180px; }
/*======= index-1.html =======*/
#page2 #content .col-1 {width:173px; margin-right:37px;}
#page2 #content .col-2 {width:173px; margin-right:37px;}
#page2 #content .col-3 {width:173px;}
/*======= index-2.html =======*/
#page3 #content .col-1 {width:173px; margin-right:37px;}
#page3 #content .col-2 {width:173px; margin-right:37px;}
#page3 #content .col-3 {width:173px;}
/*=========================*/