/*-----------------------------------------------------------------------------

author:    Alexander Chuprin
email:     a.s.chuprin@gmail.com
website:   www.chuprin.com

-----------------------------------------------------------------------------*/

html, body {
    height: 100%;
}
body {
	background: 50% 0 no-repeat url(../i/page_bg.jpg) #6e0606;
	font-family: Tahoma, sans-serif;
	font-size: 62.5%;
	color: #666666;
}

.body_1 {
	background: 50% 0 no-repeat url(../i/backgrounds/1.jpg) #6e0606;
	font-family: Tahoma, sans-serif;
	font-size: 62.5%;
	color: #666666;
}

.body_2 {
	background: 50% 0 no-repeat url(../i/backgrounds/2.jpg) #6e0606;
	font-family: Tahoma, sans-serif;
	font-size: 62.5%;
	color: #666666;
}

.body_3 {
	background: 50% 0 no-repeat url(../i/backgrounds/3.jpg) #6e0606;
	font-family: Tahoma, sans-serif;
	font-size: 62.5%;
	color: #666666;
}

.body_4 {
	background: 50% 0 no-repeat url(../i/backgrounds/4.jpg) #6e0606;
	font-family: Tahoma, sans-serif;
	font-size: 62.5%;
	color: #666666;
}

.body_5 {
	background: 50% 0 no-repeat url(../i/backgrounds/5.jpg) #6e0606;
	font-family: Tahoma, sans-serif;
	font-size: 62.5%;
	color: #666666;
}

.body_6 {
	background: 50% 0 no-repeat url(../i/backgrounds/6.jpg) #6e0606;
	font-family: Tahoma, sans-serif;
	font-size: 62.5%;
	color: #666666;
}

.body_7 {
	background: 50% 0 no-repeat url(../i/backgrounds/7.jpg) #6e0606;
	font-family: Tahoma, sans-serif;
	font-size: 62.5%;
	color: #666666;
}

.body_8 {
	background: 50% 0 no-repeat url(../i/backgrounds/8.jpg) #6e0606;
	font-family: Tahoma, sans-serif;
	font-size: 62.5%;
	color: #666666;
}

.body_9 {
	background: 50% 0 no-repeat url(../i/backgrounds/9.jpg) #6e0606;
	font-family: Tahoma, sans-serif;
	font-size: 62.5%;
	color: #666666;
}

.body_10 {
	background: 50% 0 no-repeat url(../i/backgrounds/10.jpg) #6e0606;
	font-family: Tahoma, sans-serif;
	font-size: 62.5%;
	color: #666666;
}

/* Global */
/* -----------------------------------------------*/

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

p, ul, ol, dl, blockquote, q {
	margin: 2px 0 15px;
	line-height: 1.4em;
}
strong, b {
	font-weight: bold;
}
i, em {
	font-style: italic;
}

h1 {
    font-family: 'Times New Roman', serif;
    font-size: 36px;
    color: #d60514;
}
h2 {
    font-family: 'Times New Roman', serif;
    font-size: 20px;
    color: #d60514;
}
h3 {
    margin: 10px 0;
    font-size: 1.2em;
    font-weight: bold;
}
.larger {
    font-size: 1.2em;
}
.smaller {
    font-size: 0.85em;
}

.hor {
	overflow: hidden;
	zoom: 1;
}
	.hor li {
	    display: inline;
		float: left;
		list-style-type: none;		
	}

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}


/* Layout */
/* -----------------------------------------------*/

#page {
    width: 927px;
    margin: 0 auto;
    font-size: 1.2em;
}
#header {
    position: relative;
    height: 133px;
}
#wrapper {
    background: url(../i/main_bg.png) 50% 0 repeat-y;
}
    #wrapper-inner {
        background: url(../i/main_bg_top.png) 50% 0 no-repeat;
    }
    #wrapper-inner-2 {
        overflow: hidden;
        zoom: 1;
        padding: 0 50px;
        min-height: 300px;
        background: url(../i/main_bg_bottom.png) 50% 100% no-repeat;
    }
#main {
    margin: 0 0 60px 39px;
}
.two-cols #main {
    width: 459px;
    float: left;
}
#aside {
    float: right;
    margin-top: 95px;
}
#footer {
    overflow: hidden;
    height: 94px;
    padding: 26px 0 0;
    background: url(../i/footer_bg.jpg) 50% 0 no-repeat;
    color: #ff0000;
}

/* Header */
/* -----------------------------------------------*/

#header .logo {
    position: absolute;
    left: 50%;
    bottom: -43px;
    margin-left: -83px;
}
#header .address {
    position: absolute;
    left: 50px;
    top: 59px;
}
#header .languages {
    position: absolute;
    right: 71px;
    top: 67px;
}
    #header .languages ul {
        margin: 0;
    }
    #header .languages li {
        margin: 0 0 0 9px;
    }

/* Content */
/* -----------------------------------------------*/

#nav {
    padding: 50px 0 0 0;
    margin: 0 0 30px;
}
    #nav ul {
        margin: 0;
    }
        #nav ul li {
            padding: 0 0 0 24px;
        }
        #nav ul li.active {
            background: url(../i/nav_active.gif) 7px 0 no-repeat;
        }
        
.banners {
    position: relative;
    height: 229px;
    padding: 0 25px;
}
    .banners .banner-1 {
        float: left;
        position: relative;
        z-index: 2;
    }
    .banners .banner-2 {
        float: right;
        position: relative;
        z-index: 2;
    }
    .banners .banner-3 {
        position: absolute;
        z-index: 1;
        left: 280px;
        bottom: -1px;
    }

.welcome {
    overflow: hidden;
}
    .welcome .text {
        width: 300px;
        margin: 0 0 0 47px;
        line-height: 1.4em;
    }
    .welcome h1 {
        margin-left: 26px;
    }
    .welcome .banner {
        display: inline;
        float: right;
        margin: 17px 45px 0 0;
    }
    
.response {
    overflow: hidden;
    margin: 0 0 110px;
}
    .response .banner {
        float: left;
        margin: 40px 0 0 30px;
    }
    .response .text {
        float: right;
        width: 300px;
        padding: 30px 0 30px 40px;
        background: url(../i/sep.gif) 0 50% no-repeat;
    }
        .response .text h2 {
            position: relative;
            margin-bottom: 5px;
            margin-left: -10px;
        }

#main .headline {
    margin: 0 0 15px -15px;
}
#aside .banner {
    margin: 0 0 60px 0;
}

.rooms-list {
    margin: 40px 0;
}
.rooms-list li {
    margin: 30px 0 60px 0;
    overflow: hidden;
    zoom: 1;
}
.rooms-list li .image {
    position: relative;
    zoom: 1;
    float: left;
    margin-right: 35px;
}   
    .rooms-list li .image span {
        position: absolute;
        display: block;
        left: 0;
        top: 0;
        width: 200px;
        height: 112px;
        background:  url(../i/room_frame.png) 0 0 no-repeat;
    }
.rooms-list li .desc {
    float: left;
    width: 355px;
}
.rooms-list li .order {
    float: right;
    margin: 25px 20px 0 0;
}
.rooms-list li .title {
    margin: 5px 0;
}

.friends {
    margin: 60px 0;
}
.friends li {
    width: 33%;
    margin: 0;
    text-align: center;
    font-size: 11px;
    height: 270px;
}
    .friends li .image {
        height: 130px;
    }
    .friends li .text {
        padding: 0 15px;
    }

.map-holder {
    width: 556px;
    height: 320px;
    border: 14px solid #e2e2e2;
    margin: 50px auto 100px;
    background: url(../i/map.gif);
}

.overlabel {
    position: absolute;
    left: 7px;
    top: 7px;
}
.response-form {
    background:  url(../i/pen.gif) 95% 100% no-repeat;
    padding-bottom: 40px;
}
.response-form form {
    width: 560px;
    margin: 0 auto;
}
.response-form .two-cols .input-holder {
    position: relative;
    float: left;
    margin-bottom: 16px;
}
.response-form .two-cols .input-holder .text-input {
    width: 247px;
    margin-right: 18px;
}
.response-form textarea.text-input {
    width: 522px;
}
.response-form .buttons-row {
    margin: 15px;
}
.text-input {
    padding: 4px;
    border: 1px solid #a6a6a6;
}
.responses .latest li {
    padding: 10px;
    background:  url(../i/line.gif) 0 0 no-repeat;
    margin-bottom: 20px;
}
    .responses .latest h2 {
        margin-bottom: 6px;
    }
.service .banners {
    height: auto;
    padding: 0;
}
.service .banners li {
    margin: 20px 20px 40px 20px;
    text-align: center;
}
.tour .photo-big {
    margin: 60px 0;
    text-align: center;
}
.tour .photos {
    margin: 50px 0;
    text-align: center;
}
.tour .photos li {
    display: inline-block;
    margin: 0 18px;
}
.tour .photos li img {
    border: 7px solid #cecece;
}

/* Footer */
/* -----------------------------------------------*/
#footer {
	position:relative;	
}

#footer .icons{
	width:200px;
	position:absolute;
	left:390px;
	top:34px;
}
	
	#footer .icons img{
		display:block;
		float:left;
		margin:0 8px 0 0;
	}


#made-in {
    display: inline;
    float: left;
    height: 31px;
    margin-left: 96px;
    background: url(../i/ori_logo.gif) no-repeat 0 100%;
    padding-left: 64px;
    font-size: 9px;
    line-height: 1.2em;
}
    #made-in span {
        display: block;
        padding-left: 10px;
    }
    #made-in a {
        color: #ff0000;
        text-decoration: none;
    }
#copyright {
    float: right;
    margin: 10px 100px 0 0;
}

.patch{
	position:relative;
	top:-2px;
}